:root{--navy:#173f7a;--navy2:#0d2f61;--orange:#ff6500;--blue:#1769aa;--ink:#17202a;--muted:#697586;--line:#e6eaf0;--bg:#f5f7fb;--white:#fff;--green:#14804a;--amber:#ff9f1c;--red:#d94a4a;--shadow:0 14px 35px rgba(17,43,78,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:#718096;text-transform:uppercase}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d2f61,#173f7a 58%,#225493)}.login-visual:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-250px;bottom:-260px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.visual-overlay{position:relative;z-index:1;padding:clamp(35px,7vw,100px);color:#fff;max-width:850px}.hero-logo{width:min(460px,80%);background:#fff;border-radius:12px;padding:10px;display:block;margin-bottom:55px}.login-visual .eyebrow{color:#b9c8dd}.visual-overlay h1{font-size:clamp(42px,5.5vw,78px);line-height:.98;margin:15px 0 22px;letter-spacing:-.045em}.visual-overlay h1 span{color:#ff8a3d}.visual-overlay p{font-size:17px;line-height:1.7;color:#d5deeb;max-width:590px}.feature-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.feature-strip span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);padding:10px 13px;border-radius:99px;font-size:12px}
.login-panel{display:grid;place-items:center;padding:35px}.login-box{width:min(440px,100%)}.mobile-logo{display:none;width:240px;margin:0 auto 35px}.login-box h2{font-size:31px;margin:10px 0 6px;letter-spacing:-.02em}.muted{color:var(--muted);font-size:13px}.login-form{display:grid;gap:16px;margin-top:28px}.field{display:grid;gap:7px;font-size:11px;font-weight:900;color:#44505f}.field input,.field select,.field textarea{width:100%;border:1px solid #dce2e9;border-radius:10px;padding:12px 13px;outline:0;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,170,.1)}.pass-wrap{position:relative}.pass-wrap input{padding-right:65px}.pass-wrap button{position:absolute;right:8px;top:7px;border:0;background:#f2f4f7;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:9px;font-weight:850;font-size:12px;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(0,0,0,.06)}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn.danger{background:#fff2f2;color:#b12d2d;border-color:#ffd5d5}.btn.small{padding:7px 9px;font-size:10px}.btn.full{width:100%;display:flex;justify-content:center;gap:10px}.demo{margin-top:24px;padding:15px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;font-size:11px;line-height:2;color:#667085}.demo b{display:block;color:var(--navy);margin-bottom:3px}.demo div span{display:inline-block;width:75px;font-weight:900;color:#2e3948}.login-foot{display:block;color:#98a1ad;text-align:center;margin-top:35px}
.app{min-height:100vh}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:258px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.side-brand{padding:22px 20px 17px;border-bottom:1px solid var(--line)}.side-brand img{width:100%;display:block}.role-chip{margin:15px 16px 7px;padding:8px 11px;border-radius:9px;background:#f1f5fa;color:var(--navy);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.role-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a15f;margin-right:6px}.nav{padding:8px 12px}.nav button{width:100%;border:0;background:transparent;text-align:left;color:#657083;padding:11px 12px;border-radius:9px;font-weight:800;font-size:12px;display:flex;align-items:center;gap:11px;margin:2px 0}.nav button i{font-style:normal;font-size:18px;width:20px;text-align:center}.nav button:hover{background:#f4f7fa;color:var(--navy)}.nav button.active{background:#eaf0f8;color:var(--navy);box-shadow:inset 3px 0 var(--orange)}.side-footer{margin-top:auto;padding:16px 18px;border-top:1px solid var(--line);color:#8993a1;font-size:10px;line-height:1.6}.side-footer b{color:var(--navy);font-size:12px}.main{margin-left:258px;min-height:100vh}.topbar{height:82px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:13px 30px;gap:15px}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px}.top-heading h1{margin:3px 0 0;font-size:21px;letter-spacing:-.02em}.top-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.welcome-mini{display:flex;align-items:center;gap:9px}.welcome-mini b{font-size:11px;display:block}.welcome-mini small{font-size:9px;color:#8993a1;text-transform:capitalize}.avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#eaf0f8;color:var(--navy);font-weight:950}.icon-btn{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:900;color:#5f6b7b}.content{padding:28px;max-width:1600px;margin:auto}.welcome-card{border-radius:18px;padding:26px 28px;background:linear-gradient(110deg,#173f7a,#28558e);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;box-shadow:0 18px 35px rgba(23,63,122,.18);position:relative;overflow:hidden}.welcome-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-90px;top:-150px}.welcome-card .eyebrow{color:#bfcde1}.welcome-card h2{font-size:26px;margin:7px 0}.welcome-card p{margin:0;color:#d8e2ef;font-size:12px}.welcome-role{position:relative;z-index:1;border:1px solid rgba(255,255,255,.18);padding:11px 15px;border-radius:11px;font-size:10px;font-weight:900;letter-spacing:.1em;text-align:right}.welcome-role small{display:block;font-size:9px;letter-spacing:0;text-transform:none;font-weight:500;color:#cbd7e6;margin-top:3px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow);position:relative}.stat-icon{position:absolute;right:15px;top:15px;width:31px;height:31px;border-radius:9px;background:#edf3fa;color:var(--navy);display:grid;place-items:center;font-weight:950}.stat small{color:#6e7988;font-size:10px}.stat strong{display:block;font-size:26px;margin:4px 0 2px;color:#17202a}.stat em{font-size:9px;color:#98a1ad;font-style:normal}.stat.warn .stat-icon{background:#fff5df;color:#b46a00}.stat.danger-stat .stat-icon{background:#fff0f0;color:#b72f2f}.dashboard-grid,.report-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h2{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.chart-box{height:260px;padding:20px}.quick-grid{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{border:1px solid var(--line);background:#fbfcfe;border-radius:11px;padding:13px;text-align:left;display:grid;gap:3px}.quick-grid button:hover{border-color:#c7d4e5;background:#f6f9fd}.quick-grid b{font-size:19px;color:var(--navy)}.quick-grid span{font-size:11px;font-weight:900}.quick-grid small{font-size:9px;color:#8993a1}.page-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 23px;margin-bottom:18px;box-shadow:var(--shadow)}.page-banner h2{margin:4px 0;font-size:22px}.page-banner p{margin:0;color:var(--muted);font-size:11px}.searchbar{padding:13px 16px;display:flex;gap:8px;border-bottom:1px solid var(--line)}.searchbar input{flex:1;border:1px solid #dce2e9;border-radius:9px;padding:10px 12px;outline:0;min-width:160px}.searchbar select,.page-banner select{border:1px solid #dce2e9;border-radius:9px;padding:10px 12px;background:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:10px;text-align:left;white-space:nowrap}th{background:#f8fafc;color:#6e7988;font-size:9px;text-transform:uppercase;letter-spacing:.06em}tr:hover td{background:#fcfdff}td small{font-size:9px;color:#8a94a2}.block{display:block;margin-top:4px}.tag{display:inline-block;background:#eef3fa;color:var(--navy);padding:5px 8px;border-radius:6px;font-size:9px;font-weight:900}.badge{display:inline-block;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:950}.badge.in{background:#e9f7ef;color:#147344}.badge.low{background:#fff3dc;color:#986000}.badge.out{background:#ffeded;color:#b32f2f}.actions{display:flex;gap:5px}.empty{text-align:center!important;padding:45px!important;color:#8993a1}.result-card{margin:15px 17px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.03)}.result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.big-code{font-size:21px;font-weight:950;color:var(--navy);margin-top:4px}.result-card p{font-size:10px;color:var(--muted)}.location-card{border:2px solid #dbe7f3;border-radius:11px;overflow:hidden;margin-top:14px}.location-head{background:#eef4fa;color:var(--navy);font-weight:950;font-size:11px;padding:10px 12px}.location-head span{float:right}.location-grid{display:grid;grid-template-columns:100px 100px 1fr 145px;gap:8px;padding:12px}.location-grid>div:not(.qr){border:1px solid #dce2e9;border-radius:7px;overflow:hidden;text-align:center}.location-grid small{display:block;background:#f3f5f7;padding:5px;color:#687281;font-size:8px;font-weight:900}.location-grid b{display:block;padding:10px;font-size:17px}.location-grid .active-loc b{background:#178652;color:#fff}.qr{display:grid;place-items:center}.qty-line{display:flex;justify-content:space-between;padding:10px 12px;background:#fafbfc;font-size:10px}.qty-line span{color:#8993a1}.scanner-layout{display:grid;grid-template-columns:1fr 330px;gap:18px}.scanner{padding:18px}.scanner-box{min-height:300px;background:#111;border-radius:12px;overflow:hidden;max-width:620px;margin:auto}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.scan-result{margin-top:13px;background:#edf8f1;border:1px solid #cdebd9;border-radius:9px;padding:13px;font-size:11px;line-height:1.7;color:#14663b}.scan-help{padding:18px}.scan-help h3{margin:0 0 15px}.scan-help>div{padding:13px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--navy)}.scan-help b{display:block;font-size:12px;color:var(--ink);margin-top:2px}.scan-help small{color:#8993a1}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.report-kpis>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.report-kpis small{display:block;color:#748091;font-size:9px}.report-kpis b{display:block;font-size:23px;margin-top:4px}.report-kpis .r-low{border-left:4px solid var(--amber)}.report-kpis .r-out{border-left:4px solid var(--red)}.chart-large{height:330px;padding:20px}.role-tag{display:inline-block;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:900;text-transform:capitalize}.role-tag.operator{background:#edf3fb;color:#244f8b}.role-tag.viewer{background:#f4effd;color:#7042a8}.checkbox-list{max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:7px}.check-row{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #f0f1f3;font-size:10px}.check-row:last-child{border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.form-grid .full{grid-column:1/-1}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(10,23,43,.6);display:grid;place-items:center;padding:15px}.modal{width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:4px 0;font-size:18px}.modal-head p{margin:0;color:var(--muted);font-size:10px}.close{border:0;background:#f1f3f6;border-radius:50%;width:32px;height:32px;font-size:19px}.modal-actions{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.label-preview{padding:25px;background:#f5f7fa}.label-sheet{background:#fff;border:2px solid var(--navy);padding:15px;max-width:760px;margin:auto}.label-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--navy);padding-bottom:10px}.label-brand img{width:260px}.label-brand span{font-size:10px;font-weight:900;color:#667085}.label-code{background:var(--navy);color:#fff;text-align:center;padding:12px;font-size:32px;font-weight:950;margin-top:10px}.label-fields{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #bbb;margin-top:10px}.label-fields div{padding:9px;border:1px solid #ddd}.label-fields small,.label-location small{display:block;color:#777;font-size:8px}.label-fields b,.label-location b{font-size:13px}.label-location{margin-top:12px;border:3px solid var(--navy);padding:10px;display:grid;grid-template-columns:1fr 1fr 160px;gap:10px}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#17202a;color:#fff;padding:12px 15px;border-radius:9px;font-size:11px;box-shadow:var(--shadow)}
@media(max-width:1100px){.sidebar{width:225px}.main{margin-left:225px}.stats,.report-kpis{grid-template-columns:1fr 1fr}.dashboard-grid,.report-grid{grid-template-columns:1fr}.scanner-layout{grid-template-columns:1fr}.side-brand{padding:18px 16px}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.mobile-logo{display:block}.login-panel{min-height:100vh;padding:25px 18px}.sidebar{transform:translateX(-100%);transition:.25s;width:275px;box-shadow:15px 0 40px rgba(0,0,0,.18)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu{display:block}.topbar{padding:10px 14px;height:72px}.top-heading h1{font-size:17px}.top-heading p{font-size:9px}.top-heading .eyebrow{font-size:8px}.welcome-mini{display:none}.content{padding:14px}.welcome-card{padding:19px;align-items:flex-start}.welcome-card h2{font-size:20px}.welcome-role{font-size:8px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px}.stat strong{font-size:22px}.page-banner{padding:17px;align-items:flex-start;flex-direction:column}.page-banner h2{font-size:19px}.page-banner .btn,.page-banner .tools{width:100%}.form-grid{grid-template-columns:1fr;padding:15px}.form-grid .full{grid-column:auto}.location-grid{grid-template-columns:1fr 1fr}.location-grid .qr{grid-column:1/-1}.report-kpis{grid-template-columns:1fr 1fr}.chart-large{height:290px;padding:14px}.chart-box{height:230px;padding:12px}.searchbar{flex-wrap:wrap}.searchbar input{width:100%;min-width:100%}.label-fields{grid-template-columns:1fr 1fr}.label-location{grid-template-columns:1fr 1fr}.label-location .qr{grid-column:1/-1}.label-brand img{width:190px}}
@media(max-width:430px){.stats,.report-kpis{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.top-actions{gap:4px}.content{padding:10px}.panel-head{align-items:flex-start;flex-direction:column}.tools{width:100%}.tools .btn{flex:1}.location-grid{gap:5px}.result-card{margin:10px;padding:12px}.big-code{font-size:17px}}
/* Stock alert + viewer ordering enhancements */
.stat.clickable{cursor:pointer;transition:.2s;outline:0}.stat.clickable:hover{transform:translateY(-3px);border-color:#c6d6ea;box-shadow:0 16px 35px rgba(17,43,78,.13)}.stat.clickable:after{content:'View →';position:absolute;bottom:12px;right:15px;font-size:9px;font-weight:900;color:var(--navy);opacity:.7}.alert-panel{border:1px solid #ffe1a8}.alert-count{display:inline-flex;align-items:center;justify-content:center;background:#fff3dc;color:#9b6200;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:950}.alert-list{padding:8px 16px 16px}.alert-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #f0f1f3}.alert-row:last-child{border-bottom:0}.alert-row b{display:block;font-size:11px;color:var(--navy)}.alert-row small{display:block;color:#7d8794;font-size:9px;margin-top:3px}.alert-qty{text-align:right;min-width:90px}.alert-qty strong{display:block;font-size:16px}.alert-qty.low strong{color:#b16a00}.alert-qty.out strong{color:#bd3030}.alert-qty small{font-size:8px;font-weight:950}.orders-panel .panel-head{background:linear-gradient(90deg,#f8fbff,#fff)}.call-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;background:#eaf7ef;color:#167347;text-decoration:none;font-size:10px;font-weight:900}.order-material-card{display:flex!important;align-items:center;justify-content:space-between;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:12px}.order-material-card b{display:block;color:var(--navy);font-size:12px}.order-material-card small{display:block;color:#7d8794;font-size:9px;margin-top:3px}.status-modal-list{padding:10px 18px 18px}.status-material{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.status-material:last-child{border-bottom:0}.status-material>b,.status-material>div>b{display:block}.status-material>div:first-child>b{display:block;font-size:12px;color:var(--navy);margin-top:3px}.status-material small{display:block;color:#7d8794;font-size:9px;margin-top:4px}.status-material-qty{text-align:right;min-width:100px}.status-material-qty strong{font-size:18px;display:block}.status-material-qty span{font-size:9px;color:#8993a1;display:block;margin-bottom:4px}.material-quick-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.material-quick-info>div{background:#f7f9fc;border:1px solid #e8edf3;border-radius:8px;padding:9px}.material-quick-info small{display:block;font-size:7px;color:#7b8795;font-weight:900;letter-spacing:.06em}.material-quick-info b{display:block;font-size:10px;margin-top:4px;color:#253247}.card-action-row{margin-top:12px;padding:11px 12px;border:1px solid #ffe2b4;background:#fff9ed;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-action-row strong{display:block;color:#9a6100;font-size:10px}.card-action-row small{display:block;color:#7d8794;font-size:8px;margin-top:2px}.public-mode{background:#eef3f9}.public-shell{min-height:100vh;padding:18px;display:grid;place-items:center;background:radial-gradient(circle at 10% 0%,rgba(255,101,0,.08),transparent 30%),linear-gradient(145deg,#edf3f9,#f9fbfd)}.public-card{width:min(620px,100%);background:#fff;border:1px solid #dfe7f0;border-radius:24px;box-shadow:0 24px 70px rgba(17,43,78,.15);padding:22px;position:relative;overflow:hidden}.public-card:before{content:'';position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--orange),var(--navy));}.public-brand{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:7px;border-bottom:1px solid var(--line);padding-bottom:14px}.public-brand img{width:min(310px,68%);height:auto}.public-brand div{text-align:right}.public-brand span{display:block;color:#7b8795;font-size:8px;font-weight:950;letter-spacing:.12em}.public-brand b{display:block;color:var(--navy);font-size:10px;margin-top:4px}.public-status{position:absolute;right:22px;top:78px}.public-code{margin-top:22px;background:var(--navy);color:#fff;border-radius:12px;padding:15px 16px;text-align:center;font-size:clamp(22px,5vw,32px);font-weight:950;letter-spacing:.01em;word-break:break-word}.public-sub{text-align:center;color:#687586;font-size:11px;margin:10px 0 18px}.public-qty{border:1px solid #dfe8f2;background:#f7faff;border-radius:14px;text-align:center;padding:16px;margin-bottom:14px}.public-qty small{display:block;color:#6f7d8f;font-size:8px;font-weight:950;letter-spacing:.1em}.public-qty strong{font-size:38px;line-height:1.1;color:var(--navy);display:inline-block;margin-top:5px}.public-qty span{font-size:11px;color:#7d8794;margin-left:6px;font-weight:800}.public-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.public-grid>div,.public-specs>div{border:1px solid #e4e9ef;border-radius:10px;padding:11px;background:#fff}.public-grid small,.public-specs small{display:block;color:#7b8795;font-size:7px;font-weight:950;letter-spacing:.07em}.public-grid b,.public-specs b{display:block;color:#26364c;font-size:11px;margin-top:5px;word-break:break-word}.public-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.public-order{margin-top:14px}.public-foot{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line);margin-top:18px;padding-top:13px}.public-foot img{width:150px}.public-foot span{font-size:8px;color:#8993a1}.public-note{text-align:center;font-size:9px;color:#738093;margin-bottom:9px}@media(max-width:760px){.alert-row{grid-template-columns:1fr auto}.alert-row .btn{grid-column:1/-1;width:100%}.material-quick-info{grid-template-columns:1fr 1fr}.status-material{grid-template-columns:1fr auto}.status-material .btn{grid-column:1/-1;width:100%}.public-card{padding:15px;border-radius:18px}.public-status{position:static;margin-top:12px}.public-grid{grid-template-columns:1fr 1fr}.public-specs{grid-template-columns:1fr 1fr}.public-brand{align-items:flex-start}.public-brand img{width:65%}.public-foot{flex-direction:column}.public-foot img{width:190px}.public-shell{padding:10px}}
@media(max-width:430px){.material-quick-info{grid-template-columns:1fr 1fr}.card-action-row{align-items:flex-start;flex-direction:column}.card-action-row .btn{width:100%}.status-material-qty{min-width:80px}.public-code{font-size:20px}.public-qty strong{font-size:31px}}
/* Professional interaction layer */
.btn,.nav button,.stat,.panel,.quick-grid button,.result-card,.order-material-card,.call-btn,.tag,.badge{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease,filter .22s ease}
.btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 10px 24px rgba(17,43,78,.12)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.primary:hover{box-shadow:0 12px 26px rgba(23,63,122,.25);filter:brightness(1.06)}
.btn.orange:hover{box-shadow:0 12px 26px rgba(255,101,0,.24);filter:brightness(1.04)}
.nav button:hover{transform:translateX(4px);box-shadow:0 7px 16px rgba(17,43,78,.06)}
.nav button.active{animation:navPulse .45s ease}
.stat.clickable:hover{transform:translateY(-6px) rotateX(2deg);box-shadow:0 20px 40px rgba(17,43,78,.16)}
.panel:hover{box-shadow:0 18px 42px rgba(17,43,78,.10)}
.quick-grid button:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(17,43,78,.10);border-color:#c4d4e7}
.quick-grid button:hover b{transform:scale(1.12);display:inline-block}
.result-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(17,43,78,.11);border-color:#c9d8e9}
.call-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(22,115,71,.18)}
.alert-row:hover{background:#fffaf1;border-radius:10px;padding-left:8px;padding-right:8px}
.table-wrap tbody tr{transition:transform .16s ease,background .16s ease}
.table-wrap tbody tr:hover{transform:translateX(2px)}
.side-brand img,.hero-logo,.mobile-logo{transition:transform .35s ease,filter .35s ease}
.side-brand:hover img,.hero-logo:hover,.mobile-logo:hover{transform:scale(1.025);filter:drop-shadow(0 10px 18px rgba(23,63,122,.16))}
.welcome-card{animation:welcomeIn .55s ease both}
.welcome-card:hover{box-shadow:0 24px 50px rgba(23,63,122,.25);transform:translateY(-2px)}
.movement-actions{display:flex;gap:8px;flex-wrap:wrap}
.movement-actions .btn{min-width:105px}
.movement-search{background:#fbfcfe}
.movement-search input{box-shadow:inset 0 1px 3px rgba(17,43,78,.04)}
@keyframes welcomeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes navPulse{0%{box-shadow:inset 3px 0 var(--orange),0 0 0 rgba(23,63,122,0)}50%{box-shadow:inset 3px 0 var(--orange),0 5px 20px rgba(23,63,122,.08)}100%{box-shadow:inset 3px 0 var(--orange),0 0 0 rgba(23,63,122,0)}}
@media(max-width:760px){.movement-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.movement-actions .btn{min-width:0;padding:10px 6px}.movement-search input{width:100%}}
@media(max-width:430px){.movement-actions{grid-template-columns:1fr}.movement-actions .btn{width:100%}}
/* v4 professional workflow layer */
.toast{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);min-width:min(390px,88vw);display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px 20px;border-radius:16px;background:rgba(13,47,97,.96);box-shadow:0 25px 80px rgba(13,47,97,.30);font-size:12px;font-weight:850;animation:centerToastIn .32s cubic-bezier(.2,.8,.2,1)}
.toast-check{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#20a464;color:#fff;font-weight:950;flex:0 0 auto}
@keyframes centerToastIn{from{opacity:0;transform:translate(-50%,50%) scale(.86)}to{opacity:1;transform:translate(-50%,50%) scale(1)}}
.snapshot-grid{padding:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.snapshot-card{border:1px solid #e3e9f1;border-radius:15px;padding:15px;background:linear-gradient(145deg,#fff,#fbfcfe);box-shadow:0 8px 20px rgba(17,43,78,.045);cursor:pointer;position:relative;overflow:hidden}.snapshot-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--navy);transform:scaleY(.2);transform-origin:center;transition:.28s}.snapshot-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(17,43,78,.13);border-color:#c7d7e8}.snapshot-card:hover:before{transform:scaleY(1);background:var(--orange)}.snapshot-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.snapshot-top h3{margin:4px 0 3px;font-size:14px;color:var(--navy);word-break:break-word}.snapshot-top p{margin:0;color:#718096;font-size:9px}.snapshot-qty{margin:13px 0;padding:12px;border-radius:11px;background:#f5f8fc;border:1px solid #e5ebf2}.snapshot-qty small{display:block;color:#788597;font-size:7px;font-weight:950;letter-spacing:.1em}.snapshot-qty strong{font-size:27px;color:#17202a;margin-right:5px}.snapshot-qty span{font-size:9px;color:#7b8795;font-weight:800}.snapshot-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.snapshot-specs span{padding:8px;border:1px solid #e8edf3;border-radius:8px;background:#fff}.snapshot-specs small{display:block;color:#8993a1;font-size:7px;font-weight:900}.snapshot-specs b{display:block;color:#253247;font-size:9px;margin-top:3px}.snapshot-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.snapshot-actions .btn{flex:1 1 auto;min-width:72px}.snapshot-modal{padding:0 18px 18px}.snapshot-modal-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f5f8fc;border:1px solid #e4eaf1;border-radius:13px;padding:13px}.snapshot-modal-hero img{width:min(260px,60%);height:auto}.snapshot-modal-hero>div{display:grid;gap:4px;text-align:right}.snapshot-modal-hero strong{font-size:24px;color:var(--navy)}.snapshot-modal-hero small{font-size:8px;color:#8993a1}.snapshot-modal-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.snapshot-modal-actions .btn{flex:1;min-width:110px}.contact-panel{border:1px solid #dce9e3}.contact-badge{font-size:8px;font-weight:950;color:#167347;background:#eaf7ef;padding:6px 9px;border-radius:99px}.contact-actions{padding:15px;display:flex;gap:8px;flex-wrap:wrap}.contact-actions .btn{flex:1;min-width:130px;text-decoration:none;text-align:center}.request-grid{padding:14px;display:grid;gap:8px}.request-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 13px;border:1px solid #e6ebf1;border-radius:11px;background:#fbfcfe}.request-card b{display:block;color:var(--navy);font-size:12px;margin-top:3px}.request-card small{display:block;color:#8993a1;font-size:8px;margin-top:4px}.request-status{font-size:8px;font-weight:950;padding:6px 9px;border-radius:99px;white-space:nowrap}.request-status.pending{background:#fff3dc;color:#986000}.request-status.fulfilled{background:#e9f7ef;color:#147344}.report-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.report-card-grid{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.report-card-btn{border:1px solid #e0e7ef;background:#fbfcfe;border-radius:12px;padding:14px;text-align:left;display:grid;gap:5px;transition:.25s}.report-card-btn:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(17,43,78,.11);border-color:#c6d7e9;background:#fff}.report-card-btn b{font-size:21px;color:var(--orange)}.report-card-btn span{font-size:11px;font-weight:950;color:var(--navy)}.report-card-btn small{font-size:8px;color:#8993a1;line-height:1.4}.live-match-list{margin-top:7px;display:grid;gap:5px;max-height:190px;overflow:auto}.live-match{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e1e8f0;background:#fbfcfe;border-radius:8px;padding:9px;text-align:left}.live-match:hover{background:#eef4fb;border-color:#bfd0e5}.live-match b{font-size:10px;color:var(--navy)}.live-match span{font-size:8px;color:#718096;text-align:right}.process-overlay{position:fixed;inset:0;background:rgba(8,24,45,.32);backdrop-filter:blur(5px);z-index:1000;display:grid;place-items:center;animation:processFade .2s ease}.process-card{width:min(330px,84vw);background:#fff;border-radius:20px;padding:25px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.24);animation:processPop .35s cubic-bezier(.2,.8,.2,1)}.process-orbit{width:58px;height:58px;margin:0 auto 14px;position:relative;border:3px solid #e7edf4;border-top-color:var(--orange);border-right-color:var(--navy);border-radius:50%;animation:spin 1s linear infinite}.process-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);top:-4px;left:25px}.process-orbit span:nth-child(2){background:var(--navy);right:-4px;top:24px;left:auto}.process-orbit span:nth-child(3){background:#20a464;bottom:-4px;left:24px;top:auto}.process-title{font-size:14px;font-weight:950;color:var(--navy)}.process-sub{font-size:9px;color:#8993a1;margin-top:5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes processPop{from{opacity:0;transform:scale(.82) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes processFade{from{opacity:0}to{opacity:1}}
.whatsapp-btn{border:0;cursor:pointer}.mail-btn{text-decoration:none}
@media(max-width:900px){.snapshot-grid{grid-template-columns:1fr}.report-card-grid{grid-template-columns:1fr 1fr}.report-actions{width:100%;justify-content:flex-start}.report-actions .btn{flex:1}}
@media(max-width:760px){.snapshot-specs{grid-template-columns:1fr 1fr}.snapshot-modal-hero{align-items:flex-start;flex-direction:column}.snapshot-modal-hero img{width:75%}.snapshot-modal-hero>div{text-align:left}.contact-actions{display:grid;grid-template-columns:1fr}.request-card{align-items:flex-start;flex-direction:column}.report-card-grid{grid-template-columns:1fr}.report-actions{display:grid;grid-template-columns:1fr 1fr}.report-actions .btn{width:100%}.toast{bottom:48%;min-width:82vw}}
@media(max-width:430px){.snapshot-actions .btn{min-width:100%}.snapshot-card{padding:12px}.snapshot-specs{grid-template-columns:1fr 1fr}.report-actions{grid-template-columns:1fr}.toast{min-width:90vw;font-size:11px}}

/* v5 professional interaction refinements */
.dashboard-snapshot .snapshot-actions{justify-content:center}
.dashboard-snapshot .view-only{min-width:120px}
.pdf-preview{height:min(72vh,720px);background:#f3f6fa;border:1px solid #dbe3ee;border-radius:16px;overflow:hidden}
.pdf-preview iframe{width:100%;height:100%;border:0;background:#fff}
.report-preview-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.contact-actions .btn,.call-btn{transition:transform .2s ease,box-shadow .2s ease}
.contact-actions .btn:hover,.call-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,63,122,.16)}
@media(max-width:700px){.pdf-preview{height:68vh}.report-preview-actions{justify-content:stretch}.report-preview-actions .btn,.report-preview-actions a{flex:1;text-align:center}}
.pdf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:#f7f9fc;border:1px solid #dbe3ee;border-radius:10px;margin:10px 18px;color:#657386;font-size:9px;font-weight:800}
.pdf-toolbar .btn{white-space:nowrap}

/* v8 reliability UI */
.search-result-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;margin:10px 0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.search-result-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,43,78,.11);border-color:#c8d7eb}
.search-result-main{min-width:0}.search-code{font-size:12px;font-weight:900;color:var(--navy);letter-spacing:.03em}.search-result-main h3{margin:5px 0 10px;font-size:18px}.search-result-main h3 span{font-size:13px;color:var(--muted);font-weight:700}.search-meta{display:flex;flex-wrap:wrap;gap:8px}.search-meta span{background:#f5f8fc;border:1px solid #e4eaf2;padding:6px 9px;border-radius:9px;font-size:12px;color:#536174}.search-status{margin-top:10px}.search-result-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-mini{width:118px;min-height:118px;display:grid;place-items:center;background:#fff;border-radius:10px}.qr-mini img{max-width:118px;height:auto}.block{display:block;margin-top:3px;color:var(--muted)}
.report-fallback{height:min(75vh,720px);background:#e9eef5;padding:10px}.report-fallback iframe{width:100%;height:100%;border:1px solid #ccd6e2;background:#fff;border-radius:10px}
.admin-snapshot-list td{vertical-align:middle}.admin-snapshot-list .btn{min-width:74px}
@media(max-width:700px){.search-result-card{grid-template-columns:1fr}.search-result-actions{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}.qr-mini{order:3}.search-meta{gap:5px}.report-fallback{height:70vh}}

/* Dashboard Inventory Snapshot: show the complete list without a nested scrollbar. */
.dashboard-snapshot-table{overflow:visible!important;max-height:none!important}
.dashboard-snapshot-table table{width:100%;table-layout:fixed}
.dashboard-snapshot-table th,.dashboard-snapshot-table td{white-space:normal;word-break:break-word;overflow-wrap:anywhere}
.dashboard-snapshot-table th:nth-child(1){width:15%}.dashboard-snapshot-table th:nth-child(2){width:22%}.dashboard-snapshot-table th:nth-child(3){width:10%}.dashboard-snapshot-table th:nth-child(4){width:17%}.dashboard-snapshot-table th:nth-child(5){width:13%}.dashboard-snapshot-table th:nth-child(6){width:11%}.dashboard-snapshot-table th:nth-child(7){width:12%}
.inventory-table-wrap{overflow-x:auto;overflow-y:visible}
.inventory-table-wrap table{min-width:900px}
@media(max-width:900px){.dashboard-snapshot-table table{table-layout:auto}.dashboard-snapshot-table{overflow-x:visible!important}.dashboard-snapshot-table th,.dashboard-snapshot-table td{font-size:9px;padding:7px 5px}.dashboard-snapshot-table .actions{gap:4px}.dashboard-snapshot-table .actions .btn{min-width:0;padding:6px 7px;font-size:8px}}
@media(max-width:650px){.dashboard-snapshot-table table,.dashboard-snapshot-table thead,.dashboard-snapshot-table tbody,.dashboard-snapshot-table th,.dashboard-snapshot-table td,.dashboard-snapshot-table tr{display:block}.dashboard-snapshot-table thead{display:none}.dashboard-snapshot-table tbody{display:grid;gap:8px}.dashboard-snapshot-table tr{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}.dashboard-snapshot-table td{display:grid;grid-template-columns:38% 62%;border:0!important;padding:4px 3px;font-size:10px}.dashboard-snapshot-table td:before{content:attr(data-label);font-weight:900;color:#7a8796;text-transform:uppercase;font-size:7px;letter-spacing:.05em}.dashboard-snapshot-table td:last-child{display:block}.dashboard-snapshot-table td:last-child:before{display:none}.dashboard-snapshot-table .actions{display:flex;flex-wrap:wrap}.dashboard-snapshot-table .actions .btn{flex:1;min-width:70px}.inventory-table-wrap{overflow-x:auto}}
/* v10 warehouse/bin enhancements */
.top-logo{width:126px;height:auto;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 14px rgba(23,63,122,.12))}
.operator-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.operator-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.operator-action{border:0;border-radius:20px;padding:22px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 14px 30px rgba(0,0,0,.08);transition:transform .22s ease,box-shadow .22s ease}.operator-action:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(0,0,0,.14)}.operator-action b{font-size:34px}.operator-action span{font-size:20px;font-weight:900}.operator-action small{opacity:.72}.operator-action.production{background:linear-gradient(135deg,#edf8ff,#fff)}.operator-action.dispatch{background:linear-gradient(135deg,#fff5ec,#fff)}.operator-action.transfer{background:linear-gradient(135deg,#f1efff,#fff)}.operator-results{display:grid;gap:9px;margin-top:14px}.operator-material{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;border:1px solid #e5eaf2;background:#fff;border-radius:14px;text-align:left;cursor:pointer;transition:.2s}.operator-material:hover{border-color:#173f7a;transform:translateX(3px);box-shadow:0 8px 20px rgba(23,63,122,.1)}.operator-material div{display:flex;flex-direction:column;gap:4px}.operator-material small{color:#6b7280}.operator-recent{display:grid;gap:8px}.operator-recent>div{display:grid;grid-template-columns:120px 1fr auto auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #eef1f5}.item-master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.master-card{border:1px solid #e7ebf2;border-radius:18px;padding:18px;background:#fff;box-shadow:0 10px 24px rgba(17,24,39,.05);transition:.22s}.master-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(17,24,39,.1)}.master-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.master-head h3{margin:4px 0}.master-total{font-weight:900;color:#173f7a}.master-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;color:#667085;font-size:13px}.bin-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.bin-map-cell{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:18px;text-align:left;cursor:pointer;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 22px rgba(0,0,0,.05);transition:.22s}.bin-map-cell:hover{transform:translateY(-5px);border-color:#173f7a;box-shadow:0 18px 34px rgba(23,63,122,.12)}.bin-map-cell.attention{border-left:5px solid #ff9f1c}.bin-map-code{font-size:18px;font-weight:950;color:#173f7a}.bin-map-cell small{color:#667085}.aggregate-hero{display:flex;align-items:center;gap:18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#f5f8ff,#fff);margin-bottom:16px}.aggregate-hero img{width:170px;max-width:40%}.aggregate-hero div{display:flex;flex-direction:column;gap:5px}.aggregate-hero strong{font-size:30px;color:#173f7a}.bin-allocation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bin-allocation{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:14px}.bin-allocation>div{display:flex;flex-direction:column}.bin-allocation small{color:#667085}.bin-allocation strong{font-size:20px}.bin-other-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.bin-chip{border:1px solid #d9e0ea;background:#f7f9fc;border-radius:999px;padding:9px 12px;cursor:pointer}.bin-content-grid{display:grid;gap:12px}.bin-item-card{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:16px}.bin-item-card img{width:70px}.bin-item-card div{display:flex;flex-direction:column;gap:3px}.public-bin-title{font-size:15px;letter-spacing:.08em;font-weight:900;color:#173f7a;background:#f3f7ff;padding:12px 14px;border-radius:12px;margin-bottom:14px}.public-bin-title strong{float:right}.public-bin-item{border:1px solid #e3e8ef;border-radius:16px;padding:14px;margin-bottom:12px}.public-bin-item .public-grid{margin-top:10px}.field-help{font-size:11px;color:#667085}.dashboard-snapshot-table{overflow:visible}.admin-snapshot-list{width:100%;table-layout:fixed}.admin-snapshot-list th,.admin-snapshot-list td{word-break:break-word}.admin-snapshot-list th:nth-child(1){width:18%}.admin-snapshot-list th:nth-child(2){width:18%}.admin-snapshot-list th:nth-child(3){width:10%}.admin-snapshot-list th:nth-child(4){width:13%}.admin-snapshot-list th:nth-child(5){width:20%}.admin-snapshot-list th:nth-child(6){width:12%}.admin-snapshot-list th:nth-child(7){width:9%}
@media(max-width:1050px){.item-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bin-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-logo{width:105px}}
@media(max-width:760px){.top-logo{width:86px}.operator-kpis,.operator-actions{grid-template-columns:1fr}.operator-action{min-height:100px}.operator-recent>div{grid-template-columns:1fr auto}.operator-recent>div small{grid-column:1/-1}.item-master-grid{grid-template-columns:1fr}.bin-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bin-allocation-grid{grid-template-columns:1fr}.bin-allocation{grid-template-columns:1fr auto}.bin-allocation .btn{grid-column:1/-1}.bin-item-card{grid-template-columns:55px 1fr}.bin-item-card img{width:55px}.bin-item-card .btn{grid-column:1/-1;width:100%}.aggregate-hero{align-items:flex-start}.aggregate-hero strong{font-size:23px}.admin-snapshot-list thead{display:none}.admin-snapshot-list,.admin-snapshot-list tbody,.admin-snapshot-list tr,.admin-snapshot-list td{display:block;width:100%}.admin-snapshot-list tr{padding:12px;border-bottom:1px solid #e8edf4}.admin-snapshot-list td{padding:7px 10px;border:0;display:grid;grid-template-columns:105px 1fr;gap:8px}.admin-snapshot-list td:before{content:attr(data-label);font-size:11px;font-weight:900;color:#667085;text-transform:uppercase}.public-card{width:min(96vw,520px)}.public-brand img{max-width:180px}}
.bin-auto-preview{margin-top:5px;font-size:11px;font-weight:800;color:#173f7a;background:#eef5ff;border-radius:8px;padding:6px 8px}

/* v11 alignment + customer order desk */
.modal{width:min(900px,calc(100vw - 28px));max-height:90vh;overflow:hidden;display:flex;flex-direction:column}
.modal-head{flex:0 0 auto;padding:18px 22px;background:#fff;position:relative;z-index:2}.modal-head>div:first-child{min-width:0}.modal-head h2{font-size:20px;line-height:1.2;word-break:break-word}.modal-head p{line-height:1.5}.snapshot-modal{padding:18px 22px 22px;overflow:auto}.snapshot-modal-hero{display:grid;grid-template-columns:minmax(150px,220px) 1fr;align-items:center;gap:24px;padding:20px;background:linear-gradient(135deg,#f4f8fd,#fff);border:1px solid #e2eaf3;border-radius:16px}.snapshot-modal-hero img{width:100%;max-width:210px;max-height:72px;object-fit:contain;object-position:left center}.snapshot-modal-hero>div{text-align:left;display:grid;gap:7px;min-width:0}.snapshot-modal-hero strong{font-size:30px;line-height:1.1}.snapshot-modal-hero small{font-size:10px}.material-quick-info{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.material-quick-info>div{min-width:0;padding:11px;border:1px solid #e4eaf1;border-radius:11px;background:#fff}.material-quick-info small{display:block;font-size:8px;color:#7c8796;font-weight:900;letter-spacing:.05em}.material-quick-info b{display:block;margin-top:4px;font-size:12px;color:#1e3556;overflow-wrap:anywhere}.snapshot-modal-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:16px}.snapshot-modal-actions .btn{width:100%;min-width:0;height:42px;white-space:nowrap}.modal-actions{flex:0 0 auto;flex-wrap:wrap;background:#fff}.master-bin-list{display:grid;gap:7px;margin:12px 0}.master-bin-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e4eaf1;border-radius:10px;padding:9px 10px;background:#f9fbfd}.master-bin-row div{min-width:0}.master-bin-row b{display:block;color:#173f7a;font-size:11px}.master-bin-row small{display:block;color:#7a8796;font-size:8px;margin-top:3px}.master-bin-row strong{font-size:11px;white-space:nowrap}.customer-order-hero{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#173f7a,#28558e);color:#fff;border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 16px 32px rgba(23,63,122,.18)}.customer-order-hero img{width:210px;max-height:72px;object-fit:contain;background:#fff;border-radius:10px;padding:10px}.customer-order-hero h2{margin:5px 0;font-size:24px}.customer-order-hero p{margin:0;color:#dce6f2;font-size:11px;line-height:1.6}.customer-search{padding:15px;border-bottom:1px solid var(--line)}.customer-search input{width:100%;box-sizing:border-box;border:1px solid #dce2e9;border-radius:10px;padding:12px 14px;font-size:13px;outline:none}.customer-item-grid{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-item{border:1px solid #e2e8f0;border-radius:15px;padding:16px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:.22s}.customer-item:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(23,63,122,.1);border-color:#c6d6e8}.customer-item h3{margin:4px 0;font-size:16px;color:#173f7a}.customer-item p{margin:0;color:#667085;font-size:10px}.customer-stock{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.customer-stock strong{font-size:17px;color:#173f7a}.customer-stock small{font-size:9px;color:#7b8795}.customer-order-modal{padding:22px;display:grid;grid-template-columns:150px 1fr;gap:14px 20px}.customer-order-modal>img{width:150px;max-height:60px;object-fit:contain}.customer-order-spec{display:flex;flex-direction:column;justify-content:center;gap:5px}.customer-order-spec b{font-size:20px;color:#173f7a}.customer-order-spec span{font-size:10px;color:#667085}.customer-order-modal form{grid-column:1/-1;display:grid;gap:12px}.customer-order-modal .modal-actions{margin:0 -22px -22px}.report-date{display:flex;align-items:center;gap:5px;color:#667085;font-size:9px;font-weight:900}.report-date input{border:1px solid #dce2e9;border-radius:8px;padding:9px 10px;background:#fff}.report-actions{align-items:center}
@media(max-width:760px){.snapshot-modal-hero{grid-template-columns:1fr;gap:12px}.snapshot-modal-hero img{max-width:180px}.material-quick-info{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-order-hero{flex-direction:column;align-items:flex-start}.customer-order-hero img{width:180px}.customer-item-grid{grid-template-columns:1fr}.customer-item{align-items:flex-start;flex-direction:column}.customer-item .btn{width:100%}.customer-order-modal{grid-template-columns:1fr}.customer-order-modal>img{width:170px}.report-actions{display:grid;grid-template-columns:1fr 1fr}.report-date{justify-content:space-between}.report-date input{width:100%}.report-actions [data-report]{width:100%}}

/* v12 professional material modal + responsive dashboard polish */
.modal.material-modal-host{padding:0}
.material-modal-shell{display:flex;flex-direction:column;max-height:min(92vh,820px);min-height:0;background:#fff;border-radius:18px;overflow:hidden}
.material-modal-head{padding:18px 24px;background:#fff;border-bottom:1px solid #e7edf4;flex:0 0 auto}
.material-modal-head h2{font-size:22px;color:#182536;margin:5px 0 3px}
.material-modal-head p{font-size:11px;color:#738094;margin:0}
.material-modal-body{padding:18px 24px 20px;overflow:auto;min-height:0;background:#fbfcfe}
.material-summary{display:grid;gap:12px}
.brand-panel{display:grid;grid-template-columns:minmax(180px,230px) 1fr;align-items:center;gap:22px;padding:18px 20px;border:1px solid #e2e9f2;border-radius:16px;background:linear-gradient(135deg,#f4f8fd 0%,#fff 75%);min-width:0}
.brand-panel img{width:100%;max-width:205px;height:58px;object-fit:contain;object-position:left center;background:#fff;border-radius:10px;padding:7px;box-sizing:border-box}
.brand-panel>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.summary-label{font-size:10px;font-weight:850;letter-spacing:.07em;color:#6d7989}
.brand-panel strong{font-size:34px;line-height:1;color:#204f8e;white-space:nowrap}
.brand-panel strong small{font-size:15px;color:#6d7989;font-weight:800}
.summary-note{font-size:10px;color:#7a8797}
.summary-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.summary-meta>div{background:#fff;border:1px solid #e3e9f0;border-radius:11px;padding:10px 11px;min-width:0}
.summary-meta span{display:block;font-size:8px;letter-spacing:.06em;font-weight:900;color:#7c8795}
.summary-meta b{display:block;margin-top:4px;font-size:11px;color:#23364e;overflow-wrap:anywhere}
.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}
.section-title b{display:block;font-size:11px;color:#24364d;letter-spacing:.03em}
.section-title small{display:block;margin-top:3px;color:#7b8795;font-size:9px}
.bin-allocation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bin-allocation-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;transition:.2s}
.bin-allocation-card:hover{border-color:#b9cbe1;transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,63,122,.07)}
.bin-allocation-main{display:flex;flex-direction:column;gap:4px;min-width:0}.bin-code{font-size:14px;font-weight:950;color:#173f7a}.bin-allocation-main>span:last-child{font-size:9px;color:#748093}.bin-allocation-qty{text-align:right}.bin-allocation-qty strong{font-size:18px;color:#1e3556}.bin-allocation-qty small{display:block;font-size:8px;color:#7a8796}
.bin-chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.bin-chip{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:1px solid #dbe4ee;background:#fff;border-radius:11px;padding:10px 12px;text-align:left;transition:.2s}.bin-chip:hover{border-color:#173f7a;background:#f6f9fd}.bin-chip span{font-size:10px;font-weight:900;color:#173f7a}.bin-chip strong{font-size:10px;color:#29384a;white-space:nowrap}
.material-modal-footer{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:13px 24px;background:#fff;border-top:1px solid #e3e9f0;flex:0 0 auto}.material-modal-footer .btn{height:42px;width:100%;white-space:nowrap}
.dashboard-snapshot-table{overflow:visible!important}.dashboard-snapshot-table table{min-width:0!important;table-layout:fixed}.dashboard-snapshot-table th,.dashboard-snapshot-table td{white-space:normal;vertical-align:middle;overflow-wrap:anywhere}.dashboard-snapshot-table th:nth-child(1){width:17%}.dashboard-snapshot-table th:nth-child(2){width:16%}.dashboard-snapshot-table th:nth-child(3){width:9%}.dashboard-snapshot-table th:nth-child(4){width:13%}.dashboard-snapshot-table th:nth-child(5){width:22%}.dashboard-snapshot-table th:nth-child(6){width:14%}.dashboard-snapshot-table th:nth-child(7){width:9%}
.inventory-table-wrap table{min-width:0}.inventory-table-wrap td{white-space:normal}
.report-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.report-date{white-space:nowrap}.report-date input:invalid{border-color:#e5b4b4}
@media(max-width:900px){.summary-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.bin-allocation-grid{grid-template-columns:1fr}.material-modal-footer{grid-template-columns:repeat(3,minmax(0,1fr))}.bin-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.material-modal-head{padding:15px 16px}.material-modal-body{padding:13px 16px 16px}.brand-panel{grid-template-columns:1fr;gap:12px;padding:14px}.brand-panel img{max-width:190px}.brand-panel strong{font-size:28px}.summary-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.summary-meta>div{padding:9px}.bin-allocation-card{grid-template-columns:1fr auto}.bin-allocation-card .btn{grid-column:1/-1;width:100%}.bin-chip-grid{grid-template-columns:1fr}.material-modal-footer{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px 16px}.material-modal-footer .btn{height:40px}.dashboard-snapshot-table table,.dashboard-snapshot-table tbody,.dashboard-snapshot-table tr,.dashboard-snapshot-table td{display:block;width:100%}.dashboard-snapshot-table thead{display:none}.dashboard-snapshot-table tr{padding:10px 0;border-bottom:1px solid #e7edf3}.dashboard-snapshot-table td{display:grid;grid-template-columns:92px 1fr;gap:8px;padding:7px 12px;border:0}.dashboard-snapshot-table td:before{content:attr(data-label);font-size:8px;font-weight:900;letter-spacing:.05em;color:#7b8795;text-transform:uppercase}.report-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.report-actions .btn{width:100%}.report-date{display:grid;grid-template-columns:auto 1fr;align-items:center}.report-date input{min-width:0;width:100%;box-sizing:border-box}}

/* v13 ADMIN + VIEWER REBUILD
   Operator workspace is intentionally not restyled by this section. */
body[data-role="admin"] .content,
body[data-role="viewer"] .content{max-width:1500px;margin:0 auto;padding-left:clamp(18px,2.2vw,34px);padding-right:clamp(18px,2.2vw,34px)}
body[data-role="admin"] .page-banner,
body[data-role="viewer"] .page-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:16px;border:1px solid #e2e9f1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(25,55,90,.05)}
body[data-role="admin"] .page-banner h2,
body[data-role="viewer"] .page-banner h2{margin:4px 0 6px;font-size:24px;line-height:1.15;color:#18283b}
body[data-role="admin"] .page-banner p,
body[data-role="viewer"] .page-banner p{margin:0;color:#6c7a8c;font-size:12px;line-height:1.55}
body[data-role="admin"] .page-banner-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
body[data-role="admin"] .capacity-note{padding:9px 12px;border:1px solid #dce6f0;border-radius:10px;background:#f6f9fc;color:#617186;font-size:10px;font-weight:800;white-space:nowrap}
body[data-role="admin"] .admin-info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
body[data-role="admin"] .admin-info-strip>div{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e3eaf2;border-radius:13px;background:#f9fbfd}
body[data-role="admin"] .admin-info-strip b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eaf2fb;color:#173f7a;font-size:10px}
body[data-role="admin"] .admin-info-strip span{font-size:10px;color:#657489;line-height:1.4}
body[data-role="admin"] .admin-master-panel{padding:0;overflow:hidden}
body[data-role="admin"] .admin-panel-head{padding:18px 20px 14px;border-bottom:1px solid #e8edf3}
body[data-role="admin"] .admin-panel-head h2{font-size:18px;margin:0 0 4px}
body[data-role="admin"] .admin-panel-head p{font-size:10px;margin:0;color:#7a8797}
body[data-role="admin"] .master-count{display:flex;align-items:baseline;gap:5px;padding:8px 12px;border:1px solid #dce7f2;border-radius:10px;background:#f7faff;color:#173f7a}
body[data-role="admin"] .master-count b{font-size:18px}.master-count span{font-size:9px;color:#748398}
body[data-role="admin"] .admin-searchbar{margin:14px 16px;padding:0;border:0;display:flex;align-items:center;gap:10px}
body[data-role="admin"] .admin-searchbar input{flex:1;min-width:0;padding:12px 14px;border:1px solid #dbe3ec;border-radius:11px;background:#fff}
body[data-role="admin"] .search-hint{font-size:9px;color:#8a96a5;white-space:nowrap}
body[data-role="admin"] .admin-master-grid{padding:0 16px 18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-role="admin"] .admin-master-card{padding:16px;border-radius:15px;box-shadow:0 7px 20px rgba(23,63,122,.05)}
body[data-role="admin"] .admin-master-card .master-head{align-items:flex-start}
body[data-role="admin"] .admin-master-card .master-head h3{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
body[data-role="admin"] .admin-master-card .master-head p{font-size:10px;color:#778598;margin:4px 0 0}
body[data-role="admin"] .admin-master-card .master-total{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
body[data-role="admin"] .admin-master-card .master-total b{font-size:18px}.admin-master-card .master-total small{font-size:8px;color:#8290a0;margin-top:4px}
body[data-role="admin"] .admin-master-card .master-meta{margin:11px 0 9px;gap:6px}
body[data-role="admin"] .admin-master-card .master-meta span{padding:5px 7px;border:1px solid #e3e9f0;border-radius:8px;background:#fafbfd;font-size:8px}
body[data-role="admin"] .capacity-warning{color:#9a6500!important;background:#fff8e7!important;border-color:#f2d38a!important;font-weight:900}
body[data-role="admin"] .admin-bin-row{padding:10px;border-radius:10px;background:#fbfcfe}
body[data-role="admin"] .admin-bin-row>div:first-child{flex:1;min-width:0}
body[data-role="admin"] .admin-bin-row>strong{min-width:92px;text-align:right;font-size:10px}
body[data-role="admin"] .admin-bin-row>strong small{font-size:7px;color:#8793a2;font-weight:700}
body[data-role="admin"] .bin-capacity{height:4px;background:#e9eef4;border-radius:99px;margin-top:7px;overflow:hidden;width:min(260px,100%)}
body[data-role="admin"] .bin-capacity span{display:block;height:100%;background:#173f7a;border-radius:99px}
body[data-role="admin"] .empty-inline{display:block;padding:10px;color:#8793a2}
body[data-role="admin"] .master-card-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #edf1f5}
body[data-role="admin"] .master-card-actions .btn{width:100%;min-width:0}
body[data-role="admin"] .report-actions{gap:8px;padding:8px 0 0}
body[data-role="admin"] .report-range-state{margin-left:auto;margin-bottom:8px;padding:8px 10px;border-radius:9px;background:#f4f7fb;color:#6f7e91;font-size:9px;font-weight:800}
body[data-role="admin"] .report-date{font-size:9px}
body[data-role="admin"] .report-date input{height:38px;box-sizing:border-box}
body[data-role="viewer"] .customer-order-hero{max-width:100%;display:grid;grid-template-columns:210px 1fr;align-items:center;gap:26px;padding:26px 28px;border-radius:18px}
body[data-role="viewer"] .customer-order-hero img{width:100%;max-width:210px}
body[data-role="viewer"] .customer-order-hero h2{font-size:25px;line-height:1.15}
body[data-role="viewer"] .customer-order-hero p{max-width:760px;font-size:12px}
body[data-role="viewer"] .customer-search{padding:14px 0;border:0}
body[data-role="viewer"] .customer-search input{height:46px;border-radius:12px;padding:0 15px;box-shadow:0 4px 12px rgba(31,52,78,.04)}
body[data-role="viewer"] .customer-item-grid{padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-role="viewer"] .customer-item{min-height:145px;padding:18px;border-radius:15px;align-items:flex-end}
body[data-role="viewer"] .customer-item h3{font-size:17px;overflow-wrap:anywhere}
body[data-role="viewer"] .customer-item .btn{min-width:145px}
body[data-role="viewer"] .orders-panel{margin-top:16px}
body[data-role="viewer"] .contact-panel{margin-top:16px}
body[data-role="viewer"] .request-card{border-radius:12px}
body[data-role="admin"] .modal .form-grid,
body[data-role="viewer"] .modal .form-grid{align-items:start}
body[data-role="admin"] .modal .field,
body[data-role="viewer"] .modal .field{min-width:0}
body[data-role="admin"] .checkbox-list{max-height:320px;overflow:auto;padding:8px;border:1px solid #e2e8ef;border-radius:12px;background:#fbfcfe}
body[data-role="admin"] .check-row{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #edf1f5;font-size:10px!important;line-height:1.4}
body[data-role="admin"] .check-row:last-child{border-bottom:0}
body[data-role="admin"] .check-row input{accent-color:#173f7a}
@media(max-width:1000px){body[data-role="admin"] .admin-master-grid{grid-template-columns:1fr}body[data-role="admin"] .admin-info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-role="admin"] .page-banner,body[data-role="viewer"] .page-banner{align-items:flex-start;flex-direction:column;padding:18px}.page-banner-actions{width:100%;flex-direction:column;align-items:stretch!important}.page-banner-actions .btn{width:100%}body[data-role="admin"] .admin-info-strip{grid-template-columns:1fr}body[data-role="admin"] .admin-searchbar{margin:12px 12px}.search-hint{display:none}body[data-role="admin"] .master-card-actions{grid-template-columns:1fr 1fr}.master-card-actions .btn:first-child{grid-column:1/-1}body[data-role="viewer"] .customer-order-hero{grid-template-columns:1fr;padding:20px}.customer-order-hero img{max-width:185px}body[data-role="viewer"] .customer-item{min-height:0}body[data-role="viewer"] .customer-item .btn{width:100%;min-width:0}body[data-role="admin"] .report-range-state{margin-left:0;width:100%;box-sizing:border-box}}
@media(max-width:480px){body[data-role="admin"] .admin-master-card .master-head{gap:8px}body[data-role="admin"] .admin-bin-row{align-items:flex-start}body[data-role="admin"] .admin-bin-row>strong{min-width:76px}body[data-role="admin"] .report-actions{grid-template-columns:1fr!important}}

/* v14 visual rebuild — Admin + Viewer only. Operator styles intentionally untouched. */
body[data-role="admin"] .content,body[data-role="viewer"] .content{width:100%;max-width:1540px;margin:0 auto;padding:26px clamp(20px,2.5vw,38px) 44px}
body[data-role="admin"] .welcome-card,body[data-role="viewer"] .welcome-card{margin-bottom:20px}
body[data-role="admin"] .stats,body[data-role="viewer"] .stats{gap:16px;margin-bottom:20px}
body[data-role="admin"] .panel,body[data-role="viewer"] .panel{border-radius:16px;box-shadow:0 8px 26px rgba(20,45,80,.055)}

/* Dashboard snapshot: cards instead of cramped 7-column table. */
body[data-role="admin"] .admin-dashboard-snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}
body[data-role="admin"] .admin-snapshot-card{min-width:0;border:1px solid #e1e8f0;border-radius:15px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:13px;transition:.2s}
body[data-role="admin"] .admin-snapshot-card:hover{border-color:#c7d6e6;box-shadow:0 12px 28px rgba(23,63,122,.08);transform:translateY(-1px)}
body[data-role="admin"] .admin-snapshot-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}
body[data-role="admin"] .admin-snapshot-card-head>div{min-width:0}
body[data-role="admin"] .admin-snapshot-card-head h3{margin:4px 0 5px;font-size:15px;line-height:1.25;color:#173f7a;overflow-wrap:anywhere}
body[data-role="admin"] .admin-snapshot-card-head p{margin:0;color:#748196;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
body[data-role="admin"] .admin-snapshot-card-head .badge{flex:0 0 auto}
body[data-role="admin"] .admin-snapshot-metrics{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:7px}
body[data-role="admin"] .admin-snapshot-metrics>div{min-width:0;padding:9px 10px;border:1px solid #e7edf3;border-radius:10px;background:#f9fbfd}
body[data-role="admin"] .admin-snapshot-metrics small{display:block;color:#7b8796;font-size:7px;font-weight:900;letter-spacing:.06em}
body[data-role="admin"] .admin-snapshot-metrics strong{display:block;margin-top:4px;color:#1d3555;font-size:13px;overflow-wrap:anywhere}
body[data-role="admin"] .admin-snapshot-metrics em{font-style:normal;color:#7b8796;font-size:8px}
body[data-role="admin"] .admin-snapshot-bins{display:grid;gap:6px}
body[data-role="admin"] .admin-snapshot-bins>div{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 8px;padding:8px 9px;border:1px solid #edf1f5;border-radius:9px;background:#fbfcfe}
body[data-role="admin"] .admin-snapshot-bins span{font-size:9px;font-weight:950;color:#173f7a;overflow-wrap:anywhere}
body[data-role="admin"] .admin-snapshot-bins b{font-size:9px;color:#263b55;white-space:nowrap}
body[data-role="admin"] .admin-snapshot-bins small{grid-column:1/-1;color:#7e8b9b;font-size:8px}
body[data-role="admin"] .admin-snapshot-bins .more-bins{padding:2px 2px 0;color:#6f7d8f;font-weight:800}
body[data-role="admin"] .admin-snapshot-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #edf1f5}
body[data-role="admin"] .admin-snapshot-card-foot span{color:#7d8998;font-size:8px;line-height:1.35}
body[data-role="admin"] .admin-snapshot-card-foot .btn{flex:0 0 auto}

/* Inventory table: stable column geometry and no character-by-character wrapping. */
body[data-role="admin"] .inventory-table-wrap{overflow-x:auto}
body[data-role="admin"] .inventory-table-wrap table{min-width:1060px;table-layout:fixed}
body[data-role="admin"] .inventory-table-wrap th,body[data-role="admin"] .inventory-table-wrap td{white-space:normal;vertical-align:middle;overflow-wrap:normal;word-break:normal}
body[data-role="admin"] .inventory-table-wrap th:nth-child(1){width:16%}
body[data-role="admin"] .inventory-table-wrap th:nth-child(2){width:21%}
body[data-role="admin"] .inventory-table-wrap th:nth-child(3){width:11%}
body[data-role="admin"] .inventory-table-wrap th:nth-child(4){width:12%}
body[data-role="admin"] .inventory-table-wrap th:nth-child(5){width:17%}
body[data-role="admin"] .inventory-table-wrap th:nth-child(6){width:10%}
body[data-role="admin"] .inventory-table-wrap th:nth-child(7){width:13%}
body[data-role="admin"] .inventory-table-wrap td:first-child b{display:block;overflow-wrap:anywhere}
body[data-role="admin"] .inventory-table-wrap .actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
body[data-role="admin"] .inventory-table-wrap .actions .btn{flex:0 0 auto;white-space:nowrap}

/* Material/bin modal: balanced sections, fixed footer, readable labels. */
body[data-role="admin"] .modal-material-form-shell{width:min(860px,calc(100vw - 36px));max-height:min(90vh,760px);padding:0;overflow:hidden;border-radius:20px}
body[data-role="admin"] .material-form-head{padding:20px 24px 17px;border-bottom:1px solid #e5ebf2}
body[data-role="admin"] .material-form-head h2{font-size:23px;margin:5px 0 4px;color:#182536}
body[data-role="admin"] .material-form-head p{max-width:680px;line-height:1.5}
body[data-role="admin"] .material-form-body{overflow:auto;padding:20px 24px 0;background:#f8fafc}
body[data-role="admin"] .form-section-title{display:flex;align-items:center;gap:11px;margin:0 0 11px}
body[data-role="admin"] .form-section-title>span{width:28px;height:28px;border-radius:8px;background:#eaf1f9;color:#173f7a;display:grid;place-items:center;font-size:9px;font-weight:950}
body[data-role="admin"] .form-section-title b{display:block;font-size:12px;color:#1d3048}
body[data-role="admin"] .form-section-title small{display:block;margin-top:2px;font-size:8px;color:#7b8796;font-weight:600}
body[data-role="admin"] .material-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:19px}
body[data-role="admin"] .material-form-grid .field{min-width:0;gap:6px}
body[data-role="admin"] .material-form-grid .field>span{font-size:10px}
body[data-role="admin"] .material-form-grid .field input,body[data-role="admin"] .material-form-grid .field select{height:43px;padding:0 12px;border-radius:10px}
body[data-role="admin"] .material-form-grid .field input[readonly]{background:#f5f7fa;color:#5e6d7e}
body[data-role="admin"] .material-form-grid .field.full{grid-column:1/-1}
body[data-role="admin"] .material-form-grid .field-help{font-size:8px;line-height:1.35;color:#7c8998}
body[data-role="admin"] .stock-rule{margin:0 0 18px;padding:11px 13px;border:1px solid #dfe8f1;border-radius:10px;background:#fff;color:#69778a;font-size:9px;line-height:1.5}
body[data-role="admin"] .stock-rule strong{color:#173f7a}
body[data-role="admin"] .material-form-actions{position:sticky;bottom:0;margin:0 -24px;padding:13px 24px;background:rgba(255,255,255,.97);border-top:1px solid #e3e9f0;display:flex;justify-content:flex-end;gap:9px;z-index:3}
body[data-role="admin"] .material-form-actions .btn{min-width:130px;height:40px}

/* Item Master cards: clearer bin capacity and action hierarchy. */
body[data-role="admin"] .admin-master-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body[data-role="admin"] .admin-master-card{height:100%;display:flex;flex-direction:column}
body[data-role="admin"] .admin-master-card .master-bin-list{max-height:240px;overflow:auto;padding-right:2px}
body[data-role="admin"] .admin-master-card .master-card-actions{margin-top:auto}
body[data-role="admin"] .admin-bin-row{grid-template-columns:minmax(0,1fr) auto}
body[data-role="admin"] .admin-bin-row>strong{white-space:nowrap}

/* Viewer is a customer-facing order desk, not an inventory administration screen. */
body[data-role="viewer"] .customer-order-hero{grid-template-columns:190px minmax(0,1fr);min-height:150px}
body[data-role="viewer"] .customer-order-hero img{max-width:190px}
body[data-role="viewer"] .customer-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px}
body[data-role="viewer"] .customer-item{min-width:0;min-height:170px;padding:18px;align-items:flex-end}
body[data-role="viewer"] .customer-item>div{min-width:0}
body[data-role="viewer"] .customer-item h3{overflow-wrap:anywhere}
body[data-role="viewer"] .customer-item .btn{min-width:150px}
body[data-role="viewer"] .request-grid{padding:14px 16px 18px}
body[data-role="viewer"] .customer-order-modal{padding:24px}
body[data-role="viewer"] .customer-order-modal form{gap:13px}

/* Reports: date selection is one aligned control group. */
body[data-role="admin"] .page-banner:has(.report-actions),body[data-role="viewer"] .page-banner:has(.report-actions){align-items:flex-start}
body[data-role="admin"] .page-banner:has(.report-actions) .report-range-state,body[data-role="viewer"] .page-banner:has(.report-actions) .report-range-state{margin-left:auto;white-space:nowrap}
body[data-role="admin"] .report-actions,body[data-role="viewer"] .report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body[data-role="admin"] .report-date,body[data-role="viewer"] .report-date{height:38px;padding:0 8px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;gap:6px}
body[data-role="admin"] .report-date input,body[data-role="viewer"] .report-date input{border:0;padding:0;background:transparent;height:34px;outline:none}

@media(max-width:1150px){body[data-role="admin"] .admin-dashboard-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-role="admin"] .admin-master-grid{grid-template-columns:1fr}}
@media(max-width:820px){body[data-role="admin"] .admin-dashboard-snapshot-grid,body[data-role="viewer"] .customer-item-grid{grid-template-columns:1fr}body[data-role="admin"] .material-form-grid{grid-template-columns:1fr}body[data-role="admin"] .material-form-grid .field.full{grid-column:auto}body[data-role="admin"] .material-form-actions{margin:0 -20px;padding:12px 20px}body[data-role="admin"] .modal-material-form-shell{width:min(680px,calc(100vw - 24px))}body[data-role="viewer"] .customer-order-hero{grid-template-columns:1fr;gap:15px}body[data-role="viewer"] .customer-order-hero img{max-width:175px}}
@media(max-width:600px){body[data-role="admin"] .content,body[data-role="viewer"] .content{padding:16px 12px 32px}body[data-role="admin"] .admin-snapshot-card-foot{align-items:flex-start;flex-direction:column}body[data-role="admin"] .admin-snapshot-card-foot .btn{width:100%}body[data-role="admin"] .material-form-body{padding:16px 18px 0}body[data-role="admin"] .material-form-actions{margin:0 -18px;padding:11px 18px}body[data-role="admin"] .material-form-actions .btn{flex:1;min-width:0}body[data-role="admin"] .page-banner:has(.report-actions){gap:12px}body[data-role="admin"] .report-range-state,body[data-role="viewer"] .report-range-state{margin-left:0!important;width:100%}body[data-role="admin"] .report-actions,body[data-role="viewer"] .report-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}body[data-role="admin"] .report-date,body[data-role="viewer"] .report-date{width:100%;box-sizing:border-box}.customer-order-modal{padding:18px}}


/* v15 FINAL UI REBUILD — Admin + Viewer only. Operator selectors are intentionally untouched. */
body[data-role="admin"] .content,body[data-role="viewer"] .content{max-width:1500px}
body[data-role="admin"] .admin-page-banner{align-items:center;gap:22px}
body[data-role="admin"] .page-banner-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
body[data-role="admin"] .capacity-note{font-size:9px;color:#667589;background:#f4f7fb;border:1px solid #e0e7ef;border-radius:9px;padding:9px 11px;white-space:nowrap}
body[data-role="admin"] .capacity-note b{color:#173f7a}
body[data-role="admin"] .admin-inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
body[data-role="admin"] .admin-inventory-kpis>div{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:15px 16px;min-width:0;box-shadow:0 8px 24px rgba(17,43,78,.045)}
body[data-role="admin"] .admin-inventory-kpis small{display:block;color:#7b8797;font-size:8px;font-weight:950;letter-spacing:.08em}
body[data-role="admin"] .admin-inventory-kpis b{display:block;color:#173f7a;font-size:25px;line-height:1.1;margin:5px 0 3px}
body[data-role="admin"] .admin-inventory-kpis span{font-size:9px;color:#8a95a4}
body[data-role="admin"] .admin-inventory-panel{overflow:hidden}
body[data-role="admin"] .admin-inventory-toolbar{padding:12px 14px;border-bottom:1px solid #e7ecf2;background:#fbfcfe}
body[data-role="admin"] .admin-inventory-toolbar .searchbar{padding:0;border:0;background:transparent;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:9px}
body[data-role="admin"] .admin-inventory-toolbar .searchbar input,body[data-role="admin"] .admin-inventory-toolbar .searchbar select{height:42px;min-width:0}
body[data-role="admin"] .admin-bin-list{padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;background:#f8fafc}
body[data-role="admin"] .admin-bin-card{min-width:0;background:#fff;border:1px solid #e1e8f0;border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 7px 20px rgba(17,43,78,.045);transition:.18s}
body[data-role="admin"] .admin-bin-card:hover{border-color:#bfd0e4;box-shadow:0 14px 30px rgba(17,43,78,.08);transform:translateY(-1px)}
body[data-role="admin"] .admin-bin-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}
body[data-role="admin"] .admin-bin-code{min-width:0}
body[data-role="admin"] .admin-bin-code h3{margin:4px 0 4px;color:#173f7a;font-size:15px;line-height:1.25;overflow-wrap:anywhere}
body[data-role="admin"] .admin-bin-code p{margin:0;color:#718096;font-size:9px;line-height:1.45;overflow-wrap:anywhere}
body[data-role="admin"] .admin-bin-status{flex:0 0 auto}
body[data-role="admin"] .admin-bin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body[data-role="admin"] .admin-bin-metrics>div{min-width:0;padding:10px;border:1px solid #e7edf3;border-radius:10px;background:#f9fbfd}
body[data-role="admin"] .admin-bin-metrics small{display:block;color:#7d8998;font-size:7px;font-weight:950;letter-spacing:.05em}
body[data-role="admin"] .admin-bin-metrics strong{display:block;margin-top:4px;color:#1e3556;font-size:14px;white-space:nowrap}
body[data-role="admin"] .admin-bin-metrics em{font-style:normal;color:#7d8998;font-size:8px}
body[data-role="admin"] .admin-bin-capacity{display:grid;gap:6px}
body[data-role="admin"] .admin-bin-capacity>div{display:flex;justify-content:space-between;gap:10px;color:#7a8796;font-size:8px}
body[data-role="admin"] .admin-bin-capacity b{color:#293c55}
body[data-role="admin"] .admin-bin-capacity>i{display:block;height:7px;border-radius:99px;background:#edf1f5;overflow:hidden}
body[data-role="admin"] .admin-bin-capacity>i span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#173f7a,#ff6500)}
body[data-role="admin"] .admin-bin-location{display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;gap:7px}
body[data-role="admin"] .admin-bin-location>div{min-width:0;padding:9px;border:1px solid #edf1f5;border-radius:9px;background:#fff}
body[data-role="admin"] .admin-bin-location small{display:block;color:#8a95a4;font-size:7px;font-weight:950;letter-spacing:.05em}
body[data-role="admin"] .admin-bin-location b{display:block;margin-top:3px;color:#24364d;font-size:10px;overflow-wrap:anywhere}
body[data-role="admin"] .admin-bin-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:3px;border-top:1px solid #edf1f5}
body[data-role="admin"] .admin-bin-actions .btn{min-width:82px}
body[data-role="admin"] .admin-empty{grid-column:1/-1;background:#fff;border:1px dashed #d9e1ea;border-radius:12px}
body[data-role="admin"] .admin-orders-panel .panel-head{align-items:flex-start}
body[data-role="admin"] .admin-order-list{padding:14px;display:grid;gap:9px;background:#f8fafc}
body[data-role="admin"] .admin-order-card{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(100px,.65fr) minmax(150px,.9fr) auto auto;gap:12px;align-items:center;padding:13px;border:1px solid #e1e8f0;border-radius:12px;background:#fff}
body[data-role="admin"] .admin-order-main{min-width:0}.admin-order-main h3{margin:4px 0;font-size:13px;color:#173f7a}.admin-order-main p{margin:0;color:#788597;font-size:9px;line-height:1.4}.admin-order-qty{padding:8px 10px;border:1px solid #e7edf3;border-radius:9px;background:#f9fbfd}.admin-order-qty small,.admin-order-date small{display:block;color:#8a95a4;font-size:7px;font-weight:950}.admin-order-qty strong{font-size:17px;color:#1e3556}.admin-order-qty span{font-size:8px;color:#7d8998;margin-left:3px}.admin-order-date b{display:block;color:#33465e;font-size:9px;margin-top:4px}.admin-order-contact{display:flex;gap:5px;flex-wrap:wrap}.admin-order-action{display:flex;justify-content:flex-end}
body[data-role="viewer"] .customer-order-hero{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;min-height:155px;padding:22px 24px}
body[data-role="viewer"] .customer-order-hero img{width:190px;height:64px;max-height:none}
body[data-role="viewer"] .customer-order-hero .eyebrow{color:#c6d5e8}
body[data-role="viewer"] .customer-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px;background:#f8fafc}
body[data-role="viewer"] .customer-item{min-height:180px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:17px}
body[data-role="viewer"] .customer-item h3{font-size:17px;line-height:1.25;overflow-wrap:anywhere}
body[data-role="viewer"] .customer-item p{font-size:10px;line-height:1.5}
body[data-role="viewer"] .customer-item .btn{width:100%;min-width:0;height:40px}
body[data-role="viewer"] .customer-stock{padding:10px;border:1px solid #e6ecf2;border-radius:10px;background:#f9fbfd}
body[data-role="viewer"] .customer-stock strong{font-size:18px}
body[data-role="viewer"] .customer-order-modal{background:#fff}
body[data-role="viewer"] .customer-order-modal form .field input,body[data-role="viewer"] .customer-order-modal form .field textarea{font-size:14px}
body[data-role="viewer"] .report-actions{max-width:760px}
@media(max-width:1100px){body[data-role="admin"] .admin-bin-list{grid-template-columns:1fr}body[data-role="admin"] .admin-order-card{grid-template-columns:1fr 1fr}body[data-role="admin"] .admin-order-main{grid-column:1/-1}body[data-role="admin"] .admin-order-contact{grid-column:1/-1}body[data-role="viewer"] .customer-order-hero{grid-template-columns:150px minmax(0,1fr)}body[data-role="viewer"] .customer-order-hero img{width:150px}}
@media(max-width:820px){body[data-role="admin"] .admin-inventory-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-role="admin"] .admin-inventory-toolbar .searchbar{grid-template-columns:1fr}body[data-role="admin"] .admin-bin-location{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-role="admin"] .admin-order-card{grid-template-columns:1fr 1fr}body[data-role="viewer"] .customer-order-hero{grid-template-columns:1fr;gap:14px}body[data-role="viewer"] .customer-order-hero img{width:175px}body[data-role="viewer"] .customer-item-grid{grid-template-columns:1fr}}
@media(max-width:560px){body[data-role="admin"] .admin-inventory-kpis{grid-template-columns:1fr 1fr;gap:8px}body[data-role="admin"] .admin-inventory-kpis>div{padding:12px}body[data-role="admin"] .admin-bin-metrics{grid-template-columns:1fr 1fr}body[data-role="admin"] .admin-bin-metrics>div:last-child{grid-column:1/-1}body[data-role="admin"] .admin-bin-location{grid-template-columns:1fr 1fr}body[data-role="admin"] .admin-bin-actions .btn{flex:1}body[data-role="admin"] .admin-order-card{grid-template-columns:1fr}body[data-role="admin"] .admin-order-main,body[data-role="admin"] .admin-order-contact{grid-column:auto}body[data-role="admin"] .admin-order-action{justify-content:stretch}.admin-order-action .btn{width:100%}body[data-role="viewer"] .customer-order-hero{padding:18px}.customer-order-hero h2{font-size:21px}}


/* V16 ITEM-FIRST RESPONSIVE OVERRIDES */
body{overflow-x:hidden}.content{width:100%;max-width:1700px;padding:clamp(14px,2.2vw,30px)}.top-logo{width:108px;max-height:48px;object-fit:contain}.page-banner{align-items:flex-start}.page-banner-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.admin-info-strip>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center}.admin-info-strip b{width:28px;height:28px;border-radius:8px;background:#edf3fa;color:var(--navy);display:grid;place-items:center;font-size:10px}.admin-info-strip span{font-size:10px;font-weight:800;color:#4c5665}.admin-item-list{display:grid;gap:12px;padding:16px}.inventory-item-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;cursor:pointer;transition:.18s;box-shadow:0 7px 24px rgba(20,42,70,.045)}.inventory-item-card:hover{border-color:#c8d5e5;box-shadow:0 12px 30px rgba(20,42,70,.08);transform:translateY(-1px)}.inventory-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.inventory-item-head h3{margin:4px 0;font-size:16px}.inventory-item-head p{margin:0;color:#667085;font-size:10px}.inventory-item-kpis{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px;margin:15px 0}.inventory-item-kpis>div{background:#f7f9fc;border:1px solid #e8edf3;border-radius:10px;padding:11px}.inventory-item-kpis small,.master-limit-grid small{display:block;color:#7a8593;font-size:8px;font-weight:900;letter-spacing:.07em}.inventory-item-kpis strong{display:block;font-size:15px;margin-top:3px}.inventory-item-kpis em{font-size:9px;color:#7a8593;font-style:normal}.inventory-bin-distribution{border-top:1px solid var(--line);padding-top:13px}.distribution-title{display:flex;justify-content:space-between;margin-bottom:8px}.distribution-title b{font-size:9px;letter-spacing:.08em}.distribution-title span{font-size:9px;color:#8a94a2}.distribution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.distribution-bin{border:1px solid #e2e7ee;background:#fff;border-radius:9px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;min-width:0}.distribution-bin:hover{border-color:#b9cbe0;background:#f8fbff}.distribution-bin b{display:block;color:var(--navy);font-size:10px}.distribution-bin small{display:block;color:#7d8795;font-size:8px;margin-top:3px}.distribution-bin>strong{white-space:nowrap;font-size:11px}.inventory-item-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;color:#8993a1;font-size:9px}.master-limit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.master-limit-grid>div{padding:9px;border:1px solid #e6ebf1;border-radius:9px;background:#f8fafc}.master-limit-grid b{font-size:11px;display:block;margin-top:3px}.master-bin-list{display:grid;gap:7px}.master-bin-row{width:100%;border:1px solid #e4e9ef;background:#fff;border-radius:9px;padding:10px;display:flex;justify-content:space-between;align-items:center;text-align:left}.master-bin-row:hover{background:#f8fbff;border-color:#c4d3e4}.master-bin-row b{font-size:10px;color:var(--navy)}.master-bin-row small{display:block;color:#7d8795;font-size:8px;margin-top:3px}.master-bin-row>strong{white-space:nowrap;font-size:11px}.master-bin-row>strong small{display:inline;font-size:8px}.limit-help{background:#f5f8fc;border:1px solid #e2e8f0;border-radius:10px;padding:11px 12px;display:grid;gap:3px;margin-top:4px}.limit-help b{font-size:10px;color:var(--navy)}.limit-help span{font-size:9px;color:#6b7583}.badge.healthy{background:#e7f7ee;color:#137143}.badge.zero{background:#fdebec;color:#b42d36}.badge.over{background:#eee9fb;color:#6542ad}.badge.low{background:#fff2da;color:#a96800}.bin-only-summary{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;margin-bottom:13px}.bin-only-summary img{width:110px;background:#fff;border-radius:5px;padding:5px}.bin-only-summary strong{display:block;font-size:16px;margin:3px 0 7px}.item-total-footer{margin-top:12px;padding:13px 14px;background:#173f7a;color:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.item-total-footer span{font-size:9px;font-weight:800;letter-spacing:.08em}.item-total-footer strong{font-size:17px}.bin-allocation-card{width:100%;border:1px solid #e1e7ee;background:#fff;border-radius:10px;padding:11px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}.bin-allocation-card:hover{border-color:#b7cbe1;background:#f8fbff}.bin-allocation-main .bin-code{display:block;color:#173f7a;font-weight:900;font-size:11px}.bin-allocation-main span:last-child{display:block;color:#7b8593;font-size:8px;margin-top:3px}.bin-allocation-qty{display:grid;text-align:right}.bin-allocation-qty strong{font-size:13px}.bin-allocation-qty small{font-size:8px;color:#7b8593}.customer-order-hero{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:18px}.customer-order-hero img{width:150px;max-height:54px;object-fit:contain}.report-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:end}.report-date{display:grid;gap:4px;font-size:9px;font-weight:900;color:#667085}.report-date input{height:37px;border:1px solid #dce2e9;border-radius:8px;padding:7px 9px;background:#fff}.report-range-state{font-size:9px;font-weight:800;color:#173f7a;background:#edf3fa;border-radius:8px;padding:8px 10px;white-space:nowrap}.professional-label{font-family:Arial,sans-serif}.pl-head{display:flex}.pl-body{display:grid}.pl-spec{display:grid}.pl-location{display:grid}.pl-foot{display:flex}
@media(max-width:1100px){.admin-info-strip{grid-template-columns:repeat(2,1fr)}.distribution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-item-kpis{grid-template-columns:repeat(2,1fr)}.master-limit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu{display:block}.topbar{height:68px;padding:10px 14px}.top-logo{width:88px}.top-heading h1{font-size:16px}.top-heading p{display:none}.content{padding:14px}.page-banner{padding:16px;flex-direction:column}.page-banner-actions{width:100%;justify-content:space-between}.admin-info-strip{grid-template-columns:1fr 1fr}.distribution-grid{grid-template-columns:1fr}.inventory-item-kpis{grid-template-columns:1fr 1fr}.customer-order-hero{align-items:flex-start}.customer-order-hero img{width:110px}.report-actions{width:100%}.report-actions .btn{flex:1;min-width:120px}.report-range-state{order:-1}}
@media(max-width:560px){.top-logo{width:78px}.content{padding:10px}.admin-info-strip{grid-template-columns:1fr}.inventory-item-card{padding:13px}.inventory-item-head{display:grid;grid-template-columns:1fr auto}.inventory-item-head h3{font-size:14px;overflow-wrap:anywhere}.inventory-item-kpis{grid-template-columns:1fr 1fr}.inventory-item-kpis>div{padding:9px}.inventory-item-kpis strong{font-size:12px}.inventory-item-foot{align-items:flex-start;flex-direction:column}.inventory-item-foot .btn{width:100%}.master-limit-grid{grid-template-columns:1fr 1fr}.master-card-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}.master-card-actions .btn{width:100%}.customer-order-hero{display:grid;grid-template-columns:1fr;gap:9px}.customer-order-hero img{width:145px}.customer-item{display:grid;grid-template-columns:1fr;gap:10px}.customer-item .btn{width:100%}.modal{width:calc(100vw - 18px)!important;max-height:94vh!important}.summary-meta{grid-template-columns:1fr 1fr!important}.material-modal-footer{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}.material-modal-footer .btn{width:100%}.bin-only-summary img{width:95px}.report-date{flex:1;min-width:130px}.report-actions .btn{flex:1 1 45%}.searchbar{flex-wrap:wrap}.searchbar input{min-width:0;width:100%;flex-basis:100%}}
@media(max-width:380px){.inventory-item-kpis{grid-template-columns:1fr}.master-limit-grid{grid-template-columns:1fr}.top-logo{display:none}}
/* Professional QR label preview */
.label-preview{padding:20px;display:flex;justify-content:center;background:#f5f7fb;overflow:auto}.label-preview .professional-label{width:min(680px,100%);background:#fff;border:1px solid #d7dee7;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px rgba(20,42,70,.07);font-family:Arial,sans-serif}.label-preview .pl-head{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#173f7a;color:#fff}.label-preview .pl-head img{width:150px;background:#fff;padding:4px;border-radius:5px}.label-preview .pl-head span{display:block;font-size:9px;letter-spacing:1px;font-weight:800;opacity:.85}.label-preview .pl-head b{display:block;font-size:25px;margin-top:3px}.label-preview .pl-body{display:grid;grid-template-columns:1fr 190px;gap:14px;padding:14px}.label-preview .pl-item{padding-bottom:10px;border-bottom:1px solid #e1e6ec}.label-preview .pl-item small,.label-preview .pl-spec small,.label-preview .pl-location small{display:block;font-size:8px;letter-spacing:.7px;color:#697586;font-weight:800}.label-preview .pl-item strong{display:block;font-size:20px;margin-top:4px}.label-preview .pl-spec{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.label-preview .pl-spec>div,.label-preview .pl-location>div{border:1px solid #e1e6ec;border-radius:6px;padding:7px}.label-preview .pl-spec b,.label-preview .pl-location b{display:block;font-size:11px;margin-top:3px}.label-preview .pl-location{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:7px;margin-top:8px}.label-preview .pl-location>div{text-align:center;background:#f8fafc}.label-preview .pl-qr{border-left:1px solid #e1e6ec;padding-left:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.label-preview .pl-qr img{width:155px!important;height:155px!important}.label-preview .pl-qr small{font-size:7px;color:#697586;font-weight:800;margin-top:5px}.label-preview .pl-foot{border-top:1px solid #e1e6ec;padding:7px 12px;display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#697586;font-weight:700}
@media(max-width:560px){.label-preview{padding:8px}.label-preview .pl-body{grid-template-columns:1fr}.label-preview .pl-qr{border-left:0;border-top:1px solid #e1e6ec;padding:10px 0 0}.label-preview .pl-head img{width:115px}.label-preview .pl-head b{font-size:19px}.label-preview .pl-item strong{font-size:16px}.label-preview .pl-foot{font-size:6px}}

/* =========================================================
   V17 UI REBUILD — ADMIN LIST-FIRST LAYOUT
   Operator styles are intentionally not targeted here.
   ========================================================= */
body[data-role="admin"] .admin-item-list-shell{width:100%;overflow:hidden;border:1px solid #e1e7ef;border-radius:14px;background:#fff}
body[data-role="admin"] .admin-item-list-head,body[data-role="admin"] .admin-item-list-row{display:grid;grid-template-columns:minmax(170px,1.15fr) minmax(160px,1fr) minmax(120px,.8fr) minmax(100px,.65fr) minmax(180px,1.25fr) 125px 145px;align-items:center;gap:14px}
body[data-role="admin"] .admin-item-list-head{padding:11px 15px;background:#f7f9fc;border-bottom:1px solid #e2e8f0;color:#738196;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
body[data-role="admin"] .admin-item-list-body{display:flex;flex-direction:column}
body[data-role="admin"] .admin-item-list-row{width:100%;padding:13px 15px;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;color:inherit;cursor:pointer;min-width:0;transition:background .16s ease}
body[data-role="admin"] .admin-item-list-row:last-child{border-bottom:0}
body[data-role="admin"] .admin-item-list-row:hover{background:#f8fbff}
body[data-role="admin"] .admin-item-list-row>span{min-width:0}
body[data-role="admin"] .admin-item-main,body[data-role="admin"] .admin-item-spec,body[data-role="admin"] .admin-item-total,body[data-role="admin"] .admin-item-limits{display:flex;flex-direction:column;gap:3px}
body[data-role="admin"] .admin-item-main b{font-size:12px;color:#173f7a;overflow-wrap:anywhere}
body[data-role="admin"] .admin-item-main small,body[data-role="admin"] .admin-item-spec small,body[data-role="admin"] .admin-item-total small{font-size:9px;color:#7a8797;line-height:1.35}
body[data-role="admin"] .admin-item-spec b{font-size:10px;color:#26384d}
body[data-role="admin"] .admin-item-total b{font-size:15px;color:#18283b;white-space:nowrap}
body[data-role="admin"] .admin-item-total em{font-size:9px;font-style:normal;color:#7d8998;font-weight:800}
body[data-role="admin"] .admin-item-limits{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 6px}
body[data-role="admin"] .admin-item-limits b{font-size:10px;color:#25384d}
body[data-role="admin"] .admin-item-limits small{font-size:7px;color:#8793a2;font-weight:900}
body[data-role="admin"] .admin-item-bins>div{display:flex;flex-wrap:wrap;gap:4px}
body[data-role="admin"] .admin-item-bins span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #e2e8ef;border-radius:6px;background:#fbfcfe;font-size:8px;color:#173f7a;white-space:nowrap}
body[data-role="admin"] .admin-item-bins span b{font-size:8px;color:#27394d}
body[data-role="admin"] .admin-item-bins small{display:block;margin-top:4px;font-size:8px;color:#7a8797}
body[data-role="admin"] .admin-item-list-row>.btn{justify-self:start}
body[data-role="admin"] .admin-item-list-row>span:last-child .btn{display:inline-flex;align-items:center;justify-content:center}

/* Item Master: list, never narrow stacked cards. */
body[data-role="admin"] .admin-master-list{border-top:1px solid #edf1f5}
body[data-role="admin"] .admin-master-list-row{display:grid;grid-template-columns:minmax(200px,1.25fr) 150px 150px minmax(230px,1.4fr) 120px 36px;align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid #edf1f5;background:#fff}
body[data-role="admin"] .admin-master-list-row:hover{background:#f9fbfe}
body[data-role="admin"] .admin-master-open{display:contents}
body[data-role="admin"] .admin-master-open>span{min-width:0}
body[data-role="admin"] .admin-master-code,body[data-role="admin"] .admin-master-stock,body[data-role="admin"] .admin-master-limits{display:flex;flex-direction:column;gap:3px}
body[data-role="admin"] .admin-master-code b{font-size:12px;color:#173f7a;overflow-wrap:anywhere}
body[data-role="admin"] .admin-master-code small,body[data-role="admin"] .admin-master-stock small{font-size:9px;color:#7b8797}
body[data-role="admin"] .admin-master-stock b{font-size:14px;color:#1e3146;white-space:nowrap}
body[data-role="admin"] .admin-master-limits{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 7px}
body[data-role="admin"] .admin-master-limits b{font-size:10px}
body[data-role="admin"] .admin-master-limits small{font-size:7px;color:#8793a2;font-weight:900}
body[data-role="admin"] .admin-master-bins{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
body[data-role="admin"] .admin-master-bins span{padding:4px 6px;border:1px solid #e3e9f0;border-radius:6px;background:#fafbfd;font-size:8px;color:#173f7a;white-space:nowrap}
body[data-role="admin"] .admin-master-bins span b{color:#26384c}
body[data-role="admin"] .admin-master-bins small{font-size:8px;color:#7d8998}
body[data-role="admin"] .admin-master-chevron{font-size:23px;color:#91a0b0;text-align:center}
body[data-role="admin"] .admin-master-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;padding-top:9px;border-top:1px solid #f0f2f5}
body[data-role="admin"] .admin-master-actions .btn{min-width:94px}

/* Item Master modal: fixed shell, scrollable form, always-visible actions. */
body[data-role="admin"] .item-master-modal-shell{width:min(900px,calc(100vw - 28px));max-height:min(92vh,820px);display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28)}
body[data-role="admin"] .item-master-modal-head{flex:0 0 auto}
body[data-role="admin"] .item-master-modal-body{min-height:0;overflow:auto;background:#fbfcfe}
body[data-role="admin"] #itemMasterForm{display:flex;flex-direction:column;min-height:100%}
body[data-role="admin"] #itemMasterForm .form-grid{padding:20px 22px 12px;gap:14px}
body[data-role="admin"] #itemMasterForm .field{min-width:0}
body[data-role="admin"] #itemMasterForm .field input,body[data-role="admin"] #itemMasterForm .field select{width:100%;min-width:0;height:44px}
body[data-role="admin"] #itemMasterForm .limit-help{margin:0 22px 14px}
body[data-role="admin"] .item-master-modal-actions{position:sticky;bottom:0;background:#fff;z-index:2;box-shadow:0 -5px 16px rgba(17,43,78,.06)}

/* Bin modal / item operation modal readability. */
body[data-role="admin"] .material-modal-shell{max-height:min(92vh,820px)}
body[data-role="admin"] .material-modal-body{overscroll-behavior:contain}
body[data-role="admin"] .bin-only-modal .summary-meta{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:1250px){
 body[data-role="admin"] .admin-item-list-head,body[data-role="admin"] .admin-item-list-row{grid-template-columns:minmax(160px,1.1fr) minmax(140px,1fr) 120px 105px minmax(150px,1fr) 110px 125px;gap:10px}
 body[data-role="admin"] .admin-master-list-row{grid-template-columns:minmax(180px,1.2fr) 130px 125px minmax(170px,1fr) 105px 28px;gap:10px}
}
@media(max-width:980px){
 body[data-role="admin"] .admin-item-list-head{display:none}
 body[data-role="admin"] .admin-item-list-row{grid-template-columns:1fr auto;padding:14px}
 body[data-role="admin"] .admin-item-list-row>.admin-item-main{grid-column:1}
 body[data-role="admin"] .admin-item-list-row>.admin-item-total{grid-column:2;grid-row:1 / span 2;text-align:right;align-items:flex-end}
 body[data-role="admin"] .admin-item-list-row>.admin-item-spec,body[data-role="admin"] .admin-item-list-row>.admin-item-limits,body[data-role="admin"] .admin-item-list-row>.admin-item-bins,body[data-role="admin"] .admin-item-list-row>span:nth-last-child(2){grid-column:1/-1}
 body[data-role="admin"] .admin-item-list-row>span:last-child{grid-column:1/-1}
 body[data-role="admin"] .admin-item-list-row>span:last-child .btn{width:100%}
 body[data-role="admin"] .admin-master-list-row{grid-template-columns:1fr auto;gap:9px 12px}
 body[data-role="admin"] .admin-master-code{grid-column:1}.admin-master-stock{grid-column:2;align-items:flex-end}
 body[data-role="admin"] .admin-master-limits,body[data-role="admin"] .admin-master-bins,body[data-role="admin"] .admin-master-list-row>span:nth-child(5){grid-column:1/-1}
 body[data-role="admin"] .admin-master-chevron{display:none}
 body[data-role="admin"] .admin-master-actions{grid-column:1/-1;justify-content:stretch}.admin-master-actions .btn{flex:1}
}
@media(max-width:600px){
 body[data-role="admin"] .admin-item-list-row{padding:13px 12px;border-radius:0}
 body[data-role="admin"] .admin-item-main b{font-size:11px}
 body[data-role="admin"] .admin-item-total b{font-size:14px}
 body[data-role="admin"] .admin-item-spec{padding-top:3px}
 body[data-role="admin"] .admin-item-bins>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}
 body[data-role="admin"] .admin-item-bins span{white-space:normal;justify-content:space-between}
 body[data-role="admin"] .admin-master-list-row{padding:13px 12px}
 body[data-role="admin"] .admin-master-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 body[data-role="admin"] .admin-master-actions .btn:first-child{grid-column:1/-1}
 body[data-role="admin"] .item-master-modal-shell{width:calc(100vw - 16px);max-height:94vh;border-radius:15px}
 body[data-role="admin"] .item-master-modal-head{padding:15px 16px}
 body[data-role="admin"] #itemMasterForm .form-grid{grid-template-columns:1fr;padding:15px 16px 10px;gap:11px}
 body[data-role="admin"] #itemMasterForm .form-grid .full{grid-column:auto}
 body[data-role="admin"] #itemMasterForm .limit-help{margin:0 16px 11px;font-size:9px}
 body[data-role="admin"] .item-master-modal-actions{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr}
 body[data-role="admin"] .item-master-modal-actions .btn{width:100%;min-width:0;height:42px}
 body[data-role="admin"] .item-master-modal-actions .btn:last-child{grid-column:1/-1}
 body[data-role="admin"] .bin-only-modal .summary-meta{grid-template-columns:1fr 1fr}
}

/* V17 bin operation modal — clean hierarchy matching the reference screenshot. */
body[data-role="admin"] .bin-operation-body{padding:18px 22px 22px;background:#fbfcfe;overflow:auto}
body[data-role="admin"] .bin-operation-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:stretch;padding:18px;border:1px solid #dfe7f0;border-radius:15px;background:#fff}
body[data-role="admin"] .bin-operation-identity{display:flex;align-items:center;gap:16px;min-width:0}
body[data-role="admin"] .bin-operation-identity img{width:112px;max-width:30%;height:auto;object-fit:contain}
body[data-role="admin"] .bin-operation-identity h3{margin:5px 0 5px;font-size:20px;color:#1b2b3c;overflow-wrap:anywhere}
body[data-role="admin"] .bin-operation-identity p{margin:0;color:#697789;font-size:11px;line-height:1.5}
body[data-role="admin"] .bin-operation-qty{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-left:18px;border-left:1px solid #e6ebf1}
body[data-role="admin"] .bin-operation-qty>span:first-child{font-size:8px;letter-spacing:.08em;color:#7c8999;font-weight:950}
body[data-role="admin"] .bin-operation-qty strong{font-size:30px;color:#173f7a;line-height:1.1;margin-top:5px}
body[data-role="admin"] .bin-operation-qty small{font-size:9px;color:#758294;margin-bottom:7px}
body[data-role="admin"] .bin-operation-qty .badge{align-self:flex-end}
body[data-role="admin"] .bin-operation-details{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px}
body[data-role="admin"] .bin-operation-details>div{min-width:0;padding:11px 12px;border:1px solid #e1e7ef;border-radius:11px;background:#fff}
body[data-role="admin"] .bin-operation-details span{display:block;font-size:7px;letter-spacing:.08em;color:#7d8998;font-weight:950;margin-bottom:5px}
body[data-role="admin"] .bin-operation-details b{display:block;font-size:10px;color:#24374b;overflow-wrap:anywhere}
body[data-role="admin"] .bin-operation-note{margin-top:12px;padding:11px 13px;border-left:3px solid #173f7a;background:#f4f7fb;border-radius:7px;color:#687789;font-size:9px;line-height:1.5}
@media(max-width:760px){
 body[data-role="admin"] .bin-operation-body{padding:14px 15px 16px}
 body[data-role="admin"] .bin-operation-hero{grid-template-columns:1fr;gap:12px;padding:14px}
 body[data-role="admin"] .bin-operation-identity img{width:86px}
 body[data-role="admin"] .bin-operation-identity h3{font-size:16px}
 body[data-role="admin"] .bin-operation-qty{align-items:flex-start;border-left:0;border-top:1px solid #e6ebf1;padding:12px 0 0}
 body[data-role="admin"] .bin-operation-qty .badge{align-self:flex-start}
 body[data-role="admin"] .bin-operation-details{grid-template-columns:1fr 1fr;gap:7px}
}

/* =========================================================
   V18 INDUSTRIAL UI REFINEMENT
   Item-first dashboard, full-width lists, professional bin
   dialogs, mobile/tablet responsive report controls.
   ========================================================= */
.dashboard-snapshot-full{width:100%;display:block}
.dashboard-admin-snapshot{width:100%;display:block}
.dashboard-snapshot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid var(--line);background:#fbfcfe}
.dashboard-snapshot-toolbar>div:first-child{display:grid;gap:3px;min-width:220px}
.dashboard-snapshot-toolbar b{font-size:12px;color:var(--navy)}
.dashboard-snapshot-toolbar small{font-size:9px;color:#7b8795;line-height:1.45}
.dashboard-live-search{display:flex;align-items:center;gap:8px;width:min(560px,55%);background:#fff;border:1px solid #dbe3ec;border-radius:10px;padding:0 7px 0 11px;box-shadow:0 3px 10px rgba(17,43,78,.04)}
.dashboard-live-search span{font-size:17px;color:#6e7c8d}
.dashboard-live-search input{height:40px;flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:11px;color:#24374b}
.dashboard-live-search button{border:0;background:#f1f4f8;color:#526276;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}
.dashboard-live-search button:hover{background:#e8eef5;color:var(--navy)}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-shell{border-radius:0 0 14px 14px;border-top:0}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row{grid-template-columns:minmax(155px,1.05fr) minmax(155px,1fr) 125px 110px minmax(260px,1.7fr) 115px 135px;gap:12px}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row{padding:15px 16px}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-bins>div{display:grid;gap:5px}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-bins span{display:block;padding:6px 8px;border:1px solid #e4eaf1;border-radius:7px;background:#f8fafc}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-bins b{display:block;font-size:9px;color:var(--navy)}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-bins small{display:block;margin-top:2px;color:#778496;font-size:8px;line-height:1.35}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-total b{font-size:15px}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-total em{font-size:8px;color:#7c8795;font-style:normal}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-limits{display:grid;grid-template-columns:1fr auto;gap:2px 6px;align-items:center}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-limits small{font-size:7px;color:#8a95a4;font-weight:900}

/* Bin Master / Inventory list */
body[data-role="admin"] .admin-inventory-panel{width:100%}
body[data-role="admin"] .admin-inventory-toolbar .searchbar{padding:12px 15px;border-bottom:0;background:#fbfcfe}
body[data-role="admin"] .admin-inventory-toolbar .searchbar input{height:42px;font-size:11px}
body[data-role="admin"] .admin-inventory-toolbar .searchbar select{height:42px}
body[data-role="admin"] .admin-master-panel .searchbar input{height:42px}
body[data-role="admin"] .admin-master-list{width:100%}
body[data-role="admin"] .admin-master-list-row{display:grid;grid-template-columns:minmax(210px,1.2fr) 125px 130px minmax(260px,1.7fr) 115px 34px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf1f5;background:#fff}
body[data-role="admin"] .admin-master-list-row:hover{background:#f9fbfd}
body[data-role="admin"] .admin-master-open{min-width:0}

/* Professional bin dialog - applies to Admin and Operator without changing their workflows */
.bin-only-modal{width:min(900px,calc(100vw - 24px));max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden}
.bin-only-modal .material-modal-head{flex:0 0 auto;background:#fff}
.bin-only-modal .bin-operation-body{padding:18px 20px;background:#f7f9fc;overflow:auto}
.bin-only-modal .bin-operation-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;align-items:stretch;padding:16px;border:1px solid #dfe6ef;border-radius:14px;background:#fff}
.bin-only-modal .bin-operation-identity{display:flex;align-items:center;gap:14px;min-width:0}
.bin-only-modal .bin-operation-identity img{width:92px!important;max-width:92px!important;height:42px!important;object-fit:contain;object-position:left center;flex:0 0 92px;background:#fff}
.bin-only-modal .bin-operation-identity h3{font-size:20px;margin:5px 0;color:#1d3046;overflow-wrap:anywhere}
.bin-only-modal .bin-operation-identity p{font-size:10px;color:#6d7a8b;margin:0;line-height:1.5}
.bin-only-modal .bin-operation-qty{display:flex;justify-content:center;align-items:flex-end;border-left:1px solid #e6ebf1;padding-left:16px}
.bin-only-modal .bin-operation-qty strong{font-size:30px;color:var(--navy)}
.bin-only-modal .bin-operation-details{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.bin-only-modal .bin-operation-details>div{padding:10px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;min-width:0}
.bin-only-modal .bin-operation-details span{display:block;font-size:7px;color:#7d8998;font-weight:950;letter-spacing:.08em;margin-bottom:4px}
.bin-only-modal .bin-operation-details b{display:block;font-size:10px;color:#25374a;overflow-wrap:anywhere}
.bin-only-modal .bin-operation-note{margin-top:10px;padding:10px 12px;border-left:3px solid var(--navy);background:#eef4fa;border-radius:6px;font-size:9px;color:#657487;line-height:1.5}
.bin-only-modal .material-modal-footer{flex:0 0 auto;background:#fff;display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line)}

/* Report Center */
.report-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,560px);gap:22px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:18px;box-shadow:var(--shadow)}
.report-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:4px 0}
.report-hero-copy h2{font-size:24px;margin:5px 0 6px;color:#172b43}
.report-hero-copy p{margin:0;max-width:560px;color:#708094;font-size:11px;line-height:1.55}
.report-filter-card{border:1px solid #dce4ed;border-radius:13px;background:#f8fafc;padding:13px}
.report-filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.report-filter-head>b{font-size:9px;color:#526276;letter-spacing:.08em}
.report-filter-head span{font-size:8px;font-weight:900;color:#173f7a;background:#eaf1f9;padding:6px 8px;border-radius:7px}
.report-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.report-date{display:grid;gap:5px;font-size:9px;font-weight:900;color:#5d6c7f}
.report-date span{display:block}
.report-date input{width:100%;height:40px;border:1px solid #d6dee8;border-radius:8px;background:#fff;padding:7px 9px;color:#24374b;font-size:10px;box-sizing:border-box}
.report-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
.report-filter-actions .btn{width:100%;min-width:0}
.viewer-order-report-list{display:grid;gap:8px;padding:15px}
.viewer-order-report-row{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:center;border:1px solid #e3e8ef;background:#fbfcfe;border-radius:10px;padding:12px 14px}
.viewer-order-report-row b{display:block;font-size:12px;color:var(--navy);margin-top:3px}
.viewer-order-report-row small{display:block;color:#7c8897;font-size:8px;font-weight:900}
.viewer-order-report-row strong{display:block;font-size:10px;margin-top:3px;color:#445368}
.customer-order-only{display:grid;gap:4px;margin-top:10px;padding:9px 10px;border:1px dashed #d6dee8;border-radius:9px;background:#fafbfd}
.customer-order-only span{font-size:8px;font-weight:950;color:#526276;letter-spacing:.08em}
.customer-order-only small{font-size:8px;color:#8993a1}

@media(max-width:1150px){
 .dashboard-snapshot-toolbar{align-items:stretch;flex-direction:column}
 .dashboard-live-search{width:100%}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row{grid-template-columns:minmax(150px,1fr) minmax(140px,1fr) 110px 95px minmax(220px,1.4fr) 105px 120px;gap:9px}
 .report-hero{grid-template-columns:1fr}
 .report-filter-card{max-width:none}
}
@media(max-width:820px){
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head{display:none}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row{grid-template-columns:1fr auto;padding:14px}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-main{grid-column:1}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-total{grid-column:2;grid-row:1 / span 2;text-align:right}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-spec,body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-limits,body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-bins,body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>span:nth-last-child(2){grid-column:1/-1}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>span:last-child{grid-column:1/-1}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>span:last-child .btn{width:100%}
 body[data-role="admin"] .admin-master-list-row{grid-template-columns:1fr auto;gap:8px}
 .bin-only-modal .bin-operation-hero{grid-template-columns:1fr}
 .bin-only-modal .bin-operation-qty{align-items:flex-start;border-left:0;border-top:1px solid #e6ebf1;padding:12px 0 0}
 .bin-only-modal .bin-operation-details{grid-template-columns:1fr 1fr}
 .report-filter-actions{grid-template-columns:1fr 1fr}
 .viewer-order-report-row{grid-template-columns:1fr auto}
 .viewer-order-report-row>span{grid-column:2;grid-row:1}
}
@media(max-width:560px){
 .dashboard-snapshot-toolbar{padding:12px}
 .dashboard-live-search{display:grid;grid-template-columns:auto 1fr;gap:5px;padding:5px 7px}
 .dashboard-live-search input{height:36px}
 .dashboard-live-search button{grid-column:1/-1}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row{padding:13px 12px}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-total b{font-size:14px}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-bins span{padding:7px}
 .bin-only-modal{width:calc(100vw - 14px);max-height:94vh;border-radius:14px}
 .bin-only-modal .bin-operation-body{padding:12px}
 .bin-only-modal .bin-operation-identity{align-items:flex-start}
 .bin-only-modal .bin-operation-identity img{width:78px!important;max-width:78px!important;height:34px!important;flex-basis:78px}
 .bin-only-modal .bin-operation-identity h3{font-size:16px}
 .bin-only-modal .bin-operation-details{grid-template-columns:1fr 1fr;gap:6px}
 .bin-only-modal .material-modal-footer{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px}
 .bin-only-modal .material-modal-footer .btn{width:100%;min-width:0}
 .report-hero{padding:15px;gap:14px}
 .report-hero-copy h2{font-size:20px}
 .report-filter-card{padding:11px}
 .report-date-grid{grid-template-columns:1fr}
 .report-filter-actions{grid-template-columns:1fr}
 .viewer-order-report-row{grid-template-columns:1fr}
 .viewer-order-report-row>span{grid-column:auto;grid-row:auto;justify-self:start}
}
body[data-role="admin"] .admin-master-list-shell{border-top:1px solid #e4eaf1;overflow:hidden}
body[data-role="admin"] .admin-master-list-head{display:grid;grid-template-columns:minmax(210px,1.2fr) 125px 130px minmax(260px,1.7fr) 115px 250px;gap:12px;align-items:center;padding:10px 16px;background:#f7f9fc;border-bottom:1px solid #e2e8f0;color:#738196;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
body[data-role="admin"] .admin-master-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}
body[data-role="admin"] .admin-master-actions .btn{white-space:nowrap}
@media(max-width:1150px){body[data-role="admin"] .admin-master-list-head{grid-template-columns:minmax(160px,1.1fr) 110px 110px minmax(210px,1.4fr) 100px 210px;gap:8px}}
@media(max-width:820px){body[data-role="admin"] .admin-master-list-head{display:none}body[data-role="admin"] .admin-master-list-row{grid-template-columns:1fr auto;padding:13px 12px}body[data-role="admin"] .admin-master-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:stretch}body[data-role="admin"] .admin-master-actions .btn{width:100%;min-width:0}}
@media(max-width:560px){body[data-role="admin"] .admin-master-actions{grid-template-columns:1fr 1fr}body[data-role="admin"] .admin-master-actions .btn:last-child{grid-column:1/-1}}

/* V19 FINAL POLISH — clean item lists, live search, bin dialog and reports */
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row,
body[data-role="admin"] .inventory-list-shell .admin-item-list-head,
body[data-role="admin"] .inventory-list-shell .admin-item-list-row{
  grid-template-columns:minmax(180px,1.1fr) minmax(165px,1fr) 125px minmax(300px,1.8fr) 120px 145px;
  gap:14px;
}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,
body[data-role="admin"] .inventory-list-shell .admin-item-list-head{padding:12px 16px;min-height:44px}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row,
body[data-role="admin"] .inventory-list-shell .admin-item-list-row{padding:16px;background:#fff}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-limits{display:none!important}
body[data-role="admin"] .admin-item-main b{font-size:12px;letter-spacing:.01em;color:#153b72}
body[data-role="admin"] .admin-item-main small,
body[data-role="admin"] .admin-item-spec small,
body[data-role="admin"] .admin-item-total small{font-size:9px;line-height:1.35;color:#7b8796}
body[data-role="admin"] .admin-item-spec b{font-size:11px;color:#25374b}
body[data-role="admin"] .admin-item-total b{font-size:16px;color:#17202a}
body[data-role="admin"] .admin-item-bins>div{display:grid;gap:6px;max-height:130px;overflow:auto;padding-right:2px}
body[data-role="admin"] .admin-item-bins span{display:block;padding:7px 9px;border:1px solid #e3e9f0;border-radius:8px;background:#f9fbfd}
body[data-role="admin"] .admin-item-bins span b{display:block;font-size:10px;color:#173f7a}
body[data-role="admin"] .admin-item-bins span small{display:block;margin-top:2px;font-size:8px;color:#778496;line-height:1.35}
body[data-role="admin"] .dashboard-snapshot-toolbar{padding:15px 16px;background:#fbfcfe}
body[data-role="admin"] .dashboard-live-search{width:min(620px,100%)}
body[data-role="admin"] .dashboard-live-search input{height:42px}

/* Shared live search control */
.admin-live-search-row{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fbfcfe;border-bottom:1px solid var(--line)}
.live-search-box{display:flex;align-items:center;gap:8px;min-width:0;flex:1;background:#fff;border:1px solid #d9e1eb;border-radius:10px;padding:4px 6px 4px 11px;box-shadow:0 2px 8px rgba(17,43,78,.03)}
.live-search-box>span{font-size:18px;color:#718096;font-weight:900}
.live-search-box input{flex:1;min-width:0;height:36px;border:0;outline:0;background:transparent;color:#17202a;font-size:12px}
.live-search-box button{border:0;background:#eef3f8;color:#173f7a;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:900}
.admin-live-search-row>select{height:44px;min-width:145px;border:1px solid #d9e1eb;border-radius:10px;background:#fff;padding:0 11px;font-size:11px;color:#34465b}

/* Item Master list */
body[data-role="admin"] .admin-master-list-head,
body[data-role="admin"] .admin-master-list-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(160px,1fr) 130px minmax(280px,1.8fr) 115px 250px;gap:12px;align-items:center}
body[data-role="admin"] .admin-master-list-head{padding:11px 16px;background:#f7f9fc;border-bottom:1px solid #e1e7ef;color:#718096;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
body[data-role="admin"] .admin-master-list-row{padding:13px 16px;border-bottom:1px solid #edf1f5;background:#fff}
body[data-role="admin"] .admin-master-list-row:hover{background:#f9fbfe}
body[data-role="admin"] .admin-master-open{display:grid;grid-template-columns:1.1fr 1fr 130px minmax(280px,1.8fr) 115px 28px;grid-column:1/-1;gap:12px;align-items:center;width:100%;padding:0;border:0;background:transparent;text-align:left;min-width:0}
body[data-role="admin"] .admin-master-code b{display:block;color:#173f7a;font-size:11px}
body[data-role="admin"] .admin-master-code small,.admin-master-spec small,.admin-master-stock small{display:block;color:#7c8795;font-size:8px;margin-top:3px;line-height:1.35}
body[data-role="admin"] .admin-master-spec b{font-size:10px;color:#2a3b4e}
body[data-role="admin"] .admin-master-stock b{font-size:14px;color:#17202a}
body[data-role="admin"] .admin-master-bins{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
body[data-role="admin"] .master-bin-chip{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid #dfe6ee;background:#f8fafc;border-radius:7px;cursor:pointer;min-width:105px}
body[data-role="admin"] .master-bin-chip:hover{border-color:#b7cbe1;background:#eef5fc}
body[data-role="admin"] .master-bin-chip b{font-size:9px;color:#173f7a}
body[data-role="admin"] .master-bin-chip small{font-size:7px;color:#7a8796}
body[data-role="admin"] .admin-master-actions{display:flex;gap:6px;justify-content:flex-end;grid-column:1/-1;padding-top:8px;border-top:1px dashed #e5eaf0}
body[data-role="admin"] .admin-master-actions .btn{white-space:nowrap}
body[data-role="admin"] .master-live-search{border-bottom:1px solid var(--line)}

/* Bin map search */
.bin-map-panel{overflow:hidden}
.bin-map-toolbar{padding:13px 15px;background:#fbfcfe;border-bottom:1px solid var(--line)}
.bin-map-item-preview{display:grid;gap:3px;margin-top:5px}
.bin-map-item-preview i{font-style:normal;font-size:8px;color:#526276;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Redesigned bin-location dialog */
.bin-location-modal{width:min(920px,calc(100vw - 28px));max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 28px 90px rgba(10,29,55,.28)}
.bin-location-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px 18px;border-bottom:1px solid #e5eaf0;background:#fff;flex:0 0 auto}
.bin-location-head h2{margin:5px 0 3px;font-size:24px;color:#172b43;letter-spacing:-.02em}
.bin-location-head p{margin:0;color:#738196;font-size:10px}
.bin-location-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;background:#f7f9fc;border-bottom:1px solid #e3e9f0;flex:0 0 auto}
.bin-location-brand{display:flex;align-items:center;gap:12px;min-width:0}
.bin-location-brand img{width:116px;height:42px;object-fit:contain;object-position:left center;background:#fff;border:1px solid #e1e7ef;border-radius:8px;padding:5px}
.bin-location-brand div{display:grid;gap:2px}
.bin-location-brand span,.bin-location-total span,.bin-location-item-stock span{font-size:8px;font-weight:950;letter-spacing:.08em;color:#7a8796}
.bin-location-brand strong{font-size:18px;color:#173f7a}
.bin-location-brand small{font-size:8px;color:#8a95a4}
.bin-location-total{display:grid;justify-items:end;gap:2px;padding-left:22px;border-left:1px solid #dfe6ee}
.bin-location-total strong{font-size:24px;color:#17202a}
.bin-location-total em{font-size:9px;font-style:normal;color:#778496;font-weight:800}
.bin-location-scroll{overflow:auto;padding:16px 18px;background:#fff;min-height:0}
.bin-location-list{display:grid;gap:10px}
.bin-location-item{display:grid;grid-template-columns:minmax(0,1fr) 150px 110px;gap:14px;align-items:center;padding:14px;border:1px solid #e0e6ee;border-radius:12px;background:#fff}
.bin-location-item:hover{border-color:#c5d3e2;background:#fbfdff}
.bin-location-item-main{min-width:0}
.bin-location-item-main>b{display:block;font-size:15px;color:#173f7a;margin:4px 0}
.bin-location-item-main p{margin:0;color:#34465b;font-size:11px;font-weight:800}
.bin-location-item-main small{display:block;margin-top:4px;color:#7a8796;font-size:8px}
.bin-location-item-stock{display:grid;justify-items:end;gap:2px}
.bin-location-item-stock strong{font-size:20px;color:#17202a}
.bin-location-item-stock em{font-style:normal;color:#7a8796;font-size:8px}
.bin-location-item-stock .badge{margin-top:4px}
.bin-location-item>.btn{justify-self:end;min-width:100px}
.bin-location-footer{display:flex;justify-content:flex-end;padding:11px 18px;border-top:1px solid #e2e8ef;background:#fbfcfe;flex:0 0 auto}

/* Report filter redesign */
.report-hero{grid-template-columns:minmax(0,1fr) minmax(500px,620px);padding:22px;gap:26px}
.report-filter-card{padding:16px;background:#f8fafc;border:1px solid #dbe3ec;border-radius:14px}
.report-filter-head{padding-bottom:10px;border-bottom:1px solid #e3e8ef;margin-bottom:12px}
.report-filter-head>b{font-size:9px;letter-spacing:.1em;color:#41536a}
.report-filter-head span{font-size:8px;padding:6px 9px}
.report-date-grid{grid-template-columns:1fr 1fr;gap:12px}
.report-date{gap:6px}
.report-date span{font-size:9px;color:#53647a}
.report-date input{height:44px;border-radius:9px;padding:8px 11px;font-size:11px}
.report-filter-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.report-filter-actions .btn{height:40px;padding:8px 9px;font-size:10px}
.report-kpis{margin-bottom:18px}
.report-card-grid{padding:16px}

@media(max-width:1150px){
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-head,body[data-role="admin"] .inventory-list-shell .admin-item-list-row{grid-template-columns:minmax(150px,1fr) minmax(135px,1fr) 115px minmax(220px,1.5fr) 105px 125px;gap:9px}
 body[data-role="admin"] .admin-master-open{grid-template-columns:1.1fr 1fr 115px minmax(200px,1.5fr) 105px 24px;gap:9px}
 .report-hero{grid-template-columns:1fr}
}
@media(max-width:820px){
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-head,
 body[data-role="admin"] .admin-master-list-head{display:none}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row{grid-template-columns:1fr auto;gap:8px;padding:14px}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-main,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>.admin-item-main{grid-column:1}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-total,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>.admin-item-total{grid-column:2;grid-row:1 / span 2;text-align:right}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-spec,
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-bins,
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>span:nth-last-child(2),
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>.admin-item-spec,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>.admin-item-bins,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>span:nth-last-child(2){grid-column:1/-1}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>span:last-child,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>span:last-child{grid-column:1/-1}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>span:last-child .btn,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>span:last-child .btn{width:100%}
 body[data-role="admin"] .admin-master-list-row{grid-template-columns:1fr;gap:10px;padding:14px}
 body[data-role="admin"] .admin-master-open{grid-template-columns:1fr auto;gap:8px}
 body[data-role="admin"] .admin-master-code{grid-column:1}
 body[data-role="admin"] .admin-master-stock{grid-column:2;grid-row:1 / span 2;text-align:right}
 body[data-role="admin"] .admin-master-spec,.admin-master-bins{grid-column:1/-1}
 body[data-role="admin"] .admin-master-open>.admin-master-chevron{display:none}
 body[data-role="admin"] .admin-master-actions{grid-column:1/-1;justify-content:stretch;flex-wrap:wrap}
 body[data-role="admin"] .admin-master-actions .btn{flex:1;min-width:110px}
 .admin-live-search-row{align-items:stretch;flex-direction:column}
 .admin-live-search-row>select{width:100%}
 .bin-location-item{grid-template-columns:1fr auto;gap:10px}
 .bin-location-item-stock{justify-items:start;grid-column:2;grid-row:1}
 .bin-location-item>.btn{grid-column:1/-1;width:100%}
 .report-filter-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .bin-location-modal{width:calc(100vw - 14px);max-height:94vh;border-radius:14px}
 .bin-location-head{padding:16px 15px 13px}
 .bin-location-head h2{font-size:20px}
 .bin-location-summary{padding:11px 12px;align-items:flex-start}
 .bin-location-brand img{width:92px;height:34px}
 .bin-location-total strong{font-size:19px}
 .bin-location-scroll{padding:11px}
 .bin-location-item{padding:11px}
 .bin-location-item-main>b{font-size:13px}
 .bin-location-item-main p{font-size:9px}
 .bin-location-item-stock strong{font-size:17px}
 .bin-location-footer{padding:9px 11px}
 .report-hero{padding:14px;gap:12px}
 .report-hero-copy h2{font-size:20px}
 .report-filter-card{padding:11px}
 .report-date-grid{grid-template-columns:1fr}
 .report-filter-actions{grid-template-columns:1fr}
 body[data-role="admin"] .master-bin-chip{min-width:0;flex:1 1 130px}
}

/* V19 bin operation window */
.bin-operation-modal-v19{width:min(920px,calc(100vw - 28px));max-height:min(90vh,780px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:18px}
.bin-operation-modal-v19 .material-modal-head{flex:0 0 auto;padding:20px 23px}
.bin-operation-modal-v19 .material-modal-head h2{font-size:24px;margin:4px 0}
.bin-operation-modal-v19 .material-modal-head p{font-size:10px;color:#748196;margin:0}
.bin-operation-modal-v19 .bin-operation-body{padding:16px 18px;background:#f7f9fc;overflow:auto;min-height:0}
.bin-operation-modal-v19 .bin-operation-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;padding:16px;border:1px solid #dfe6ef;border-radius:14px;background:#fff}
.bin-operation-modal-v19 .bin-operation-identity{display:flex;align-items:center;gap:14px;min-width:0}
.bin-operation-modal-v19 .bin-operation-identity img{width:112px!important;height:44px!important;max-width:112px!important;object-fit:contain;object-position:left center;flex:0 0 112px;background:#fff;border:1px solid #e1e7ef;border-radius:7px;padding:5px}
.bin-operation-modal-v19 .bin-operation-identity h3{font-size:20px;margin:4px 0;color:#173f7a;overflow-wrap:anywhere}
.bin-operation-modal-v19 .bin-operation-identity p{font-size:10px;color:#34465b;margin:0 0 4px;font-weight:800}
.bin-operation-modal-v19 .bin-operation-identity small{font-size:8px;color:#7a8796}
.bin-operation-modal-v19 .bin-operation-qty{display:grid;justify-items:end;align-content:center;gap:2px;border-left:1px solid #e1e7ef;padding-left:16px}
.bin-operation-modal-v19 .bin-operation-qty>span:first-child{font-size:8px;letter-spacing:.08em;font-weight:950;color:#7b8796}
.bin-operation-modal-v19 .bin-operation-qty strong{font-size:30px;line-height:1;color:#17202a}
.bin-operation-modal-v19 .bin-operation-qty small{font-size:8px;color:#7b8796}
.bin-operation-modal-v19 .bin-operation-qty .badge{margin-top:6px}
.bin-operation-modal-v19 .bin-operation-details{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.bin-operation-modal-v19 .bin-operation-details>div{padding:10px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;min-width:0}
.bin-operation-modal-v19 .bin-operation-details span{display:block;font-size:7px;color:#7d8998;font-weight:950;letter-spacing:.08em;margin-bottom:4px}
.bin-operation-modal-v19 .bin-operation-details b{display:block;font-size:10px;color:#25374a;overflow-wrap:anywhere}
.bin-operation-modal-v19 .bin-operation-note{margin-top:10px;padding:10px 12px;border-left:3px solid var(--navy);background:#eef4fa;border-radius:6px;font-size:9px;color:#657487;line-height:1.5}
.bin-action-footer-v19{flex:0 0 auto;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:11px 16px!important;background:#fff;border-top:1px solid #e1e7ef}
.bin-action-footer-v19 .btn{width:100%;min-width:0;height:40px;white-space:nowrap}
@media(max-width:820px){
 .bin-operation-modal-v19 .bin-operation-hero{grid-template-columns:1fr}
 .bin-operation-modal-v19 .bin-operation-qty{justify-items:start;border-left:0;border-top:1px solid #e1e7ef;padding:12px 0 0}
 .bin-operation-modal-v19 .bin-operation-details{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bin-action-footer-v19{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
 .bin-operation-modal-v19{width:calc(100vw - 14px);max-height:94vh;border-radius:14px}
 .bin-operation-modal-v19 .material-modal-head{padding:15px 15px 12px}
 .bin-operation-modal-v19 .material-modal-head h2{font-size:20px}
 .bin-operation-modal-v19 .bin-operation-body{padding:11px}
 .bin-operation-modal-v19 .bin-operation-hero{padding:11px;gap:10px}
 .bin-operation-modal-v19 .bin-operation-identity{align-items:flex-start;gap:9px}
 .bin-operation-modal-v19 .bin-operation-identity img{width:82px!important;height:34px!important;max-width:82px!important;flex-basis:82px}
 .bin-operation-modal-v19 .bin-operation-identity h3{font-size:15px}
 .bin-operation-modal-v19 .bin-operation-identity p{font-size:9px}
 .bin-operation-modal-v19 .bin-operation-details{grid-template-columns:1fr 1fr;gap:6px}
 .bin-operation-modal-v19 .bin-operation-details>div{padding:8px}
 .bin-action-footer-v19{grid-template-columns:1fr 1fr;gap:7px;padding:9px 10px!important}
 .bin-action-footer-v19 .btn{height:40px}
 .bin-action-footer-v19 .btn:last-child{grid-column:1/-1}
}

/* V20 PROFESSIONAL SEARCH + RESPONSIVE POLISH */
.professional-search-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e4eaf1}
.professional-search{display:flex;align-items:center;gap:10px;width:100%;min-width:0;background:#fff;border:1px solid #cfd9e5;border-radius:12px;padding:5px 7px 5px 13px;box-shadow:0 3px 12px rgba(17,43,78,.05);transition:border-color .15s,box-shadow .15s}
.professional-search:focus-within{border-color:#6f8fb7;box-shadow:0 0 0 3px rgba(23,63,122,.08)}
.professional-search>span{font-size:19px;color:#173f7a;font-weight:900;flex:0 0 auto}
.professional-search input{height:40px;flex:1;min-width:0;border:0;outline:0;font-size:12px;color:#17202a;background:transparent}
.professional-search input::placeholder{color:#9aa5b3}
.professional-search button{width:30px;height:30px;border:0;border-radius:8px;background:#edf3f9;color:#173f7a;font-size:17px;line-height:1;cursor:pointer}
.search-result-count{flex:0 0 auto;white-space:nowrap;background:#edf3f9;color:#173f7a;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900}
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row,body[data-role="admin"] .inventory-list-shell .admin-item-list-head,body[data-role="admin"] .inventory-list-shell .admin-item-list-row{grid-template-columns:minmax(165px,1.2fr) minmax(150px,1fr) 120px minmax(190px,1.05fr) 110px 135px;gap:12px}
body[data-role="admin"] .admin-item-bins>div{max-height:104px;overflow:auto}
body[data-role="admin"] .admin-item-bins span{padding:6px 8px}
body[data-role="admin"] .admin-item-bins span small{font-size:7.5px}
body[data-role="admin"] .admin-master-list-head,body[data-role="admin"] .admin-master-open{grid-template-columns:minmax(190px,1.2fr) minmax(150px,1fr) 125px minmax(190px,1.15fr) 105px 28px;gap:10px}
body[data-role="admin"] .admin-master-list-row{grid-template-columns:1fr;display:grid;gap:8px;padding:12px 15px}
body[data-role="admin"] .admin-master-open{display:grid;grid-column:1/-1;width:100%;padding:0}
body[data-role="admin"] .admin-master-actions{grid-column:1/-1;padding-top:8px}
.dashboard-live-search.operator-live-search{display:flex;align-items:center;gap:9px;margin:0 0 13px;padding:5px 7px 5px 12px;background:#fff;border:1px solid #cfd9e5;border-radius:12px;box-shadow:0 3px 12px rgba(17,43,78,.05)}
.operator-live-search>span{font-size:19px;color:#173f7a;font-weight:900}.operator-live-search input{height:39px;flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.operator-live-search button{border:0;background:#edf3f9;color:#173f7a;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:900}
.operator-item-result{border:1px solid #e0e7ef;border-radius:12px;background:#fff;margin:8px 0;overflow:hidden}.operator-item-main{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border:0;background:#fff;text-align:left;cursor:pointer}.operator-item-main:hover{background:#f8fbff}.operator-item-main b{display:block;color:#173f7a;font-size:12px}.operator-item-main small{display:block;color:#788596;font-size:9px;margin-top:3px}.operator-item-main strong{font-size:16px;color:#17202a;white-space:nowrap}.operator-item-main strong em{font-size:8px;color:#7c8795;font-style:normal}.operator-bin-lines{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;padding:0 10px 10px}.operator-bin-line{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #e2e8ef;border-radius:8px;background:#f9fbfd;text-align:left;cursor:pointer}.operator-bin-line:hover{background:#f0f6fc;border-color:#b9cce0}.operator-bin-line b{display:block;color:#173f7a;font-size:9px}.operator-bin-line small{display:block;color:#7c8795;font-size:7.5px;margin-top:2px}.operator-bin-line strong{white-space:nowrap;font-size:10px;color:#17202a}
.smart-searchbar{display:flex;align-items:center;gap:8px}.smart-searchbar .search-prefix{font-size:19px;color:#173f7a;font-weight:900}.smart-searchbar input{flex:1;min-width:0}.search-result-summary{padding:8px 2px 4px;color:#718096;font-size:9px;font-weight:800}.smart-search-item{border:1px solid #e0e7ef;border-radius:13px;background:#fff;margin:10px 0;overflow:hidden}.smart-search-item-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;border:0;background:#fff;text-align:left;cursor:pointer}.smart-search-item-head:hover{background:#f8fbff}.smart-search-item-head b{display:block;color:#173f7a;font-size:12px}.smart-search-item-head small{display:block;color:#788596;font-size:9px;margin-top:3px}.smart-search-total{text-align:right;white-space:nowrap}.smart-search-total strong{display:block;font-size:17px;color:#17202a}.smart-search-total span{font-size:8px;color:#7c8795}.smart-search-bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px;padding:0 12px 12px}.smart-search-bin{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid #e3e9ef;border-radius:8px;background:#f9fbfd;text-align:left;cursor:pointer}.smart-search-bin:hover{background:#eef5fc;border-color:#b9cce0}.smart-search-bin b{display:block;font-size:9px;color:#173f7a}.smart-search-bin small{display:block;font-size:7.5px;color:#7c8795;margin-top:2px}.smart-search-bin strong{font-size:10px;white-space:nowrap;color:#17202a}
/* Fix modal editing/add-bin actions and keep forms readable */
.item-master-modal-shell{width:min(820px,calc(100vw - 28px));max-height:92vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:18px}.item-master-modal-body{overflow:auto;padding:18px}.item-master-modal-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5eaf0;padding-top:12px;margin-top:14px}.item-master-modal-shell .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-master-modal-shell .field input,.item-master-modal-shell .field select{height:42px}.live-match-list{position:relative;z-index:20;display:grid;gap:4px;margin-top:5px}.live-match{border:1px solid #dfe6ee;background:#fff;border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer}.live-match:hover{background:#f2f7fc}.live-match b{display:block;color:#173f7a;font-size:10px}.live-match span{display:block;color:#7b8796;font-size:8px;margin-top:2px}.live-match-empty{padding:8px;color:#7b8796;font-size:9px;background:#f8fafc;border-radius:8px}
@media(max-width:820px){.professional-search-row{padding:11px 12px}.search-result-count{align-self:stretch;display:grid;place-items:center}.admin-live-search-row{padding:10px 12px}.operator-bin-lines,.smart-search-bins{grid-template-columns:1fr}.item-master-modal-shell .form-grid{grid-template-columns:1fr}.operator-item-main{align-items:flex-start}.operator-item-main strong{font-size:14px}}
@media(max-width:560px){.professional-search-row{display:grid;grid-template-columns:1fr}.professional-search input{font-size:11px}.smart-search-item-head{align-items:flex-start}.smart-search-total strong{font-size:15px}.smart-search-bins{padding:0 9px 9px}.operator-item-main{padding:11px}.operator-bin-lines{padding:0 8px 8px}.operator-bin-line{padding:8px}.item-master-modal-shell{width:calc(100vw - 14px);max-height:94vh;border-radius:14px}.item-master-modal-body{padding:12px}.item-master-modal-actions{flex-direction:column}.item-master-modal-actions .btn{width:100%}}


/* V20 FINAL — search, list density and interaction polish */
.master-search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;background:#fbfcfe;border-bottom:1px solid #e5eaf0}
.master-search-control{min-width:0;display:flex;align-items:center;gap:10px;height:46px;padding:0 7px 0 13px;background:#fff;border:1px solid #ccd7e4;border-radius:12px;box-shadow:0 4px 14px rgba(19,49,84,.05);transition:border-color .15s,box-shadow .15s}
.master-search-control:focus-within{border-color:#7da2cf;box-shadow:0 0 0 3px rgba(23,63,122,.08)}
.master-search-control .search-icon{font-size:20px;color:#526b88;font-weight:900;line-height:1}
.master-search-control input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:42px;font-size:12px;font-weight:650;color:#182a3f}
.master-search-control input::placeholder{color:#97a2b1;font-weight:550}
.master-search-control button{width:32px;height:32px;border:0;border-radius:8px;background:#f0f4f8;color:#53657a;font-size:18px;cursor:pointer;display:grid;place-items:center}
.master-search-control button:hover{background:#e6edf5;color:#173f7a}
.master-search-meta{display:flex;align-items:center;gap:8px;white-space:nowrap}
.master-search-meta span{font-size:8px;font-weight:950;letter-spacing:.08em;color:#738196;background:#eef3f8;border-radius:999px;padding:7px 9px}
.master-search-meta b{font-size:10px;color:#173f7a}

/* Keep the bin distribution compact so specification, stock and actions have room. */
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,
body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row,
body[data-role="admin"] .inventory-list-shell .admin-item-list-head,
body[data-role="admin"] .inventory-list-shell .admin-item-list-row{
  grid-template-columns:minmax(170px,1.25fr) minmax(165px,1.2fr) 120px minmax(190px,1.25fr) 108px 132px;
  gap:11px;
}
body[data-role="admin"] .admin-item-bins>div{max-height:112px;overflow:auto;padding-right:3px}
body[data-role="admin"] .admin-item-bins span{padding:6px 8px}
body[data-role="admin"] .admin-item-bins span b{font-size:9px}
body[data-role="admin"] .admin-item-bins span small{font-size:7.5px}
body[data-role="admin"] .admin-item-list-row{min-height:82px}
body[data-role="admin"] .admin-master-list-head,
body[data-role="admin"] .admin-master-open{grid-template-columns:minmax(190px,1.25fr) minmax(150px,1.15fr) 125px minmax(190px,1.25fr) 108px 28px;gap:11px}
body[data-role="admin"] .admin-master-bins{max-width:100%;max-height:72px;overflow:auto;align-content:start}
body[data-role="admin"] .master-bin-chip{min-width:88px;padding:5px 7px}

/* All search windows share one professional control language. */
.smart-searchbar,.professional-search{min-height:46px!important;border:1px solid #ccd7e4!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(19,49,84,.05)!important;background:#fff!important}
.smart-searchbar:focus-within,.professional-search:focus-within{border-color:#7da2cf!important;box-shadow:0 0 0 3px rgba(23,63,122,.08)!important}
.smart-searchbar input,.professional-search input{font-size:12px!important;font-weight:650!important}
.search-result-summary,.search-result-count{font-size:9px!important;font-weight:800!important;color:#6e7d90!important}

/* Find Material: compact location, larger usable item/specification areas. */
.smart-search-item{border:1px solid #e0e6ee!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}
.smart-search-item-head{padding:14px 16px!important}
.smart-search-bins{padding:8px 12px 12px!important;background:#f8fafc!important}
.smart-search-bin{grid-template-columns:minmax(0,1fr) 100px!important;padding:8px 10px!important}
.smart-search-bin span small{font-size:8px!important}
.smart-search-bin strong{font-size:11px!important}

/* Operator uses the same search proportions and interaction language as Admin. */
body[data-role="operator"] .operator-live-search{min-height:46px;border:1px solid #ccd7e4;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(19,49,84,.05);padding:5px 7px 5px 12px}
body[data-role="operator"] .operator-live-search:focus-within{border-color:#7da2cf;box-shadow:0 0 0 3px rgba(23,63,122,.08)}
body[data-role="operator"] .operator-live-search input{height:36px;font-size:12px;font-weight:650}
body[data-role="operator"] .operator-bin-lines{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px}

/* Add Bin Stock modal: make the primary action unmistakable and keep search usable. */
#addBinStockForm .live-match-list{position:relative;z-index:5;max-height:190px;overflow:auto;border-radius:0 0 10px 10px}
#addBinStockForm .field:has(#addBinItemSearch){position:relative}
#addBinStockForm button[type="submit"]{min-width:170px;font-weight:900}
#addBinStockForm .modal-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid #e3e8ef;z-index:6}

@media(max-width:1150px){
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-head,
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-head,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row{grid-template-columns:minmax(155px,1.2fr) minmax(145px,1.15fr) 110px minmax(165px,1.15fr) 100px 118px;gap:8px}
 body[data-role="admin"] .admin-master-list-head,
 body[data-role="admin"] .admin-master-open{grid-template-columns:minmax(170px,1.2fr) minmax(140px,1.1fr) 110px minmax(165px,1.15fr) 95px 24px;gap:8px}
}
@media(max-width:820px){
 .master-search-toolbar{grid-template-columns:1fr;gap:8px}
 .master-search-meta{justify-content:space-between}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-main,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>.admin-item-main{grid-column:1!important}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-total,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>.admin-item-total{grid-column:2!important;grid-row:1 / span 2!important}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-spec,
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>.admin-item-bins,
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>span:nth-last-child(2),
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>.admin-item-spec,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>.admin-item-bins,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>span:nth-last-child(2){grid-column:1/-1!important}
 body[data-role="admin"] .dashboard-admin-snapshot .admin-item-list-row>span:last-child,
 body[data-role="admin"] .inventory-list-shell .admin-item-list-row>span:last-child{grid-column:1/-1!important}
 body[data-role="admin"] .admin-item-bins>div{max-height:none;overflow:visible}
 body[data-role="admin"] .admin-master-list-row{grid-template-columns:1fr!important}
 body[data-role="admin"] .admin-master-open{grid-template-columns:1fr auto!important}
}
@media(max-width:560px){
 .master-search-control{height:44px}
 .master-search-control input{font-size:11px!important}
 .smart-search-bin{grid-template-columns:minmax(0,1fr) auto!important}
}

/* V21 visual rebuild: item-first lists, clean search, responsive layouts */
.item-list-shell{width:100%;border:1px solid #dfe6ee;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(20,39,64,.035)}
.item-list-head,.item-list-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(180px,1fr) minmax(125px,.8fr) minmax(260px,1.65fr) minmax(120px,.7fr);gap:16px;align-items:center}
.item-list-head{padding:12px 18px;background:#f7f9fc;border-bottom:1px solid #e2e8f0;color:#738196;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.item-list-body{display:flex;flex-direction:column}
.item-list-row{position:relative;padding:0 18px;border:0;border-bottom:1px solid #edf1f5;background:#fff;min-width:0;transition:background .16s ease}
.item-list-row:last-child{border-bottom:0}.item-list-row:hover{background:#fbfdff}
.item-list-main{width:100%;border:0;background:transparent;text-align:left;display:contents;cursor:pointer;color:inherit}
.item-code-block,.item-spec-block,.item-total-block,.item-bin-block,.item-status-block{min-width:0}
.item-code-block,.item-spec-block,.item-total-block{display:flex;flex-direction:column;gap:4px;padding:17px 0}
.item-code-block b{font-size:12px;color:#123d78;overflow-wrap:anywhere}.item-code-block small,.item-spec-block small,.item-total-block small{font-size:9px;color:#7a8796;line-height:1.35}.item-spec-block b{font-size:11px;color:#24374b}.item-total-block b{font-size:16px;color:#1f3044}.item-total-block em{font-size:9px;font-style:normal;color:#7a8796;font-weight:800}.item-bin-block{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;max-height:104px;overflow:auto}.item-bin-entry{min-width:145px;max-width:100%;border:1px solid #dfe7ef;background:#f9fbfd;border-radius:9px;padding:8px 9px;text-align:left;display:flex;justify-content:space-between;gap:8px;align-items:center;cursor:pointer;color:inherit}.item-bin-entry:hover{border-color:#9eb7d2;background:#f4f8fc}.item-bin-entry span{display:flex;flex-direction:column;min-width:0}.item-bin-entry b{font-size:9px;color:#173f7a}.item-bin-entry small{font-size:7px;color:#7a8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-bin-entry strong{font-size:9px;white-space:nowrap;color:#25384d}.item-bin-entry em{font-style:normal;color:#7a8796;font-size:7px}.item-status-block{display:flex;justify-content:flex-start}.item-action-block{display:flex;justify-content:flex-end}.dashboard-item-list-shell{border-radius:0 0 14px 14px;border-top:0}.role-item-snapshot .panel-head{margin-bottom:0}.role-item-search{padding:0 16px 14px;background:#fff}.role-item-list-shell{border-radius:12px}.professional-live-search{box-shadow:0 4px 14px rgba(20,39,64,.05);border-color:#d8e1eb!important;background:#fff!important}.role-search-header{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(320px,1.35fr);gap:18px;align-items:center;padding:16px;border-bottom:1px solid #e5ebf1}.role-search-header>div:first-child{display:grid;gap:3px}.role-search-header>div:first-child b{font-size:14px;color:#173f7a}.role-search-header>div:first-child small{font-size:9px;color:#7b8795;line-height:1.4}.find-material-list-shell{border:0;border-radius:0;box-shadow:none}.find-material-list-shell .item-list-head{border-radius:0}.report-filter-card{min-width:0}.professional-report-dates{align-items:end}.professional-report-dates .report-date small{font-size:8px;color:#8a95a3;font-weight:600}.date-arrow{height:37px;display:flex;align-items:center;justify-content:center;color:#173f7a;font-weight:900;font-size:15px}.report-filter-head>div{display:grid;gap:2px}.report-filter-head>div small{font-size:8px;color:#7a8796}.report-filter-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.report-filter-actions .btn{min-height:40px}.admin-live-search-row{align-items:center}.admin-live-search-row .live-search-box{flex:1}.operator-home-stats{margin-bottom:18px}
@media(max-width:1100px){.item-list-head,.item-list-row{grid-template-columns:minmax(165px,1.15fr) minmax(150px,1fr) 115px minmax(210px,1.45fr) 105px;gap:10px}.item-list-head{padding:11px 12px}.item-list-row{padding:0 12px}.item-bin-entry{min-width:130px}.role-search-header{grid-template-columns:1fr}.report-filter-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.item-list-head{display:none}.item-list-row{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:13px 12px}.item-list-main{display:contents}.item-code-block,.item-spec-block,.item-total-block{padding:0}.item-code-block{grid-column:1}.item-total-block{grid-column:2;grid-row:1 / span 2;align-items:flex-end;text-align:right}.item-spec-block{grid-column:1/-1;padding-top:5px;padding-bottom:8px}.item-bin-block{grid-column:1/-1;padding:0 0 8px;max-height:160px}.item-status-block{grid-column:1/-1;padding:2px 0 0}.item-bin-entry{flex:1 1 150px;min-width:0}.item-action-block{grid-column:1/-1;padding-top:8px}.item-action-block .btn{width:100%}.role-search-header{padding:13px}.role-item-search{padding:0 12px 12px}.report-filter-card{padding:13px!important}.professional-report-dates{grid-template-columns:1fr!important;gap:9px!important}.date-arrow{display:none}.report-filter-actions{grid-template-columns:1fr 1fr;gap:8px}.report-filter-actions .btn{min-height:42px}.report-date input{height:42px}.admin-live-search-row{flex-direction:column;align-items:stretch}.admin-live-search-row select{width:100%}}
@media(max-width:430px){.item-code-block b{font-size:11px}.item-total-block b{font-size:14px}.item-bin-entry{flex-basis:100%}.report-filter-actions{grid-template-columns:1fr}.role-search-header>div:first-child b{font-size:13px}}
/* V21.1 report period refinement */
.professional-report-dates{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important;gap:10px!important}
.professional-report-dates .report-date{min-width:0}
.professional-report-dates .report-date input{width:100%;min-width:0}
@media(max-width:760px){.professional-report-dates{grid-template-columns:1fr!important;gap:9px!important}.date-arrow{display:none}}

/* V22 — Inventory Snapshot precision layout
   The item list must fit inside the viewport without horizontal clipping.
   No Action column; Item and Bin are the primary clickable elements. */
.dashboard-admin-snapshot .item-list-shell,
.role-item-list-shell,
.find-material-list-shell,
.inventory-list-shell{width:100%;max-width:100%;min-width:0;overflow:hidden}

.dashboard-admin-snapshot .item-list-head,
.dashboard-admin-snapshot .item-list-row,
.role-item-list-shell .item-list-head,
.role-item-list-shell .item-list-row,
.find-material-list-shell .item-list-head,
.find-material-list-shell .item-list-row,
.inventory-list-shell .item-list-head,
.inventory-list-shell .item-list-row{
  grid-template-columns:minmax(145px,1.18fr) minmax(145px,1fr) minmax(105px,.78fr) minmax(190px,1.42fr) minmax(100px,.72fr);
  gap:10px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

.dashboard-admin-snapshot .item-list-head,
.role-item-list-shell .item-list-head,
.find-material-list-shell .item-list-head,
.inventory-list-shell .item-list-head{
  padding:11px 14px;
  font-size:8px;
}

.dashboard-admin-snapshot .item-list-row,
.role-item-list-shell .item-list-row,
.find-material-list-shell .item-list-row,
.inventory-list-shell .item-list-row{
  padding:0 14px;
}

.dashboard-admin-snapshot .item-code-block,
.dashboard-admin-snapshot .item-spec-block,
.dashboard-admin-snapshot .item-total-block,
.dashboard-admin-snapshot .item-bin-block,
.dashboard-admin-snapshot .item-status-block,
.role-item-list-shell .item-code-block,
.role-item-list-shell .item-spec-block,
.role-item-list-shell .item-total-block,
.role-item-list-shell .item-bin-block,
.role-item-list-shell .item-status-block,
.find-material-list-shell .item-code-block,
.find-material-list-shell .item-spec-block,
.find-material-list-shell .item-total-block,
.find-material-list-shell .item-bin-block,
.find-material-list-shell .item-status-block,
.inventory-list-shell .item-code-block,
.inventory-list-shell .item-spec-block,
.inventory-list-shell .item-total-block,
.inventory-list-shell .item-bin-block,
.inventory-list-shell .item-status-block{min-width:0;overflow:hidden}

.dashboard-admin-snapshot .item-code-block b,
.role-item-list-shell .item-code-block b,
.find-material-list-shell .item-code-block b,
.inventory-list-shell .item-code-block b{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.dashboard-admin-snapshot .item-bin-block,
.role-item-list-shell .item-bin-block,
.find-material-list-shell .item-bin-block,
.inventory-list-shell .item-bin-block{
  display:grid;
  grid-template-columns:1fr;
  gap:5px;
  padding:9px 0;
  max-height:112px;
  overflow-y:auto;
  overflow-x:hidden;
}

.dashboard-admin-snapshot .item-bin-entry,
.role-item-list-shell .item-bin-entry,
.find-material-list-shell .item-bin-entry,
.inventory-list-shell .item-bin-entry{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  padding:7px 8px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
}

.dashboard-admin-snapshot .item-bin-entry span,
.role-item-list-shell .item-bin-entry span,
.find-material-list-shell .item-bin-entry span,
.inventory-list-shell .item-bin-entry span{min-width:0;overflow:hidden}

.dashboard-admin-snapshot .item-bin-entry small,
.role-item-list-shell .item-bin-entry small,
.find-material-list-shell .item-bin-entry small,
.inventory-list-shell .item-bin-entry small{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}

.dashboard-admin-snapshot .item-total-block b,
.role-item-list-shell .item-total-block b,
.find-material-list-shell .item-total-block b,
.inventory-list-shell .item-total-block b{white-space:nowrap}

@media(max-width:1100px){
  .dashboard-admin-snapshot .item-list-head,
  .dashboard-admin-snapshot .item-list-row,
  .role-item-list-shell .item-list-head,
  .role-item-list-shell .item-list-row,
  .find-material-list-shell .item-list-head,
  .find-material-list-shell .item-list-row,
  .inventory-list-shell .item-list-head,
  .inventory-list-shell .item-list-row{
    grid-template-columns:minmax(135px,1.15fr) minmax(130px,1fr) minmax(100px,.8fr) minmax(175px,1.35fr) minmax(95px,.7fr);
    gap:8px;
  }
}

@media(max-width:760px){
  .dashboard-admin-snapshot .item-list-head,
  .role-item-list-shell .item-list-head,
  .find-material-list-shell .item-list-head,
  .inventory-list-shell .item-list-head{display:none}
  .dashboard-admin-snapshot .item-list-row,
  .role-item-list-shell .item-list-row,
  .find-material-list-shell .item-list-row,
  .inventory-list-shell .item-list-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:0 10px;
    padding:13px 12px;
  }
  .dashboard-admin-snapshot .item-code-block,
  .role-item-list-shell .item-code-block,
  .find-material-list-shell .item-code-block,
  .inventory-list-shell .item-code-block{grid-column:1;grid-row:1}
  .dashboard-admin-snapshot .item-total-block,
  .role-item-list-shell .item-total-block,
  .find-material-list-shell .item-total-block,
  .inventory-list-shell .item-total-block{grid-column:2;grid-row:1 / span 2;text-align:right;align-items:flex-end}
  .dashboard-admin-snapshot .item-spec-block,
  .role-item-list-shell .item-spec-block,
  .find-material-list-shell .item-spec-block,
  .inventory-list-shell .item-spec-block{grid-column:1/-1;grid-row:2;padding:4px 0 8px}
  .dashboard-admin-snapshot .item-bin-block,
  .role-item-list-shell .item-bin-block,
  .find-material-list-shell .item-bin-block,
  .inventory-list-shell .item-bin-block{grid-column:1/-1;grid-row:3;max-height:none;padding:0 0 7px}
  .dashboard-admin-snapshot .item-status-block,
  .role-item-list-shell .item-status-block,
  .find-material-list-shell .item-status-block,
  .inventory-list-shell .item-status-block{grid-column:1/-1;grid-row:4;padding-top:2px}
}

/* V22.1 — hard fit for compact desktop/tablet widths.
   Prevents the Status column from being pushed outside the panel. */
@media (min-width:761px) and (max-width:1000px){
  .dashboard-admin-snapshot .item-list-head,
  .dashboard-admin-snapshot .item-list-row,
  .role-item-list-shell .item-list-head,
  .role-item-list-shell .item-list-row,
  .find-material-list-shell .item-list-head,
  .find-material-list-shell .item-list-row,
  .inventory-list-shell .item-list-head,
  .inventory-list-shell .item-list-row{
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) 102px minmax(0,1.18fr) 90px;
    gap:8px;
  }
  .dashboard-admin-snapshot .item-list-head,
  .role-item-list-shell .item-list-head,
  .find-material-list-shell .item-list-head,
  .inventory-list-shell .item-list-head{padding-left:12px;padding-right:12px}
  .dashboard-admin-snapshot .item-list-row,
  .role-item-list-shell .item-list-row,
  .find-material-list-shell .item-list-row,
  .inventory-list-shell .item-list-row{padding-left:12px;padding-right:12px}
  .dashboard-admin-snapshot .item-bin-entry,
  .role-item-list-shell .item-bin-entry,
  .find-material-list-shell .item-bin-entry,
  .inventory-list-shell .item-bin-entry{padding:6px 7px;gap:5px}
  .dashboard-admin-snapshot .item-bin-entry b,
  .role-item-list-shell .item-bin-entry b,
  .find-material-list-shell .item-bin-entry b,
  .inventory-list-shell .item-bin-entry b{font-size:8px}
  .dashboard-admin-snapshot .item-bin-entry small,
  .role-item-list-shell .item-bin-entry small,
  .find-material-list-shell .item-bin-entry small,
  .inventory-list-shell .item-bin-entry small{font-size:6.5px}
  .dashboard-admin-snapshot .item-bin-entry strong,
  .role-item-list-shell .item-bin-entry strong,
  .find-material-list-shell .item-bin-entry strong,
  .inventory-list-shell .item-bin-entry strong{font-size:8px}
  .dashboard-admin-snapshot .item-status-block,
  .role-item-list-shell .item-status-block,
  .find-material-list-shell .item-status-block,
  .inventory-list-shell .item-status-block{min-width:0;overflow:visible;white-space:nowrap}
  .dashboard-admin-snapshot .item-status-block .badge,
  .role-item-list-shell .item-status-block .badge,
  .find-material-list-shell .item-status-block .badge,
  .inventory-list-shell .item-status-block .badge{font-size:7px;padding:5px 6px;white-space:nowrap}
}

/* V23 CRUD polish: Bin Master management controls */
body[data-role="admin"] .bin-master-list-shell{overflow:hidden}
body[data-role="admin"] .bin-master-head,
body[data-role="admin"] .bin-master-item-row{grid-template-columns:minmax(190px,1.15fr) minmax(150px,1fr) 125px minmax(300px,1.8fr) 110px 190px;gap:12px;align-items:center}
body[data-role="admin"] .bin-master-item-row{display:grid;padding:14px 16px;border-bottom:1px solid #e7edf4;background:#fff}
body[data-role="admin"] .bin-master-item-row:hover{background:#fbfcfe}
body[data-role="admin"] .bin-master-distribution{display:flex;flex-direction:column;gap:7px;min-width:0}
body[data-role="admin"] .bin-master-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:0!important;background:#f8fafc!important;border:1px solid #e4eaf2!important;border-radius:10px!important;min-width:0}
body[data-role="admin"] .bin-master-info{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:0;background:transparent;padding:9px 10px;text-align:left;cursor:pointer;color:inherit}
body[data-role="admin"] .bin-master-info span{min-width:0;display:flex;flex-direction:column}
body[data-role="admin"] .bin-master-info b{font-size:11px;color:#173f7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-info small{font-size:9px;color:#718096;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-info strong{font-size:11px;white-space:nowrap;color:#18212d}
body[data-role="admin"] .bin-master-actions{display:flex;gap:5px;padding-right:7px}
body[data-role="admin"] .icon-action{width:30px;height:30px;border:1px solid #dbe3ec;background:#fff;border-radius:8px;color:#173f7a;font-weight:900;cursor:pointer;display:grid;place-items:center}
body[data-role="admin"] .icon-action:hover{background:#eef4fb}
body[data-role="admin"] .icon-action.danger{color:#c23b3b;border-color:#f1d4d4}
body[data-role="admin"] .icon-action.danger:hover{background:#fff1f1}
body[data-role="admin"] .bin-master-manage{display:flex;flex-direction:column;gap:7px;align-items:stretch}
body[data-role="admin"] .bin-master-manage .btn{width:100%;justify-content:center;white-space:nowrap}
body[data-role="admin"] .compact-empty{padding:12px}
@media(max-width:1150px){body[data-role="admin"] .bin-master-head,body[data-role="admin"] .bin-master-item-row{grid-template-columns:minmax(175px,1.1fr) minmax(130px,1fr) 115px minmax(250px,1.7fr) 100px 170px;gap:9px}}
@media(max-width:900px){body[data-role="admin"] .bin-master-head{display:none}body[data-role="admin"] .bin-master-item-row{grid-template-columns:1fr auto;gap:10px;padding:13px 12px}body[data-role="admin"] .bin-master-item-row .item-list-main{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 120px;gap:10px;width:100%}body[data-role="admin"] .bin-master-item-row .item-bin-block{grid-column:1/-1}body[data-role="admin"] .bin-master-item-row .item-status-block{grid-column:1}body[data-role="admin"] .bin-master-manage{grid-column:2;align-items:flex-end;min-width:150px}body[data-role="admin"] .bin-master-manage .btn{width:auto}}
@media(max-width:640px){body[data-role="admin"] .bin-master-item-row{grid-template-columns:1fr;gap:9px}body[data-role="admin"] .bin-master-item-row .item-list-main{grid-column:1;grid-template-columns:1fr;gap:7px}body[data-role="admin"] .bin-master-item-row .item-bin-block,body[data-role="admin"] .bin-master-item-row .item-status-block,body[data-role="admin"] .bin-master-manage{grid-column:1}body[data-role="admin"] .bin-master-manage{display:grid;grid-template-columns:1fr 1fr;min-width:0;align-items:stretch}body[data-role="admin"] .bin-master-manage .btn{width:100%}body[data-role="admin"] .bin-master-info{padding:10px 9px}body[data-role="admin"] .bin-master-actions{padding-right:6px}}

/* V24 — Bin Master uses the exact Item Master modal language and geometry */
body[data-role="admin"] .bin-master-modal-shell{width:min(820px,calc(100vw - 28px));max-height:92vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
body[data-role="admin"] .bin-master-modal-shell .item-master-modal-body{overflow:auto;padding:18px}
body[data-role="admin"] .bin-master-modal-shell .item-master-modal-actions{position:sticky;bottom:0;z-index:2;background:#fff;border-top:1px solid #e5eaf0;padding:12px 18px;margin:0;display:flex;justify-content:flex-end;gap:10px}
.delete-confirm-panel{padding:8px 2px 2px}.delete-confirm-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff0f0;color:#c62828;font-weight:800;font-size:22px;margin-bottom:12px}.delete-confirm-panel h3{margin:0 0 7px;font-size:20px;color:#15263d}.delete-confirm-panel p{margin:0 0 16px;color:#6f7e91;line-height:1.5}.delete-confirm-grid{display:grid;grid-template-columns:130px 1fr;gap:10px 16px;padding:14px;border:1px solid #e5eaf0;border-radius:12px;background:#f8fafc}.delete-confirm-grid span{font-size:11px;color:#7c8b9d;text-transform:uppercase;letter-spacing:.08em}.delete-confirm-grid b{font-size:13px;color:#18385f}.delete-warning,.delete-safe{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:12px;font-weight:600}.delete-warning{background:#fff4e8;color:#a85b00;border:1px solid #ffd9a8}.delete-safe{background:#edf9f1;color:#17733d;border:1px solid #bfe8cd}
@media(max-width:560px){body[data-role="admin"] .bin-master-modal-shell{width:calc(100vw - 14px);max-height:94vh;border-radius:14px}.delete-confirm-grid{grid-template-columns:1fr;gap:4px}.delete-confirm-grid span{margin-top:8px}.delete-confirm-grid span:first-child{margin-top:0}body[data-role="admin"] .bin-master-modal-shell .item-master-modal-actions{flex-direction:column;padding:10px 12px}.bin-master-modal-actions .btn{width:100%}}

/* V25 Bin Master — match Item Master catalogue alignment and responsive behavior */
body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-head,
body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-row{grid-template-columns:minmax(190px,1.15fr) minmax(155px,1fr) 130px minmax(300px,1.8fr) 115px 145px;gap:12px;align-items:center}
body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-head{padding:11px 16px;background:#f7f9fc;border-bottom:1px solid #e1e7ef;color:#718096;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-row{padding:14px 16px;border-bottom:1px solid #edf1f5;background:#fff}
body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-row:hover{background:#f9fbfe}
body[data-role="admin"] .bin-master-aligned-shell .admin-master-actions{display:flex;align-items:center;justify-content:flex-end}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:0;overflow:hidden;cursor:default}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-main{display:grid;gap:2px;padding:8px 9px;cursor:pointer;min-width:0}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-main:hover{background:#f1f6fb}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-main b{font-size:9px;color:#173f7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-main small{font-size:7px;color:#7a8796;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-main strong{font-size:9px;color:#25384d}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-actions{display:flex;gap:4px;padding:4px 5px 4px 0}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-actions button{width:25px;height:25px;border:1px solid #dce4ec;background:#fff;border-radius:7px;color:#173f7a;font-weight:900;cursor:pointer}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-actions button:hover{background:#eef4fb}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-actions button:last-child{color:#b93636;border-color:#f1d2d2}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-row-actions .btn{width:100%;justify-content:center;white-space:nowrap}
@media(max-width:1150px){body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-head,body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-row{grid-template-columns:minmax(165px,1.1fr) minmax(135px,1fr) 120px minmax(250px,1.7fr) 105px 125px;gap:9px}}
@media(max-width:900px){body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-head{display:none}body[data-role="admin"] .bin-master-aligned-shell .admin-master-list-row{grid-template-columns:1fr;gap:10px;padding:14px}body[data-role="admin"] .bin-master-aligned-shell .admin-master-open{display:grid;grid-template-columns:1.1fr 1fr 130px;gap:10px;width:100%}body[data-role="admin"] .bin-master-aligned-shell .admin-master-bins{grid-column:1/-1}body[data-role="admin"] .bin-master-aligned-shell .admin-master-actions{grid-column:1/-1;justify-content:stretch}body[data-role="admin"] .bin-master-aligned-shell .bin-master-row-actions{display:grid;grid-template-columns:1fr}body[data-role="admin"] .bin-master-aligned-shell .bin-master-row-actions .btn{width:100%}}
@media(max-width:640px){body[data-role="admin"] .bin-master-aligned-shell .admin-master-open{grid-template-columns:1fr;gap:7px}body[data-role="admin"] .bin-master-aligned-shell .admin-master-bins{display:grid;grid-template-columns:1fr;gap:6px}body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-action{min-width:0}body[data-role="admin"] .bin-master-aligned-shell .bin-master-chip-actions button{width:32px;height:32px}}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-aligned-row{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(155px,1fr) 130px minmax(300px,1.8fr) 115px 145px;gap:12px;align-items:center}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-open-panel{grid-column:1/6;display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(155px,1fr) 130px minmax(300px,1.8fr) 115px;gap:12px;align-items:center;min-width:0}
body[data-role="admin"] .bin-master-aligned-shell .bin-master-row-actions{grid-column:6;display:flex;justify-content:flex-end}
@media(max-width:1150px){body[data-role="admin"] .bin-master-aligned-shell .bin-master-aligned-row{grid-template-columns:minmax(165px,1.1fr) minmax(135px,1fr) 120px minmax(250px,1.7fr) 105px 125px}body[data-role="admin"] .bin-master-aligned-shell .bin-master-open-panel{grid-template-columns:minmax(165px,1.1fr) minmax(135px,1fr) 120px minmax(250px,1.7fr) 105px}}
@media(max-width:900px){body[data-role="admin"] .bin-master-aligned-shell .bin-master-aligned-row{grid-template-columns:1fr;gap:10px;padding:14px}body[data-role="admin"] .bin-master-aligned-shell .bin-master-open-panel{grid-column:1;grid-template-columns:1.1fr 1fr 130px;gap:10px}body[data-role="admin"] .bin-master-aligned-shell .bin-master-open-panel .admin-master-bins{grid-column:1/-1}body[data-role="admin"] .bin-master-aligned-shell .bin-master-open-panel .bin-master-status{grid-column:1}body[data-role="admin"] .bin-master-aligned-shell .bin-master-row-actions{grid-column:1;display:grid;grid-template-columns:1fr}.bin-master-aligned-shell .bin-master-row-actions .btn{width:100%;justify-content:center}}
@media(max-width:640px){body[data-role="admin"] .bin-master-aligned-shell .bin-master-open-panel{grid-template-columns:1fr;gap:8px}body[data-role="admin"] .bin-master-aligned-shell .bin-master-open-panel .admin-master-bins,body[data-role="admin"] .bin-master-aligned-shell .bin-master-open-panel .bin-master-status{grid-column:1}.bin-master-aligned-shell .bin-master-open-panel .admin-master-bins{display:grid;grid-template-columns:1fr;gap:6px}}

/* V26 — Bin Master mirrors Item Master list geometry, one physical bin per row */
body[data-role="admin"] .bin-master-itemstyle-shell{width:100%;overflow:hidden;border:1px solid #e3e9f0;border-radius:12px;background:#fff}
body[data-role="admin"] .bin-master-itemstyle-head,
body[data-role="admin"] .bin-master-itemstyle-row{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(150px,1fr) minmax(165px,1.05fr) 125px 125px minmax(245px,1.55fr);gap:12px;align-items:center}
body[data-role="admin"] .bin-master-itemstyle-head{padding:10px 16px;background:#f7f9fc;border-bottom:1px solid #e1e7ef;color:#718096;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
body[data-role="admin"] .bin-master-itemstyle-row{padding:12px 16px;border-bottom:1px solid #edf1f5;background:#fff}
body[data-role="admin"] .bin-master-itemstyle-row:last-child{border-bottom:0}
body[data-role="admin"] .bin-master-itemstyle-row:hover{background:#fbfcfe}
body[data-role="admin"] .bin-master-itemstyle-main{display:contents}
body[data-role="admin"] .bin-master-itemstyle-open{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;min-width:0}
body[data-role="admin"] .bin-master-itemstyle-code{display:grid;gap:4px;min-width:0}
body[data-role="admin"] .bin-master-itemstyle-code b{font-size:13px;color:#173f7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-itemstyle-code small{font-size:9px;color:#8793a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-itemstyle-spec{display:grid;gap:4px;min-width:0}
body[data-role="admin"] .bin-master-itemstyle-spec b{font-size:11px;color:#24364b}
body[data-role="admin"] .bin-master-itemstyle-spec small{font-size:9px;color:#8793a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-location-card{display:grid;gap:3px;width:100%;border:1px solid #dfe7ef;background:#f9fbfd;border-radius:8px;padding:8px 9px;text-align:left;cursor:pointer;min-width:0}
body[data-role="admin"] .bin-master-location-card:hover{border-color:#b9cbe0;background:#f3f7fb}
body[data-role="admin"] .bin-master-location-card b{font-size:10px;color:#173f7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-location-card small{font-size:8px;color:#7c8998;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-itemstyle-qty{display:grid;gap:4px;min-width:0}
body[data-role="admin"] .bin-master-itemstyle-qty b{font-size:14px;color:#172d45;white-space:nowrap}
body[data-role="admin"] .bin-master-itemstyle-qty small{font-size:8px;color:#8a96a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-role="admin"] .bin-master-itemstyle-status{display:flex;align-items:center;justify-content:flex-start;min-width:0}
body[data-role="admin"] .bin-master-itemstyle-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:0}
body[data-role="admin"] .bin-master-itemstyle-actions .btn{white-space:nowrap;min-height:34px;padding:0 11px}
@media(max-width:1150px){body[data-role="admin"] .bin-master-itemstyle-head,body[data-role="admin"] .bin-master-itemstyle-row{grid-template-columns:minmax(155px,1.2fr) minmax(125px,1fr) minmax(150px,1fr) 110px 110px minmax(220px,1.45fr);gap:9px;padding-left:12px;padding-right:12px}}
@media(max-width:900px){body[data-role="admin"] .bin-master-itemstyle-head{display:none}body[data-role="admin"] .bin-master-itemstyle-row{display:block;padding:14px}.bin-master-itemstyle-main{display:grid!important;grid-template-columns:1.15fr 1fr;gap:10px}.bin-master-itemstyle-actions{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,1fr);justify-content:stretch;margin-top:2px}.bin-master-itemstyle-actions .btn{width:100%}.bin-master-itemstyle-status{align-items:flex-start!important}.bin-master-itemstyle-qty{align-items:flex-start}}
@media(max-width:560px){.bin-master-itemstyle-main{grid-template-columns:1fr!important;gap:8px}.bin-master-itemstyle-actions{grid-template-columns:1fr!important}.bin-master-itemstyle-code b{font-size:14px}.bin-master-location-card{min-height:50px}.bin-master-itemstyle-qty{display:flex!important;align-items:baseline!important;gap:8px}.bin-master-itemstyle-qty small{font-size:9px}.bin-master-itemstyle-status{margin-top:1px}}

/* V26.1 — exact Item Master-style Bin Master: five data columns + action strip */
body[data-role="admin"] .bin-master-itemstyle-head,
body[data-role="admin"] .bin-master-itemstyle-row{grid-template-columns:minmax(190px,1.25fr) minmax(155px,1fr) minmax(180px,1.15fr) 135px 135px;gap:12px;align-items:center}
body[data-role="admin"] .bin-master-itemstyle-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;padding-top:10px;margin-top:10px;border-top:1px dashed #e5eaf0}
body[data-role="admin"] .bin-master-itemstyle-actions .btn{min-width:96px;justify-content:center}
@media(max-width:1150px){body[data-role="admin"] .bin-master-itemstyle-head,body[data-role="admin"] .bin-master-itemstyle-row{grid-template-columns:minmax(165px,1.2fr) minmax(135px,1fr) minmax(160px,1.05fr) 120px 120px;gap:9px}}
@media(max-width:900px){body[data-role="admin"] .bin-master-itemstyle-head{display:none}body[data-role="admin"] .bin-master-itemstyle-row{display:grid;grid-template-columns:1.2fr 1fr!important;gap:10px;padding:14px}.bin-master-itemstyle-actions{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,1fr);margin-top:3px}.bin-master-itemstyle-status{justify-content:flex-start!important}}
@media(max-width:560px){body[data-role="admin"] .bin-master-itemstyle-row{grid-template-columns:1fr!important}.bin-master-itemstyle-actions{grid-template-columns:1fr!important}.bin-master-itemstyle-actions .btn{width:100%}}
/* V29 login marketing restoration */
.login-marketing{padding-top:clamp(34px,6vw,78px)}
.login-brand-row{margin-bottom:34px}
.login-marketing .hero-logo{margin-bottom:0}
.login-lead{max-width:650px!important}
.login-promo{margin-top:28px;padding:16px 18px;border-left:3px solid #ff8a3d;background:rgba(255,255,255,.06);border-radius:10px;max-width:610px;display:grid;gap:5px}
.login-promo b{font-size:13px;color:#fff}
.login-promo span{font-size:12px;color:#cbd6e5;line-height:1.55}
.login-mobile-copy{display:none}
.login-heading{margin-bottom:2px}
.login-heading h2{margin-bottom:4px}
.login-mobile-copy h2{font-size:26px;line-height:1.05;margin:10px 0 8px;letter-spacing:-.035em}
.login-mobile-copy h2 span{color:#ff6b16}
.mobile-features{margin-top:15px;margin-bottom:20px}
.mobile-features span{font-size:10px;padding:7px 9px}
@media(max-width:760px){
  .login-mobile-copy{display:block;margin-bottom:26px}
  .login-mobile-copy .eyebrow{font-size:9px}
  .login-mobile-copy .muted{line-height:1.5}
  .login-panel{align-items:start}
  .login-box{padding-top:4px}
  .login-heading{border-top:1px solid var(--line);padding-top:20px}
  .demo{margin-top:20px}
  .login-foot{margin-top:24px}
}

/* V30: Dashboard status popups must show every matching Item with a scrollable list. */
.status-modal-list{max-height:min(68vh,620px);overflow-y:auto;overflow-x:hidden;padding:4px 4px 8px 0;display:grid;gap:8px;overscroll-behavior:contain;scrollbar-gutter:stable;}
.status-modal-list::-webkit-scrollbar{width:9px}.status-modal-list::-webkit-scrollbar-track{background:#f1f4f8;border-radius:10px}.status-modal-list::-webkit-scrollbar-thumb{background:#b8c4d2;border-radius:10px}.status-modal-list::-webkit-scrollbar-thumb:hover{background:#94a4b7}
.bin-location-scroll{max-height:min(62vh,560px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;}
@media(max-width:560px){.status-modal-list{max-height:60vh}.bin-location-scroll{max-height:55vh}}


/* V31 — Dashboard stock popup visual redesign. Database and inventory logic untouched. */
.status-stock-modal-shell{
  width:min(1040px,calc(100vw - 44px));
  max-height:min(88vh,820px);
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border-radius:22px;
  border:1px solid #dce6f1;
  box-shadow:0 35px 110px rgba(10,29,55,.30);
  position:relative;
}
.status-stock-modal-shell:before{content:'';display:block;height:7px;flex:0 0 7px;background:linear-gradient(90deg,var(--orange),#ff8a2a 35%,var(--navy) 72%,#2f67b2);}
.status-stock-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px 18px;border-bottom:1px solid #e6edf5;background:linear-gradient(135deg,#ffffff 0%,#f7faff 100%);}
.status-stock-brand{display:flex;align-items:center;gap:15px;min-width:0;}
.status-stock-logo-wrap{width:72px;height:48px;display:grid;place-items:center;border:1px solid #dce6f1;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(23,63,122,.08);flex:0 0 72px;}
.status-stock-logo-wrap img{width:58px;height:34px;object-fit:contain;}
.status-stock-head h2{margin:4px 0 3px;font-size:22px;color:#173f7a;}
.status-stock-head p{margin:0;color:#718096;font-size:10px;}
.status-stock-close{flex:0 0 38px;width:38px;height:38px;background:#edf3fa;color:#173f7a;font-weight:900;}
.status-stock-summary{margin:16px 24px 8px;padding:11px 14px;border:1px solid #dce7f3;border-radius:11px;background:linear-gradient(90deg,#edf4fb,#fff);display:flex;align-items:center;justify-content:space-between;color:#62748a;font-size:9px;font-weight:950;letter-spacing:.08em;}
.status-stock-summary b{font-size:18px;color:#173f7a;letter-spacing:0;}
.status-stock-modal-shell.low .status-stock-summary{border-color:#f4ddb0;background:linear-gradient(90deg,#fff7e8,#fff);color:#996000;}
.status-stock-modal-shell.low .status-stock-summary b{color:#b36a00;}
.status-stock-modal-shell.out .status-stock-summary{border-color:#f0caca;background:linear-gradient(90deg,#fff1f1,#fff);color:#a93434;}
.status-stock-modal-shell.out .status-stock-summary b{color:#b72f2f;}
.status-stock-modal-shell .status-modal-list{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding:8px 24px 24px;display:grid;gap:10px;overscroll-behavior:contain;scrollbar-gutter:stable;}
.status-stock-modal-shell .status-material{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:18px;align-items:center;padding:15px 16px;border:1px solid #e0e8f1;border-radius:13px;background:#fff;box-shadow:0 5px 15px rgba(18,45,78,.045);}
.status-stock-modal-shell .status-material:hover{border-color:#c4d4e6;background:#fbfdff;box-shadow:0 9px 22px rgba(18,45,78,.08);}
.status-stock-modal-shell .status-material-main{min-width:0;}
.status-stock-modal-shell .status-material-main b{font-size:13px;color:#173f7a;margin-top:4px;display:block;overflow-wrap:anywhere;}
.status-stock-modal-shell .status-material-main small{font-size:9px;color:#7b8795;margin-top:5px;display:block;white-space:normal;line-height:1.45;}
.status-stock-modal-shell .status-material-qty{text-align:right;min-width:0;padding-left:14px;border-left:1px solid #e7edf3;}
.status-stock-modal-shell .status-material-qty strong{font-size:20px;color:#1d2e43;display:block;}
.status-stock-modal-shell .status-material-qty span{font-size:9px;color:#8993a1;display:block;margin-bottom:5px;}
.status-stock-modal-shell .status-material .btn{white-space:nowrap;min-width:118px;justify-content:center;}
.status-stock-modal-shell .empty{padding:50px 20px!important;border:1px dashed #ccd8e5;border-radius:12px;background:#f9fbfd;}
@media(max-width:760px){
 .status-stock-modal-shell{width:calc(100vw - 20px);max-height:92vh;border-radius:18px;}
 .status-stock-head{padding:16px;align-items:flex-start;}
 .status-stock-logo-wrap{width:58px;height:42px;flex-basis:58px;}
 .status-stock-logo-wrap img{width:48px;height:29px;}
 .status-stock-head h2{font-size:18px;}
 .status-stock-summary{margin:12px 16px 6px;}
 .status-stock-modal-shell .status-modal-list{padding:7px 16px 18px;}
 .status-stock-modal-shell .status-material{grid-template-columns:1fr auto;gap:12px;padding:13px;}
 .status-stock-modal-shell .status-material-qty{border-left:0;padding-left:0;text-align:right;}
 .status-stock-modal-shell .status-material .btn{grid-column:1/-1;width:100%;}
}
@media(max-width:430px){
 .status-stock-modal-shell{width:calc(100vw - 12px);max-height:94vh;}
 .status-stock-head{padding:14px 12px;}
 .status-stock-brand{gap:10px;}
 .status-stock-logo-wrap{width:50px;height:38px;flex-basis:50px;}
 .status-stock-logo-wrap img{width:42px;height:25px;}
 .status-stock-head h2{font-size:16px;}
 .status-stock-head p{font-size:9px;}
 .status-stock-summary{margin:10px 12px 5px;}
 .status-stock-modal-shell .status-modal-list{padding:6px 12px 14px;}
 .status-stock-modal-shell .status-material{padding:12px;grid-template-columns:1fr;}
 .status-stock-modal-shell .status-material-qty{text-align:left;}
}

/* V32 — Stock status popup spacing + full stock visibility. Presentation only; database and logic unchanged. */
.status-stock-modal-shell{
  width:min(1080px,calc(100vw - 48px));
  max-height:min(90vh,840px);
}
.status-stock-modal-shell .status-stock-head{
  padding:24px 30px 20px;
}
.status-stock-modal-shell .status-stock-summary{
  margin:18px 30px 10px;
}
.status-stock-modal-shell .status-modal-list{
  padding:10px 30px 30px;
  gap:12px;
  min-width:0;
}
.status-stock-modal-shell .status-material{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr) 165px;
  gap:20px;
  padding:18px 20px;
}
.status-stock-modal-shell .status-material:has(.btn){
  grid-template-columns:minmax(0,1fr) 165px auto;
}
.status-stock-modal-shell .status-material-main,
.status-stock-modal-shell .status-material-qty{min-width:0;}
.status-stock-modal-shell .status-material-qty{box-sizing:border-box;}
.status-stock-modal-shell .status-material-main small{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.status-stock-modal-shell .status-material .badge{
  white-space:nowrap;
}
@media(max-width:760px){
  .status-stock-modal-shell{
    width:calc(100vw - 24px);
    max-height:93vh;
  }
  .status-stock-modal-shell .status-stock-head{padding:18px 20px 16px;}
  .status-stock-modal-shell .status-stock-summary{margin:14px 20px 8px;}
  .status-stock-modal-shell .status-modal-list{padding:8px 20px 22px;gap:10px;}
  .status-stock-modal-shell .status-material{
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px 16px;
    padding:15px 16px;
  }
  .status-stock-modal-shell .status-material:has(.btn){
    grid-template-columns:minmax(0,1fr) auto;
  }
  .status-stock-modal-shell .status-material:has(.btn) .btn{
    grid-column:1/-1;
    width:100%;
  }
}
@media(max-width:430px){
  .status-stock-modal-shell{width:calc(100vw - 16px);max-height:94vh;}
  .status-stock-modal-shell .status-stock-head{padding:16px 16px 14px;}
  .status-stock-modal-shell .status-stock-summary{margin:12px 16px 7px;}
  .status-stock-modal-shell .status-modal-list{padding:7px 16px 18px;}
  .status-stock-modal-shell .status-material,
  .status-stock-modal-shell .status-material:has(.btn){
    grid-template-columns:1fr;
    padding:14px;
  }
  .status-stock-modal-shell .status-material-qty{text-align:left;border-left:0;padding-left:0;}
  .status-stock-modal-shell .status-material:has(.btn) .btn{grid-column:auto;}
}

/* V33 — Stock popup final layout repair. Presentation only; database and inventory logic untouched. */
.software-footer{padding:18px 28px 24px;text-align:center;color:#7b8796;font-size:10px;letter-spacing:.02em;border-top:1px solid #e4eaf1;background:#fff;margin-top:8px}.software-footer strong{color:#173f7a;font-weight:900}
.status-stock-modal-shell{box-sizing:border-box;width:min(1120px,calc(100vw - 40px));height:min(88vh,820px);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;padding:0 0 14px}
.status-stock-head{flex:0 0 auto;padding:24px 30px 20px;margin:0;box-sizing:border-box}
.status-stock-summary{flex:0 0 auto;margin:16px 30px 8px;padding:12px 16px;box-sizing:border-box}
.status-stock-modal-shell .status-modal-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding:10px 30px 20px;box-sizing:border-box;display:grid;grid-auto-rows:max-content;gap:12px;scrollbar-gutter:stable both-edges}
.status-stock-modal-shell .status-material{box-sizing:border-box;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,190px);align-items:center;gap:18px;padding:18px 20px;border:1px solid #dfe7f0;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(18,45,78,.045);overflow:visible}
.status-stock-modal-shell .status-material:has(.status-order-btn){grid-template-columns:minmax(0,1fr) minmax(150px,190px) minmax(125px,145px)}
.status-stock-modal-shell .status-material-main{min-width:0;overflow:visible}
.status-stock-modal-shell .status-material-main>b{display:block;max-width:100%;font-size:14px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;color:#173f7a}
.status-material-spec{margin:5px 0 10px;color:#718096;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.status-bin-list{display:flex;flex-wrap:wrap;gap:7px;max-width:100%}
.status-bin-chip{min-width:155px;max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #e0e7ef;border-radius:9px;background:#f8fafc;text-align:left;color:inherit;cursor:pointer;box-sizing:border-box}
.status-bin-chip:hover{background:#eef5fc;border-color:#b7cbe0}
.status-bin-chip span{min-width:0;display:flex;flex-direction:column}.status-bin-chip b{font-size:9px;color:#173f7a}.status-bin-chip small{font-size:7.5px;color:#7a8796;margin-top:2px;white-space:normal;line-height:1.35}.status-bin-chip strong{font-size:9px;color:#25384d;white-space:nowrap}
.status-no-bin{padding:8px 10px;border-radius:9px;background:#f8fafc;color:#8a95a3;font-size:9px}
.status-stock-modal-shell .status-material-qty{min-width:0;box-sizing:border-box;border-left:1px solid #e5ebf2;padding-left:18px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px}
.status-qty-label{font-size:8px;font-weight:900;letter-spacing:.07em;color:#7a8796}.status-stock-modal-shell .status-material-qty strong{font-size:24px;line-height:1.1;color:#1d2e43;white-space:nowrap}.status-stock-modal-shell .status-material-qty>span:not(.status-qty-label){font-size:8px;color:#8993a1;margin-bottom:4px}.status-stock-modal-shell .status-material-qty .badge{white-space:nowrap}
.status-stock-modal-shell .status-order-btn{width:100%;min-width:0;justify-content:center;white-space:nowrap}
@media(max-width:820px){
 .status-stock-modal-shell{width:calc(100vw - 24px);height:min(91vh,860px);max-height:91vh}
 .status-stock-head{padding:18px 20px 16px}.status-stock-summary{margin:12px 20px 7px}.status-stock-modal-shell .status-modal-list{padding:8px 20px 18px}
 .status-stock-modal-shell .status-material,.status-stock-modal-shell .status-material:has(.status-order-btn){grid-template-columns:minmax(0,1fr) minmax(125px,155px);gap:14px;padding:15px 16px}.status-stock-modal-shell .status-material:has(.status-order-btn) .status-order-btn{grid-column:1/-1;width:100%}
 .status-bin-chip{min-width:140px}
}
@media(max-width:560px){
 .software-footer{padding:15px 12px 20px;font-size:9px}.content{padding-bottom:10px}
 .status-stock-modal-shell{width:calc(100vw - 14px);height:94vh;max-height:94vh;border-radius:16px;padding-bottom:8px}
 .status-stock-head{padding:15px 14px 13px}.status-stock-brand{gap:10px}.status-stock-summary{margin:10px 14px 6px;padding:10px 12px}.status-stock-modal-shell .status-modal-list{padding:7px 14px 14px;gap:9px}
 .status-stock-modal-shell .status-material,.status-stock-modal-shell .status-material:has(.status-order-btn){grid-template-columns:1fr;padding:14px;gap:10px}
 .status-stock-modal-shell .status-material-qty{text-align:left;align-items:flex-start;border-left:0;border-top:1px solid #e8edf3;padding:11px 0 0}.status-stock-modal-shell .status-material-qty strong{font-size:21px}.status-stock-modal-shell .status-order-btn{grid-column:auto!important}
 .status-bin-list{display:grid;grid-template-columns:1fr}.status-bin-chip{width:100%;min-width:0}
}

/* V34 — Popup spacing repair based on supplied visual reference.
   Presentation-only: database and inventory logic are untouched. */
.status-stock-modal-shell.v34-popup,
.status-stock-modal-shell{
  box-sizing:border-box;
  width:min(1120px,calc(100vw - 44px));
  height:min(88vh,840px);
  max-height:88vh;
  padding:0;
  overflow:hidden;
}
.status-stock-modal-shell .status-stock-head{
  padding:26px 34px 22px;
  margin:0;
}
.status-stock-modal-shell .status-stock-summary{
  margin:16px 34px 10px;
}
.status-stock-modal-shell .status-modal-list{
  padding:12px 34px 30px;
  margin:0;
  gap:14px;
  min-width:0;
}
.status-stock-modal-shell .status-material{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:20px 22px;
  border-radius:16px;
}
.status-stock-modal-shell .status-material-main{padding:0;min-width:0;}
.status-stock-modal-shell .status-material-qty{padding-left:22px;}

/* Dedicated inset for the Bin Location / operation popup. */
.bin-operation-modal-v19{
  width:min(960px,calc(100vw - 44px));
  max-height:min(90vh,820px);
  padding:0;
  overflow:hidden;
  box-sizing:border-box;
}
.bin-operation-modal-v19 .material-modal-head{
  padding:24px 30px 20px;
}
.bin-operation-modal-v19 .bin-operation-body{
  padding:22px 30px 26px;
  overflow:auto;
}
.bin-operation-modal-v19 .bin-operation-hero{
  padding:20px;
  border-radius:16px;
}
.bin-operation-modal-v19 .bin-operation-details{
  margin-top:16px;
  gap:10px;
}
.bin-operation-modal-v19 .bin-operation-details>div{
  padding:12px;
}
.bin-operation-modal-v19 .bin-operation-note{
  margin-top:14px;
  padding:12px 14px;
}
.bin-operation-modal-v19 .bin-action-footer-v19{
  padding:13px 30px!important;
  gap:10px;
}

@media(max-width:820px){
  .status-stock-modal-shell{width:calc(100vw - 32px);height:min(91vh,860px);max-height:91vh;}
  .status-stock-modal-shell .status-stock-head{padding:20px 24px 18px;}
  .status-stock-modal-shell .status-stock-summary{margin:14px 24px 9px;}
  .status-stock-modal-shell .status-modal-list{padding:10px 24px 24px;gap:12px;}
  .status-stock-modal-shell .status-material{padding:17px 18px;}
  .bin-operation-modal-v19{width:calc(100vw - 32px);max-height:91vh;}
  .bin-operation-modal-v19 .material-modal-head{padding:20px 24px 17px;}
  .bin-operation-modal-v19 .bin-operation-body{padding:18px 24px 22px;}
  .bin-operation-modal-v19 .bin-action-footer-v19{padding:12px 24px!important;}
}
@media(max-width:560px){
  .status-stock-modal-shell{width:calc(100vw - 24px);height:94vh;max-height:94vh;border-radius:16px;}
  .status-stock-modal-shell .status-stock-head{padding:17px 18px 15px;}
  .status-stock-modal-shell .status-stock-summary{margin:12px 18px 8px;}
  .status-stock-modal-shell .status-modal-list{padding:9px 18px 20px;gap:10px;}
  .status-stock-modal-shell .status-material{padding:15px 16px;}
  .bin-operation-modal-v19{width:calc(100vw - 24px);max-height:94vh;border-radius:16px;}
  .bin-operation-modal-v19 .material-modal-head{padding:16px 18px 14px;}
  .bin-operation-modal-v19 .bin-operation-body{padding:15px 18px 18px;}
  .bin-operation-modal-v19 .bin-operation-hero{padding:15px;}
  .bin-operation-modal-v19 .bin-operation-details{gap:8px;margin-top:12px;}
  .bin-operation-modal-v19 .bin-action-footer-v19{padding:10px 18px!important;gap:8px;}
}
@media(max-width:430px){
  .status-stock-modal-shell{width:calc(100vw - 18px);}
  .status-stock-modal-shell .status-stock-head{padding:15px 15px 13px;}
  .status-stock-modal-shell .status-stock-summary{margin:10px 15px 7px;}
  .status-stock-modal-shell .status-modal-list{padding:8px 15px 17px;}
  .status-stock-modal-shell .status-material{padding:14px;}
  .bin-operation-modal-v19{width:calc(100vw - 18px);}
  .bin-operation-modal-v19 .material-modal-head{padding:15px 15px 12px;}
  .bin-operation-modal-v19 .bin-operation-body{padding:13px 15px 16px;}
  .bin-operation-modal-v19 .bin-action-footer-v19{padding:9px 15px!important;}
}

/* V35 — Stock filter popup: explicit ITEM / BIN DISTRIBUTION / TOTAL STOCK columns. Presentation only. */
.status-stock-modal-shell{
  width:min(1180px,calc(100vw - 48px)) !important;
  height:min(88vh,860px) !important;
  max-height:88vh !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box;
}
.status-stock-modal-shell .status-stock-head{
  padding:24px 32px 20px !important;
  gap:20px;
}
.status-stock-modal-shell .status-stock-close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  font-size:22px;
  line-height:38px;
  cursor:pointer;
}
.status-stock-modal-shell .status-stock-summary{
  margin:14px 32px 10px !important;
  padding:11px 15px !important;
}
.status-stock-table-head{
  display:grid;
  grid-template-columns:minmax(210px,1.05fr) minmax(360px,1.9fr) minmax(150px,.7fr);
  gap:20px;
  margin:0 32px;
  padding:10px 18px;
  border:1px solid #e1e7ee;
  border-radius:10px 10px 0 0;
  background:#f5f8fc;
  color:#66778b;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
}
.status-stock-modal-shell .status-modal-list{
  padding:10px 32px 30px !important;
  gap:10px !important;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
}
.status-stock-modal-shell .status-material,
.status-stock-modal-shell .status-material:has(.status-order-btn){
  display:grid !important;
  grid-template-columns:minmax(210px,1.05fr) minmax(360px,1.9fr) minmax(150px,.7fr) !important;
  align-items:center;
  gap:20px !important;
  width:100%;
  min-width:0;
  padding:18px !important;
  box-sizing:border-box;
  border:1px solid #dce5ee;
  border-radius:13px;
  background:#fff;
  box-shadow:0 4px 14px rgba(20,42,70,.04);
}
.status-stock-modal-shell .status-item-col,
.status-stock-modal-shell .status-bin-col,
.status-stock-modal-shell .status-total-col{min-width:0;box-sizing:border-box;}
.status-stock-modal-shell .status-item-col{padding-right:4px;}
.status-stock-modal-shell .status-item-col>b{
  display:block;
  color:#173f7a;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.status-stock-modal-shell .status-item-col .status-material-spec{
  margin:6px 0 0;
  line-height:1.45;
}
.status-stock-modal-shell .status-bin-col{
  border-left:1px solid #e8edf2;
  border-right:1px solid #e8edf2;
  padding:0 18px;
}
.status-column-label{
  display:block;
  margin-bottom:8px;
  color:#718096;
  font-size:8px;
  font-weight:950;
  letter-spacing:.07em;
}
.status-stock-modal-shell .status-bin-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:7px;
  max-height:145px;
  overflow:auto;
  padding-right:2px;
}
.status-stock-modal-shell .status-bin-chip{
  min-width:0;
  width:100%;
  padding:8px 10px;
  background:#f8fafc;
  border:1px solid #e1e8ef;
  border-radius:9px;
}
.status-stock-modal-shell .status-total-col{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  text-align:right;
  min-height:86px;
}
.status-stock-modal-shell .status-total-col>strong{
  color:#172b42;
  font-size:24px;
  line-height:1.05;
  white-space:nowrap;
}
.status-stock-modal-shell .status-total-col>small{
  color:#8a95a3;
  font-size:8px;
  margin:4px 0 8px;
}
.status-stock-modal-shell .status-total-col .badge{white-space:nowrap;}
.status-stock-modal-shell .status-order-btn{
  margin-top:9px;
  width:100%;
  max-width:150px;
}
@media(max-width:900px){
  .status-stock-table-head{grid-template-columns:minmax(180px,1fr) minmax(280px,1.5fr) minmax(135px,.7fr);gap:12px;margin:0 24px;}
  .status-stock-modal-shell .status-modal-list{padding-left:24px !important;padding-right:24px !important;}
  .status-stock-modal-shell .status-material,
  .status-stock-modal-shell .status-material:has(.status-order-btn){grid-template-columns:minmax(175px,1fr) minmax(260px,1.5fr) minmax(125px,.7fr) !important;gap:12px !important;padding:15px !important;}
  .status-stock-modal-shell .status-bin-col{padding:0 12px;}
}
@media(max-width:700px){
  .status-stock-modal-shell{width:calc(100vw - 24px) !important;height:94vh !important;max-height:94vh !important;}
  .status-stock-modal-shell .status-stock-head{padding:18px 18px 16px !important;}
  .status-stock-modal-shell .status-stock-summary{margin:11px 18px 8px !important;}
  .status-stock-table-head{display:none;}
  .status-stock-modal-shell .status-modal-list{padding:8px 18px 22px !important;}
  .status-stock-modal-shell .status-material,
  .status-stock-modal-shell .status-material:has(.status-order-btn){grid-template-columns:1fr !important;gap:12px !important;padding:15px !important;}
  .status-stock-modal-shell .status-bin-col{border-left:0;border-right:0;border-top:1px solid #e8edf2;border-bottom:1px solid #e8edf2;padding:12px 0;}
  .status-stock-modal-shell .status-total-col{align-items:flex-start;text-align:left;min-height:0;}
  .status-stock-modal-shell .status-total-col>strong{font-size:22px;}
  .status-stock-modal-shell .status-order-btn{max-width:none;}
}
@media(max-width:430px){
  .status-stock-modal-shell{width:calc(100vw - 14px) !important;}
  .status-stock-modal-shell .status-stock-head{padding:15px 15px 13px !important;}
  .status-stock-modal-shell .status-stock-summary{margin:9px 15px 7px !important;}
  .status-stock-modal-shell .status-modal-list{padding:7px 15px 18px !important;}
  .status-stock-modal-shell .status-material{padding:14px !important;}
  .status-stock-modal-shell .status-bin-list{grid-template-columns:1fr;max-height:180px;}
}

/* V35 — Bin Location popup keeps the same safe inset and a clear close control. */
.bin-operation-modal-v19 .close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  font-size:22px;
  cursor:pointer;
}
.bin-operation-modal-v19 .bin-operation-body{padding:24px 32px 28px !important;}
.bin-operation-modal-v19 .bin-operation-hero,
.bin-operation-modal-v19 .bin-operation-details,
.bin-operation-modal-v19 .bin-operation-note{margin-left:0;margin-right:0;}
.bin-operation-modal-v19 .bin-operation-hero{margin-bottom:16px;}
.bin-operation-modal-v19 .bin-operation-details{margin-top:16px;}
.bin-operation-modal-v19 .bin-action-footer-v19{padding:14px 32px !important;}
@media(max-width:700px){
  .bin-operation-modal-v19 .bin-operation-body{padding:17px 18px 20px !important;}
  .bin-operation-modal-v19 .bin-action-footer-v19{padding:11px 18px !important;}
}

/* V36 — Stock filter popup final presentation. Database and business logic untouched. */
.modal:has(.status-stock-modal-shell){
  width:min(1180px,calc(100vw - 28px)) !important;
  max-width:1180px !important;
  max-height:94vh !important;
  overflow:hidden !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.status-stock-modal-shell{
  width:100% !important;
  height:min(88vh,860px) !important;
  max-height:88vh !important;
  border-radius:22px !important;
}
.status-stock-modal-shell .status-stock-head{
  position:relative;
  padding:24px 34px 20px !important;
  min-height:86px;
  box-sizing:border-box;
}
.status-stock-modal-shell .status-stock-brand{padding-right:56px;}
.status-stock-modal-shell .status-stock-close{
  position:absolute !important;
  top:22px !important;
  right:28px !important;
  z-index:20 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #d5dfeb !important;
  border-radius:50% !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  background:#f1f5f9 !important;
  color:#173f7a !important;
  font-size:23px !important;
  line-height:1 !important;
  font-weight:900 !important;
  box-shadow:0 5px 14px rgba(17,43,78,.10) !important;
  cursor:pointer !important;
}
.status-stock-modal-shell .status-stock-close:hover{
  background:#173f7a !important;
  color:#fff !important;
  border-color:#173f7a !important;
  transform:scale(1.04);
}
.status-stock-table-head{
  grid-template-columns:minmax(230px,1.05fr) minmax(390px,1.75fr) minmax(210px,.72fr) !important;
  margin:0 34px !important;
  gap:0 !important;
  padding:12px 18px !important;
  border-radius:12px 12px 0 0 !important;
}
.status-stock-table-head > span{min-width:0;}
.status-stock-table-head .stock-column-heading{
  background:linear-gradient(135deg,#173f7a,#285b98);
  color:#fff;
  border-radius:8px;
  padding:8px 10px;
  text-align:center;
  margin:-6px 0;
}
.status-stock-modal-shell .status-modal-list{
  padding:12px 34px 30px !important;
  gap:12px !important;
}
.status-stock-modal-shell .status-material,
.status-stock-modal-shell .status-material:has(.status-order-btn){
  grid-template-columns:minmax(230px,1.05fr) minmax(390px,1.75fr) minmax(210px,.72fr) !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden;
  min-height:112px;
}
.status-stock-modal-shell .status-item-col{
  padding:20px 20px !important;
}
.status-stock-modal-shell .status-bin-col{
  padding:20px !important;
  min-height:100%;
  border-left:1px solid #e4ebf2 !important;
  border-right:1px solid #e4ebf2 !important;
  background:#fbfcfe;
}
.status-stock-modal-shell .status-total-col{
  min-height:112px;
  padding:18px 20px !important;
  background:linear-gradient(135deg,#eef5ff 0%,#f8fbff 62%,#fff7ec 100%);
  border-left:4px solid #173f7a;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.status-stock-modal-shell .status-total-col::before{
  content:'STOCK AVAILABLE';
  display:block;
  color:#173f7a;
  font-size:8px;
  font-weight:950;
  letter-spacing:.09em;
  margin-bottom:5px;
}
.status-stock-modal-shell .status-total-col>strong{
  font-size:27px !important;
  color:#173f7a !important;
}
.status-stock-modal-shell .status-total-col>small{
  margin:3px 0 7px !important;
}
.status-stock-modal-shell .status-bin-chip{
  cursor:default !important;
  pointer-events:none !important;
}
.status-stock-modal-shell .status-bin-chip:hover{
  transform:none !important;
}
.status-stock-modal-shell .status-order-btn{pointer-events:auto !important;}
@media(max-width:900px){
  .modal:has(.status-stock-modal-shell){width:calc(100vw - 20px) !important;}
  .status-stock-modal-shell .status-stock-head{padding:20px 24px 18px !important;}
  .status-stock-modal-shell .status-stock-close{right:20px !important;top:18px !important;}
  .status-stock-table-head{grid-template-columns:minmax(190px,1fr) minmax(300px,1.5fr) minmax(170px,.75fr) !important;margin:0 24px !important;}
  .status-stock-modal-shell .status-modal-list{padding:10px 24px 24px !important;}
  .status-stock-modal-shell .status-material,
  .status-stock-modal-shell .status-material:has(.status-order-btn){grid-template-columns:minmax(190px,1fr) minmax(300px,1.5fr) minmax(170px,.75fr) !important;}
  .status-stock-modal-shell .status-item-col,.status-stock-modal-shell .status-bin-col{padding:16px !important;}
}
@media(max-width:700px){
  .modal:has(.status-stock-modal-shell){width:calc(100vw - 14px) !important;}
  .status-stock-modal-shell{height:94vh !important;max-height:94vh !important;border-radius:18px !important;}
  .status-stock-modal-shell .status-stock-head{padding:17px 18px 15px !important;}
  .status-stock-modal-shell .status-stock-brand{padding-right:48px;}
  .status-stock-modal-shell .status-stock-close{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;right:14px !important;top:15px !important;}
  .status-stock-table-head{display:grid !important;grid-template-columns:1fr 1fr 1fr !important;margin:0 18px !important;font-size:7px !important;gap:5px !important;}
  .status-stock-modal-shell .status-modal-list{padding:9px 18px 22px !important;}
  .status-stock-modal-shell .status-material,
  .status-stock-modal-shell .status-material:has(.status-order-btn){grid-template-columns:1fr !important;gap:0 !important;}
  .status-stock-modal-shell .status-item-col,.status-stock-modal-shell .status-bin-col{padding:15px !important;border-left:0 !important;border-right:0 !important;}
  .status-stock-modal-shell .status-bin-col{border-top:1px solid #e4ebf2 !important;border-bottom:1px solid #e4ebf2 !important;}
  .status-stock-modal-shell .status-total-col{border-left:0 !important;border-top:4px solid #173f7a !important;min-height:100px;}
}

/* V37 — Bin Location / Bin Locator popup spacing refinement only */
.modal:has(.bin-location-modal){
  width:min(1040px,calc(100vw - 24px));
  max-height:calc(94vh - 8px);
  padding:14px;
  box-sizing:border-box;
  overflow:hidden;
  background:#fff;
  border-radius:20px;
}
.modal:has(.bin-location-modal) .bin-location-modal{
  width:100%;
  max-width:none;
  max-height:calc(94vh - 36px);
  border-radius:16px;
  box-sizing:border-box;
}
.modal:has(.bin-location-modal) .bin-location-head{
  padding:22px 24px 18px;
}
.modal:has(.bin-location-modal) .bin-location-summary{
  margin:0 0 0;
  padding:16px 20px;
}
.modal:has(.bin-location-modal) .bin-location-scroll{
  padding:18px 20px 20px;
}
.modal:has(.bin-location-modal) .bin-location-list{gap:12px}
.modal:has(.bin-location-modal) .bin-location-item{
  padding:16px;
  gap:16px;
  border-radius:14px;
}
.modal:has(.bin-location-modal) .bin-location-footer{
  padding:14px 20px;
}
.modal:has(.bin-location-modal) .bin-location-footer .btn{min-width:110px}

@media(max-width:760px){
  .modal:has(.bin-location-modal){
    width:calc(100vw - 16px);
    padding:9px;
    border-radius:16px;
    max-height:96vh;
  }
  .modal:has(.bin-location-modal) .bin-location-modal{
    max-height:calc(96vh - 18px);
    border-radius:13px;
  }
  .modal:has(.bin-location-modal) .bin-location-head{padding:16px 15px 13px}
  .modal:has(.bin-location-modal) .bin-location-summary{padding:12px 13px;gap:12px}
  .modal:has(.bin-location-modal) .bin-location-scroll{padding:13px}
  .modal:has(.bin-location-modal) .bin-location-item{padding:13px;gap:11px}
  .modal:has(.bin-location-modal) .bin-location-footer{padding:11px 13px}
}

@media(max-width:520px){
  .modal:has(.bin-location-modal){width:calc(100vw - 10px);padding:5px}
  .modal:has(.bin-location-modal) .bin-location-head{padding:14px 12px 12px}
  .modal:has(.bin-location-modal) .bin-location-summary{padding:10px 11px}
  .modal:has(.bin-location-modal) .bin-location-scroll{padding:10px}
  .modal:has(.bin-location-modal) .bin-location-item{padding:12px}
  .modal:has(.bin-location-modal) .bin-location-footer{padding:9px 10px}
}


/* V38 — Bin Master Bin Location popup: professional inset alignment only.
   Presentation-only override. No inventory/database/business logic changes. */
.modal:has(.bin-operation-modal-v38){
  width:min(980px,calc(100vw - 32px));
  max-height:92vh;
  padding:0;
  overflow:hidden;
  box-sizing:border-box;
  border-radius:20px;
  background:#fff;
}
.bin-operation-modal-v38{
  width:100%;
  max-width:none;
  max-height:92vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
  border-radius:20px;
}
.bin-operation-modal-v38 .material-modal-head{
  flex:0 0 auto;
  padding:24px 30px 20px;
  margin:0;
  box-sizing:border-box;
}
.bin-operation-modal-v38 .material-modal-head h2{
  font-size:27px;
  line-height:1.15;
  margin:5px 0 6px;
  color:#173f7a;
}
.bin-operation-modal-v38 .material-modal-head p{
  margin:0;
  font-size:10px;
  line-height:1.5;
  color:#718096;
}
.bin-operation-modal-v38 .material-modal-head .close{
  top:20px;
  right:22px;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
}
.bin-operation-modal-v38 .bin-operation-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:22px 30px 24px;
  box-sizing:border-box;
  background:#f6f8fb;
  scrollbar-gutter:stable;
}
.bin-operation-modal-v38 .bin-operation-hero{
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,220px);
  gap:22px;
  align-items:stretch;
  padding:20px;
  border:1px solid #dce5ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 5px 16px rgba(23,63,122,.05);
}
.bin-operation-modal-v38 .bin-operation-identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:16px;
}
.bin-operation-modal-v38 .bin-operation-identity img{
  width:112px!important;
  max-width:112px!important;
  height:52px!important;
  max-height:52px!important;
  flex:0 0 112px;
  object-fit:contain;
  object-position:center;
  box-sizing:border-box;
  padding:7px;
  border:1px solid #dfe7f0;
  border-radius:10px;
  background:#fff;
}
.bin-operation-modal-v38 .bin-operation-identity > div{
  min-width:0;
}
.bin-operation-modal-v38 .bin-operation-identity h3{
  margin:5px 0 7px;
  font-size:22px;
  line-height:1.2;
  color:#24364b;
  overflow-wrap:anywhere;
}
.bin-operation-modal-v38 .bin-operation-identity p{
  margin:0 0 5px;
  font-size:10px;
  line-height:1.45;
  color:#52657b;
  font-weight:800;
  overflow-wrap:anywhere;
}
.bin-operation-modal-v38 .bin-operation-identity small{
  display:block;
  font-size:9px;
  line-height:1.4;
  color:#7b8797;
}
.bin-operation-modal-v38 .bin-operation-qty{
  min-width:0;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
  text-align:right;
  gap:4px;
  padding:8px 4px 8px 22px;
  border-left:1px solid #e2e8f0;
}
.bin-operation-modal-v38 .bin-operation-qty > span:first-child{
  font-size:8px;
  line-height:1.2;
  letter-spacing:.1em;
  font-weight:950;
  color:#7b8796;
}
.bin-operation-modal-v38 .bin-operation-qty strong{
  display:block;
  max-width:100%;
  font-size:32px;
  line-height:1.05;
  color:#173f7a;
  overflow-wrap:anywhere;
}
.bin-operation-modal-v38 .bin-operation-qty small{
  font-size:9px;
  color:#7b8796;
}
.bin-operation-modal-v38 .bin-operation-qty .badge{margin-top:4px}
.bin-operation-modal-v38 .bin-operation-details{
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.bin-operation-modal-v38 .bin-operation-details > div{
  min-width:0;
  box-sizing:border-box;
  padding:12px 13px;
  border:1px solid #dfe6ee;
  border-radius:11px;
  background:#fff;
}
.bin-operation-modal-v38 .bin-operation-details span{
  display:block;
  margin-bottom:5px;
  font-size:7px;
  line-height:1.2;
  color:#7a8796;
  font-weight:950;
  letter-spacing:.08em;
}
.bin-operation-modal-v38 .bin-operation-details b{
  display:block;
  font-size:10px;
  line-height:1.35;
  color:#26394f;
  overflow-wrap:anywhere;
}
.bin-operation-modal-v38 .bin-operation-note{
  box-sizing:border-box;
  width:100%;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #d9e4f0;
  border-left:4px solid #173f7a;
  border-radius:9px;
  background:#eef4fa;
  color:#68778a;
  font-size:9px;
  line-height:1.55;
}
.bin-operation-modal-v38 .bin-operation-note b{color:#42566f}
.bin-operation-modal-v38 .bin-action-footer-v19{
  flex:0 0 auto;
  width:100%;
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:14px 30px 18px!important;
  margin:0;
  border-top:1px solid #e1e7ef;
  background:#fff;
}
.bin-operation-modal-v38 .bin-action-footer-v19 .btn{
  width:100%;
  min-width:0;
  height:44px;
  box-sizing:border-box;
  white-space:nowrap;
}
@media(max-width:820px){
  .modal:has(.bin-operation-modal-v38){width:calc(100vw - 24px);max-height:94vh}
  .bin-operation-modal-v38{max-height:94vh}
  .bin-operation-modal-v38 .material-modal-head{padding:20px 22px 17px}
  .bin-operation-modal-v38 .bin-operation-body{padding:17px 22px 20px}
  .bin-operation-modal-v38 .bin-operation-hero{grid-template-columns:1fr;gap:16px;padding:17px}
  .bin-operation-modal-v38 .bin-operation-qty{align-items:flex-start;text-align:left;border-left:0;border-top:1px solid #e2e8f0;padding:15px 0 0}
  .bin-operation-modal-v38 .bin-operation-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .bin-operation-modal-v38 .bin-action-footer-v19{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 22px 16px!important}
}
@media(max-width:560px){
  .modal:has(.bin-operation-modal-v38){width:calc(100vw - 14px);max-height:95vh;border-radius:16px}
  .bin-operation-modal-v38{max-height:95vh;border-radius:16px}
  .bin-operation-modal-v38 .material-modal-head{padding:16px 16px 14px}
  .bin-operation-modal-v38 .material-modal-head h2{font-size:21px}
  .bin-operation-modal-v38 .material-modal-head .close{top:13px;right:13px;width:40px;height:40px;min-width:40px;min-height:40px}
  .bin-operation-modal-v38 .bin-operation-body{padding:13px 14px 16px}
  .bin-operation-modal-v38 .bin-operation-hero{padding:14px;border-radius:13px;gap:13px}
  .bin-operation-modal-v38 .bin-operation-identity{align-items:flex-start;gap:10px}
  .bin-operation-modal-v38 .bin-operation-identity img{width:82px!important;max-width:82px!important;height:38px!important;max-height:38px!important;flex-basis:82px;padding:5px}
  .bin-operation-modal-v38 .bin-operation-identity h3{font-size:16px;margin:3px 0 5px}
  .bin-operation-modal-v38 .bin-operation-identity p{font-size:9px}
  .bin-operation-modal-v38 .bin-operation-identity small{font-size:8px}
  .bin-operation-modal-v38 .bin-operation-qty strong{font-size:27px}
  .bin-operation-modal-v38 .bin-operation-details{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
  .bin-operation-modal-v38 .bin-operation-details>div{padding:9px 10px;border-radius:9px}
  .bin-operation-modal-v38 .bin-operation-note{font-size:8px;padding:10px 11px}
  .bin-operation-modal-v38 .bin-action-footer-v19{grid-template-columns:1fr 1fr;gap:7px;padding:10px 14px 13px!important}
  .bin-operation-modal-v38 .bin-action-footer-v19 .btn{height:42px}
  .bin-operation-modal-v38 .bin-action-footer-v19 .btn:last-child{grid-column:1/-1}
}

/* V39: professional Add Operator / Viewer modal */
.user-account-modal-shell{width:min(980px,calc(100vw - 28px));max-height:min(92vh,820px);display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.3)}
.user-account-modal-head{flex:0 0 auto;padding:20px 24px;background:#fff}
.user-account-form{min-height:0;display:flex;flex-direction:column}
.user-account-body{min-height:0;overflow:auto;background:#f8fafc;padding:18px 24px 22px}
.user-account-fields{padding:0;gap:12px 14px}
.viewer-access-panel{margin-top:16px;border:1px solid #dbe5ef;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(23,63,122,.05)}
.viewer-access-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid #e6edf4;background:linear-gradient(135deg,#f4f8fd,#fff)}
.viewer-access-head h3{margin:4px 0 2px;font-size:16px;color:#173f7a}.viewer-access-head p{margin:0;color:#778598;font-size:10px}.viewer-selected-count{flex:0 0 auto;background:#edf4fb;color:#173f7a;border:1px solid #d8e5f2;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:950;white-space:nowrap}
.viewer-access-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:12px 14px;padding:0 8px 0 12px;height:44px;border:1px solid #d6e0ea;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(17,43,78,.04)}
.viewer-access-search>span{color:#55708e;font-size:17px}.viewer-access-search input{width:100%;border:0;outline:0;background:transparent;font-size:12px;color:#24364d}.viewer-access-search button{border:0;background:#edf3fa;color:#173f7a;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}
.viewer-access-list{max-height:300px;overflow:auto;margin:0 14px;border:1px solid #e0e7ef;border-radius:11px;background:#fff}.viewer-access-row{display:grid;grid-template-columns:30px minmax(0,1fr) 105px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #edf1f5;cursor:pointer;min-width:0}.viewer-access-row:last-child{border-bottom:0}.viewer-access-row:hover{background:#f8fbff}.viewer-access-row[hidden]{display:none}.viewer-check{display:grid;place-items:center}.viewer-check input{position:absolute;opacity:0;pointer-events:none}.viewer-check i{width:18px;height:18px;border:1.5px solid #b8c5d3;border-radius:5px;background:#fff;display:block;position:relative}.viewer-check input:checked+i{background:#173f7a;border-color:#173f7a}.viewer-check input:checked+i:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:950}.viewer-item-info,.viewer-item-bin{min-width:0}.viewer-item-info b{display:block;color:#173f7a;font-size:11px;overflow-wrap:anywhere}.viewer-item-info small,.viewer-item-bin small{display:block;color:#7b8796;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-item-bin{text-align:right;border-left:1px solid #edf1f5;padding-left:10px}.viewer-item-bin b{display:block;color:#31475f;font-size:9px}.viewer-access-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;color:#7b8796;font-size:9px;background:#fbfcfe;border-top:1px solid #edf1f5}.viewer-access-foot b{color:#173f7a}
.user-account-actions{flex:0 0 auto;position:sticky;bottom:0;z-index:4;background:#fff;padding:12px 24px;border-top:1px solid #dfe6ee;box-shadow:0 -8px 22px rgba(17,43,78,.07)}
.user-account-actions .btn{min-width:140px;height:42px}.user-account-actions .btn.primary{box-shadow:0 7px 16px rgba(23,63,122,.16)}
@media(max-width:700px){.user-account-modal-shell{width:calc(100vw - 14px);max-height:95vh;border-radius:14px}.user-account-modal-head{padding:15px 16px}.user-account-body{padding:12px 14px 16px}.user-account-fields{grid-template-columns:1fr;padding:0}.viewer-access-head{align-items:flex-start;flex-direction:column}.viewer-access-search{grid-template-columns:auto 1fr}.viewer-access-search button{display:none}.viewer-access-list{max-height:260px}.viewer-access-row{grid-template-columns:28px minmax(0,1fr);padding:10px}.viewer-item-bin{grid-column:2;text-align:left;border-left:0;border-top:1px solid #edf1f5;padding:7px 0 0}.user-account-actions{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr}.user-account-actions .btn{width:100%;min-width:0}}

/* V40 — User Account / Viewer Access popup visual alignment correction */
.user-account-modal-shell{
  width:min(1040px,calc(100vw - 40px));
  max-width:1040px;
  max-height:92vh;
  min-height:0;
  box-sizing:border-box;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  display:flex;
  flex-direction:column;
}
.user-account-modal-head{
  flex:0 0 auto;
  padding:22px 28px;
  box-sizing:border-box;
}
.user-account-modal-head .close{flex:0 0 auto;margin-left:16px}
.user-account-form{min-height:0;display:flex;flex-direction:column;width:100%;box-sizing:border-box}
.user-account-body{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  background:#f7f9fc;
  padding:20px 28px 24px;
  box-sizing:border-box;
}
.user-account-fields{
  width:100%;
  box-sizing:border-box;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
  padding:0;
}
.user-account-fields .field{min-width:0;width:100%;box-sizing:border-box}
.user-account-fields .field input,
.user-account-fields .field select{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.viewer-access-panel{margin-top:18px;width:100%;box-sizing:border-box}
.viewer-access-head{padding:17px 20px}
.viewer-access-head>div{min-width:0}
.viewer-access-search{margin:13px 16px;height:46px;box-sizing:border-box}
.viewer-access-list{
  margin:0 16px;
  width:auto;
  max-height:300px;
  overflow:auto;
  box-sizing:border-box;
}
.viewer-access-row{
  grid-template-columns:34px minmax(0,1fr) 125px;
  gap:12px;
  padding:12px 14px;
  box-sizing:border-box;
}
.viewer-item-info{min-width:0;overflow:hidden}
.viewer-item-bin{min-width:0;overflow:hidden}
.viewer-access-foot{padding:11px 16px;box-sizing:border-box}
.user-account-actions{
  flex:0 0 auto;
  position:relative;
  width:100%;
  box-sizing:border-box;
  padding:14px 28px;
  min-height:68px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  background:#fff;
}
.user-account-actions .btn{min-width:140px;height:42px;box-sizing:border-box}

@media(max-width:760px){
  .user-account-modal-shell{width:calc(100vw - 24px);max-width:none;max-height:94vh;border-radius:16px}
  .user-account-modal-head{padding:16px 18px}
  .user-account-modal-head h2{font-size:19px}
  .user-account-body{padding:14px 16px 18px}
  .user-account-fields{grid-template-columns:1fr;gap:12px}
  .viewer-access-panel{margin-top:15px}
  .viewer-access-head{padding:14px 15px}
  .viewer-access-search{margin:11px 12px;height:44px}
  .viewer-access-list{margin:0 12px;max-height:250px}
  .viewer-access-row{grid-template-columns:30px minmax(0,1fr);padding:11px 12px}
  .viewer-item-bin{grid-column:2;text-align:left;border-left:0;border-top:1px solid #edf1f5;padding:7px 0 0;margin-top:2px}
  .user-account-actions{padding:10px 16px;min-height:62px;display:grid;grid-template-columns:1fr 1fr}
  .user-account-actions .btn{width:100%;min-width:0}
}
@media(max-width:420px){
  .user-account-modal-shell{width:calc(100vw - 16px);border-radius:14px}
  .user-account-modal-head{padding:14px 15px}
  .user-account-body{padding:12px 13px 16px}
  .viewer-access-search{margin:10px 10px;height:42px;padding-left:10px}
  .viewer-access-search input{font-size:11px}
  .viewer-access-list{margin:0 10px;max-height:235px}
  .viewer-access-row{padding:10px}
  .viewer-access-foot{padding:9px 10px;flex-direction:column;align-items:flex-start}
  .user-account-actions{padding:9px 13px}
}
/* V40 fix: the generic modal wrapper must expand with the User Account shell. */
.modal:has(.user-account-modal-shell){
  width:min(1040px,calc(100vw - 40px));
  max-width:1040px;
  max-height:92vh;
  overflow:hidden;
}
@media(max-width:760px){
  .modal:has(.user-account-modal-shell){width:calc(100vw - 24px);max-width:none;max-height:94vh}
}
@media(max-width:420px){
  .modal:has(.user-account-modal-shell){width:calc(100vw - 16px)}
}
@media(max-width:760px){
  .user-account-modal-head{padding:12px 16px}
  .user-account-modal-head h2{font-size:18px;margin:3px 0}
  .user-account-modal-head p{font-size:9px;line-height:1.35}
  .user-account-body{padding:10px 14px 18px}
  .user-account-fields{gap:9px}
  .user-account-fields .field{gap:5px}
  .user-account-fields .field input,
  .user-account-fields .field select{height:40px;padding:9px 11px}
  .viewer-access-panel{margin-top:11px}
  .viewer-access-head{padding:12px 13px}
  .viewer-access-head h3{font-size:15px}
  .viewer-access-head p{font-size:9px}
  .viewer-access-search{margin:8px 10px;height:40px}
}
@media(max-width:420px){
  .user-account-modal-head{padding:11px 14px}
  .user-account-body{padding:9px 12px 16px}
  .user-account-fields{gap:8px}
  .user-account-fields .field input,
  .user-account-fields .field select{height:38px}
  .viewer-access-head{padding:11px 12px}
  .viewer-access-search{margin:7px 9px;height:38px}
}