/* Inventory PLUS: offline pill, modals, drawer tab rows */
.p3-dtabs{overflow-x:auto;scrollbar-width:none}.p3-dtabs button{flex:none;white-space:nowrap}
.dzp-pill{position:fixed;left:12px;bottom:12px;z-index:100000;border:0;border-radius:999px;padding:9px 14px;font:800 12px system-ui,sans-serif;background:#17171d;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.3);cursor:pointer}
.dzp-pill.off{background:#b45309}.dzp-pill.bad{background:#b91c1c}.dzp-pill[hidden]{display:none}
.dzp-toast{position:fixed;left:50%;bottom:64px;transform:translateX(-50%);z-index:100001;background:#17171d;color:#fff;padding:10px 16px;border-radius:12px;font:700 13px system-ui,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:opacity .4s;max-width:90vw}
.dzp-toast.out{opacity:0}
.dzp-modal.dz-stockops-modal{position:fixed;inset:0;z-index:100002;background:rgba(10,10,20,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.dzp-box{background:#fff;color:#17171d;border-radius:16px;padding:18px;width:min(440px,100%);max-height:86vh;overflow:auto;font:600 14px system-ui,sans-serif}
.dzp-box h4{margin:0 0 8px;font-size:16px}.dzp-scan{width:100%;box-sizing:border-box;font-size:18px;padding:10px;border:2px solid #17171d;border-radius:10px;margin:6px 0}
.dzp-bad{color:#b91c1c}.dzp-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.dzp-foot button,.dzp-qrow button,.dzp-row button,.dzp-foot2 button{border:1px solid #d9d4e3;background:#fff;border-radius:10px;padding:7px 12px;font:800 12px system-ui,sans-serif;cursor:pointer}
.dzp-foot button.pri,.dzp-row button.pri,.dzp-foot2 button.pri{background:#17171d;color:#fff;border-color:#17171d}
.dzp-qrow{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.dzp-qrow>div{flex:1}.dzp-qrow small,.dzp-row small{display:block;color:#6b6b78;font-weight:600;margin-top:2px}.dzp-qrow.bad b{color:#b91c1c}
.dzp-h{margin:2px 0 4px;font:900 14px system-ui,sans-serif}
.dzp-row{display:flex;gap:6px;align-items:center;padding:8px 6px;border-bottom:1px solid #eee;font:600 13px system-ui,sans-serif}.dzp-row>div{flex:1;min-width:0}
.dzp-row.warn{background:#fff7e6}.dzp-row.bad{background:#fdecec}
.dzp-tag{font-style:normal;background:#16a34a;color:#fff;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:900}
.dzp-stat{display:flex;gap:10px;margin:8px 0}.dzp-stat>div{flex:1;background:#f4f2f8;border-radius:12px;padding:10px;text-align:center}.dzp-stat b{display:block;font-size:22px}.dzp-stat small{color:#6b6b78;font-weight:700}
.dzp-chk{display:block;padding:8px 0;font:600 13px system-ui,sans-serif}.dzp-chk small{color:#6b6b78}
.dzp-foot2{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:6px 0 8px;font:700 12px system-ui,sans-serif}.dzp-foot2 input{width:56px}
.dzp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}
.dzp-card2{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid #e0dce8;background:#fff;border-radius:12px;padding:10px;cursor:pointer;text-align:left;color:#17171d;font:600 12px system-ui,sans-serif}
.dzp-card2 b{font-size:22px;line-height:1.1}.dzp-card2 small{color:#6b6b78;font-weight:700}.dzp-card2 .p3-i{width:18px;height:18px;color:#475569}
.dzp-card2.warn{background:#fff7e6;border-color:#f6d28b}.dzp-card2.bad{background:#fdecec;border-color:#f3b4b4}
.dzp-big{background:#17171d;color:#fff;border-radius:14px;padding:16px;margin:8px 0;text-align:center}.dzp-big small{display:block;opacity:.7;font-weight:700}.dzp-big b{display:block;font-size:34px;letter-spacing:.02em;margin:2px 0 6px}.dzp-big span{display:block;font-weight:600;opacity:.92}
.dzp-form{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.dzp-form input,.dzp-form select{border:1px solid #d9d4e3;border-radius:9px;padding:7px 9px;font:600 12px system-ui,sans-serif;flex:1;min-width:90px}.dzp-form input[type=number]{max-width:70px;flex:none}
.dzp-inline{display:flex;gap:6px;align-items:center}.dzp-tag.mute{background:#64748b}
.dzp-pill .p3-i,.dzp-foot2 .p3-i,.dzp-box .p3-i{width:14px;height:14px}

/* ===== dark mode ===== */
.dark .dzp-box{background:#151520;color:#ececf4;border:1px solid #2e2e3c}
.dark .dzp-scan,.dark .dzp-form input,.dark .dzp-form select,.dark .dzp-foot2 input,.dark .dzp-foot2 select,.dark .dzp-chk input[type=date]{background:#1b1b27;color:#ececf4;border-color:#3a3a4a}
.dark .dzp-scan{border-color:#8b5cf6}
.dark .dzp-foot button,.dark .dzp-qrow button,.dark .dzp-row button,.dark .dzp-foot2 button{background:#1f1f2c;color:#e8e8f2;border-color:#3a3a4a}
.dark .dzp-foot button:hover,.dark .dzp-qrow button:hover,.dark .dzp-row button:hover,.dark .dzp-foot2 button:hover{background:#2c2c3d}
.dark .dzp-foot button.pri,.dark .dzp-row button.pri,.dark .dzp-foot2 button.pri{background:#8b5cf6;border-color:#8b5cf6;color:#fff}
.dark .dzp-qrow,.dark .dzp-row{border-color:#2b2b38}
.dark .dzp-qrow small,.dark .dzp-row small,.dark .dzp-stat small,.dark .dzp-chk small,.dark .dzp-card2 small{color:#a3a3b8}
.dark .dzp-row.warn{background:#2b2210}.dark .dzp-row.bad{background:#321517}
.dark .dzp-stat>div{background:#1d1d2a}
.dark .dzp-card2{background:#1b1b27;border-color:#343440;color:#ececf4}.dark .dzp-card2 .p3-i{color:#b8b8cc}
.dark .dzp-card2.warn{background:#2b2210;border-color:#6b4f14}.dark .dzp-card2.bad{background:#321517;border-color:#7a2b2f}
.dark .dzp-big{background:#8b5cf6}
.dark .dzp-h{color:#f4f4fa}
.dark .dzp-bad{color:#fca5a5}
.dark .dzp-toast{background:#ececf4;color:#17171d}
.dark .p3-dtabs{scrollbar-width:thin}
.p3-dtabs{flex:none;min-height:36px;align-items:center;padding-bottom:6px}
.p3-dtabs{flex-wrap:wrap;overflow:visible;gap:5px}.p3-dtabs button{height:26px;padding:0 10px}.p3-dtabs button[data-p3-dx]{height:26px;width:26px}