/* Cột Mã QR trong trang Tồn kho */
td.qr-cell{width:64px;padding-top:6px;padding-bottom:6px}
.inv-qr{display:block;width:54px;height:54px;padding:2px;border:1px solid #dde1e6;border-radius:6px;background:#fff;cursor:zoom-in;color:#9aa0a6;font-size:11px;font-weight:700}
.inv-qr:hover{border-color:#c61d34;box-shadow:0 0 0 2px rgba(198,29,52,.15)}
.inv-qr svg{display:block;width:100%;height:100%}
.inv-qr-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px}
.inv-qr-backdrop{position:absolute;inset:0;background:rgba(10,20,28,.55)}
.inv-qr-box{position:relative;background:#fff;border-radius:14px;width:min(420px,100%);padding:22px 22px 18px;box-shadow:0 25px 80px rgba(0,0,0,.35);text-align:center}
.inv-qr-x{position:absolute;right:10px;top:6px;border:0;background:none;font-size:28px;color:#6e7278;cursor:pointer}
.inv-qr-big{width:260px;height:260px;margin:4px auto 10px}
.inv-qr-big svg{display:block;width:100%;height:100%}
.inv-qr-code{font-size:26px;font-weight:800;color:#c61d34;letter-spacing:.5px}
.inv-qr-name{font-weight:700;margin-top:2px}
.inv-qr-url{font-size:12px;margin-top:8px;word-break:break-all}
.inv-qr-url a{color:#6e7278}
.inv-qr-warn{font-size:12px;color:#8f2020;background:#fff0f0;border:1px solid #efbcbc;border-radius:6px;padding:6px 8px;margin-top:8px}
.inv-qr-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.inv-qr-actions .btn{text-decoration:none;display:inline-block}