@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#0b1f3a;--navy2:#132d50;--orange:#f47721;--orange2:#ff9b55;--bg:#f4f6f8;--card:#fff;--text:#172033;--muted:#6f7888;--line:#e5e9ef;--green:#15966a;--red:#dd4c4c;--shadow:0 14px 40px rgba(11,31,58,.09)}*{box-sizing:border-box}body{margin:0;color:var(--text);font:15px/1.5 'DM Sans',sans-serif;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}h1,h2,strong{font-family:Manrope,sans-serif}h1{font-size:clamp(28px,4vw,42px);line-height:1.12;margin:8px 0 9px;letter-spacing:-1.4px}h2{font-size:19px;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--orange)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--orange2));color:white;font:800 15px Manrope;box-shadow:0 8px 20px #f4772140}.brand div{display:flex;flex-direction:column}.brand strong{font-size:17px;line-height:1.1}.brand small{font-size:10px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}.btn{border:0;border-radius:12px;padding:12px 17px;font-weight:700;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px #f4772130}.btn.secondary{background:#eef1f5;color:var(--navy)}.wide{width:100%}.login-body{min-height:100vh;background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) 1fr}.login-card{width:min(100%,430px);margin:auto;padding:44px}.login-copy{margin:70px 0 35px}.login-copy p{color:var(--muted);font-size:16px}.stack{display:grid;gap:18px}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#465064}input{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px 14px;outline:0;color:var(--text);transition:.2s}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f4772117}.password-wrap,.input-action{position:relative}.password-wrap input,.input-action input{padding-right:75px}.eye,.scan-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;padding:7px 9px;background:#eef2f6;color:var(--navy);font-weight:700;font-size:12px}.login-art{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--navy),#173d68);display:grid;place-items:center}.login-art:after{content:'';position:absolute;inset:8%;border:1px solid #ffffff1c;border-radius:40px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:340px;height:340px;background:#f4772145;top:-120px;right:-60px}.orb-two{width:300px;height:300px;background:#4ab4df22;bottom:-120px;left:-70px}.mock-card{position:relative;z-index:1;width:260px;padding:30px;border-radius:26px;color:white;background:#ffffff12;border:1px solid #ffffff20;backdrop-filter:blur(10px);box-shadow:0 25px 70px #0004}.mock-card span,.mock-card em{display:block;color:#b7c5d6;font-style:normal}.mock-card strong{font-size:55px;display:block;margin:16px 0}.form-error{color:var(--red);min-height:20px;margin:0;text-align:center}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.top-actions{display:flex;align-items:center;gap:12px}.user-pill{background:#f2f4f7;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:700}.icon-btn{border:0;background:#edf0f4;border-radius:10px;width:38px;height:38px;font-size:20px;color:var(--navy)}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{min-height:calc(100vh - 72px);background:var(--navy);padding:24px 14px;position:sticky;top:72px;height:calc(100vh - 72px)}.nav-item{width:100%;display:flex;gap:12px;align-items:center;padding:13px 15px;margin:4px 0;border:0;border-radius:11px;background:transparent;color:#a9b6c8;text-align:left;font-weight:600}.nav-item span{font-size:19px;width:22px;text-align:center}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff12}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.content{padding:34px;max-width:1500px;width:100%;margin:auto}.view{display:none}.view.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:.3;transform:translateY(5px)}}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.page-head p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats article,.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stats article{padding:20px}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{display:block;font-size:31px;margin:7px 0;color:var(--navy)}.stats i{font-style:normal;font-size:11px;color:#97a0ad}.panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title p{margin:3px 0 0;color:var(--muted);font-size:13px}.text-btn{border:0;background:none;color:var(--orange);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-grid.large{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.product-img{height:140px;background:linear-gradient(145deg,#edf1f5,#f8f9fb);display:grid;place-items:center;color:#a8b0bb;font-size:30px}.product-img img{width:100%;height:100%;object-fit:contain}.product-info{padding:14px}.product-info h3{margin:1px 0 3px;font:700 15px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{color:var(--muted);font-size:12px}.qty{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.qty strong{font-size:20px;color:var(--navy)}.badge{font-size:10px;font-weight:800;padding:5px 8px;border-radius:20px;background:#e8f7f1;color:var(--green)}.badge.low{background:#fff1e7;color:#c65a0c}.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px}.form-panel h2{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2,.span-all{grid-column:1/-1}.photo-box{height:270px;border:2px dashed #d9dfe7;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative;cursor:pointer}.photo-box input{display:none}.photo-box img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f5f6f8}.photo-box.has-image img{display:block}.photo-icon{font-size:37px;color:var(--orange)}.photo-box small{color:var(--muted);font-weight:400}.serial-entry{display:grid;grid-template-columns:1fr auto;gap:10px}.serial-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.serial-tag{background:#edf2f6;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:700}.serial-tag button{border:0;background:none;color:var(--red);margin-left:7px}.count-pill{padding:6px 10px;border-radius:20px;background:#fff1e7;color:#b95611;font-size:11px;font-weight:800}.form-submit{display:flex;justify-content:flex-end;align-items:center;gap:15px}.form-message{font-weight:600;margin:0}.form-message.error{color:var(--red)}.form-message.success{color:var(--green)}.searchbar{display:flex;align-items:center;max-width:600px;background:#fff;border:1px solid var(--line);border-radius:14px;padding-left:15px;margin-bottom:20px}.searchbar input{border:0;box-shadow:none}.movement-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scanner-card{display:grid;gap:20px}.direction-toggle{display:grid;grid-template-columns:1fr 1fr;background:#edf1f5;padding:4px;border-radius:12px}.direction-toggle button{border:0;background:none;padding:11px;border-radius:9px;font-weight:800}.direction-toggle button.active{background:#fff;color:var(--orange);box-shadow:0 3px 10px #0001}.jumbo input{padding-top:18px;padding-bottom:18px;font-size:17px}.receipt-preview{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.receipt-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#e5f7f0;color:var(--green);font-size:28px}.receipt-preview h2{margin:16px 0 5px}.receipt-details{text-align:left;width:100%}.receipt-details dl{display:grid;grid-template-columns:110px 1fr;gap:8px;border-top:1px dashed var(--line);padding-top:16px}.receipt-details dt{color:var(--muted)}.receipt-details dd{margin:0;font-weight:700}.table-wrap{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line);font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:#fafbfc}.move-in{color:var(--green);font-weight:800}.move-out{color:var(--red);font-weight:800}.bottom-nav{display:none}.modal{position:fixed;inset:0;background:#071525cc;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{background:#fff;border-radius:20px;width:min(100%,510px);padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head p{margin:2px 0 15px;color:var(--muted)}#reader{overflow:hidden;border-radius:13px;min-height:270px}.toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;border-radius:11px;background:var(--navy);color:#fff;transform:translateY(100px);opacity:0;transition:.3s;z-index:150}.toast.show{transform:none;opacity:1}.empty{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.product-grid,.product-grid.large{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{padding-bottom:68px}.login-shell{display:block}.login-card{padding:28px 22px}.login-copy{margin:55px 0 30px}.login-art{display:none}.topbar{padding:0 16px;height:64px}.user-pill{display:none}.app-shell{display:block}.sidebar{display:none}.content{padding:23px 15px}.page-head{align-items:flex-start;gap:18px}.page-head .btn{white-space:nowrap}.stats{gap:10px}.stats article{padding:15px}.stats strong{font-size:26px}.product-grid,.product-grid.large{grid-template-columns:1fr 1fr;gap:10px}.product-img{height:120px}.panel{padding:17px}.form-layout,.movement-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-submit{justify-content:space-between}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));justify-content:space-around}.bottom-nav button{border:0;background:none;color:#87909d;display:grid;place-items:center;min-width:55px;font-size:19px}.bottom-nav small{font-size:10px}.bottom-nav button.active{color:var(--orange)}.photo-box{height:220px}}
@media(max-width:420px){h1{font-size:27px}.page-head{display:block}.page-head>.btn{margin-top:15px}.stats{grid-template-columns:1fr 1fr}.stats article{min-width:0}.product-grid,.product-grid.large{grid-template-columns:1fr}.serial-entry{grid-template-columns:1fr}.form-submit{display:grid}.form-submit .btn{width:100%}}
@media print{.topbar,.sidebar,.bottom-nav,.page-head .btn{display:none!important}.app-shell{display:block}.content{padding:0}.view{display:none!important}#view-history{display:block!important}.panel{box-shadow:none;border:0}body{background:#fff}}
select{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px 14px;outline:0;color:var(--text)}select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f4772117}.status-on{color:var(--green);font-weight:800}.status-off{color:var(--red);font-weight:800}.mini-btn{border:0;border-radius:8px;padding:7px 9px;background:#edf1f5;color:var(--navy);font-size:11px;font-weight:800}

/* Phone-first refinements */
@media(max-width:760px){
  html{-webkit-text-size-adjust:100%;scroll-padding-bottom:92px}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow-x:hidden}
  .topbar{height:60px;padding:0 14px;box-shadow:0 3px 14px rgba(11,31,58,.05)}
  .topbar .brand-mark{width:36px;height:36px;border-radius:11px}.topbar .brand strong{font-size:15px}.topbar .brand small{display:none}
  .content{padding:20px 13px;width:100%;overflow:hidden}
  h1{font-size:26px;letter-spacing:-.7px}.eyebrow{font-size:10px}.page-head{margin-bottom:19px}.page-head p{font-size:14px;line-height:1.4}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.stats article{padding:14px;border-radius:14px}.stats span{font-size:12px;line-height:1.25}.stats strong{font-size:25px;margin:4px 0}.stats i{font-size:10px}
  .panel{padding:15px;border-radius:15px;box-shadow:0 7px 22px rgba(11,31,58,.06)}.panel-title{align-items:flex-start;gap:8px}.panel-title p{font-size:12px}
  .product-grid,.product-grid.large{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-img{height:105px}.product-info{padding:11px}.product-info h3{font-size:13px}.product-meta{font-size:11px}.qty{align-items:end;gap:3px}.qty strong{font-size:18px}.badge{font-size:9px;padding:4px 6px}
  .form-layout{gap:12px}.form-grid{gap:13px}.form-panel h2{margin-bottom:14px}label{font-size:14px}input,select{font-size:16px;min-height:48px;padding:12px}.input-action input{padding-right:76px}.scan-btn{min-width:61px;min-height:36px;font-size:13px}
  .photo-box{height:210px;min-height:210px}.photo-box strong{font-size:16px}.photo-box small{font-size:13px}.photo-icon{font-size:42px}
  .serial-entry{grid-template-columns:1fr}.serial-entry .btn{width:100%;min-height:48px}.serial-tags{gap:7px}.serial-tag{font-size:13px;padding:9px 10px}
  .form-submit{position:sticky;bottom:calc(67px + env(safe-area-inset-bottom));z-index:12;background:rgba(244,246,248,.96);backdrop-filter:blur(8px);margin:0 -13px -20px;padding:11px 13px;border-top:1px solid var(--line)}.form-submit .btn{min-height:49px}
  .movement-layout{gap:12px}.scanner-card{gap:15px}.direction-toggle button{min-height:44px}.receipt-preview{min-height:250px}.receipt-details dl{grid-template-columns:86px 1fr;font-size:13px}
  .searchbar{position:sticky;top:68px;z-index:10;margin-bottom:14px;box-shadow:0 5px 17px rgba(11,31,58,.08)}
  .table-wrap{border-radius:14px;-webkit-overflow-scrolling:touch}table{min-width:680px}th,td{padding:13px 12px}
  .bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(58px,1fr);justify-content:initial;overflow-x:auto;overscroll-behavior-x:contain;height:calc(67px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);box-shadow:0 -5px 20px rgba(11,31,58,.08);scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav button{min-width:58px;min-height:56px;border-radius:10px;line-height:1.1}.bottom-nav button.active{background:#fff3eb}.bottom-nav small{font-size:9.5px;font-weight:700;margin-top:2px}
  .modal{padding:0;align-items:stretch}.modal-card{width:100%;height:100dvh;border-radius:0;padding:calc(16px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.modal-head h2{font-size:20px}#reader{flex:1;max-height:68dvh;min-height:320px;background:#0b1f3a}.modal .icon-btn{min-width:44px;min-height:44px}
  .login-card{width:100%;max-width:430px;padding:26px 20px}.login-copy{margin:48px 0 27px}.login-copy h1{font-size:31px}.login-copy p{font-size:15px}.login-card .btn{min-height:50px}
}
@media(max-width:350px){.product-grid,.product-grid.large{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.bottom-nav{grid-auto-columns:minmax(55px,1fr)}}
.field-help{display:block;color:var(--muted);font-size:11px;font-weight:500;line-height:1.3}.reader-wrap{position:relative;overflow:hidden;border-radius:14px;background:var(--navy)}.reader-wrap #reader{border:0!important}.reader-wrap video{object-fit:cover!important}.scan-line{position:absolute;left:8%;right:8%;top:50%;height:2px;background:#ff7b22;box-shadow:0 0 12px #ff7b22;animation:scannerSweep 1.8s ease-in-out infinite;pointer-events:none}.scanner-status{min-height:44px;margin:13px 0 9px;padding:10px 12px;border-radius:10px;background:#f2f5f8;color:var(--navy);font-weight:700}.scanner-actions{display:flex;gap:8px;flex-wrap:wrap}.scanner-actions .btn{flex:1;white-space:nowrap}.image-scan-btn{position:relative}.image-scan-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.scanner-tip{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.4}@keyframes scannerSweep{0%,100%{transform:translateY(-55px);opacity:.55}50%{transform:translateY(55px);opacity:1}}
@media(max-width:760px){.field-help{font-size:12px;margin-top:2px}.serial-entry .input-action input{padding-right:112px}.serial-entry .scan-btn{min-width:96px}.scanner-actions{display:grid;grid-template-columns:1fr 1fr}.scanner-actions #doneScanning{grid-column:1/-1}.scanner-status{font-size:14px}.scanner-tip{font-size:12px}#reader video{min-height:46dvh}.reader-wrap{min-height:46dvh}}
.last-serial-added{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:11px 13px;border:1px solid #bde6d6;border-radius:12px;background:#eaf8f2;color:#0c6849}.last-serial-added[hidden]{display:none}.last-serial-added>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-weight:900}.last-serial-added div{display:grid}.last-serial-added small{font-size:11px;font-weight:700}.last-serial-added strong{font-size:14px;word-break:break-all}

/* Product cards and inventory detail */
.product-card{min-width:0;overflow:hidden;background:#fff}.product-card-open{display:block;width:100%;height:100%;padding:0;border:0;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer}.product-card-open:focus-visible{outline:3px solid rgba(244,119,33,.35);outline-offset:-3px}.product-card-open:hover .view-product{color:var(--orange)}.product-img{position:relative;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#eef2f5}.product-img img{display:block!important;width:100%!important;height:100%!important;min-width:0;min-height:0;object-fit:cover!important;position:static!important}.product-img>span{display:grid;place-items:center;width:100%;height:100%}.product-info{position:relative;background:#fff;z-index:2}.product-info h3{color:var(--navy)}.view-product{display:block;margin-top:11px;padding-top:9px;border-top:1px solid var(--line);color:#667286;font-size:12px;font-weight:800}.detail-card{width:min(920px,100%);max-height:min(90vh,820px);overflow:auto;padding:22px}.product-detail{margin-top:17px}.detail-loading{padding:55px;text-align:center;color:var(--muted)}.detail-summary{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:22px}.detail-image{border-radius:16px;overflow:hidden;background:#eef2f5;aspect-ratio:4/3;display:grid;place-items:center}.detail-image img{width:100%;height:100%;display:block;object-fit:contain}.detail-facts h2{font-size:25px;margin:5px 0}.detail-facts>p{margin:0;color:var(--muted)}.detail-count{display:flex;align-items:baseline;gap:10px;margin:18px 0;padding:13px;border-radius:13px;background:#fff3eb;color:#9f480c}.detail-count strong{font-size:34px}.detail-count span{font-weight:700}.detail-facts dl{display:grid;grid-template-columns:145px minmax(0,1fr);gap:8px 12px;margin:0}.detail-facts dt{color:var(--muted)}.detail-facts dd{margin:0;font-weight:700;word-break:break-word}.unit-heading{margin:25px 0 11px}.unit-heading h2{margin:0}.unit-heading p{margin:3px 0;color:var(--muted);font-size:13px}.unit-list{display:grid;gap:8px}.unit-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:12px}.unit-row>div{display:grid;min-width:0}.unit-row strong{word-break:break-all}.unit-row small{color:var(--muted)}.unit-status{padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800}.unit-status.available{color:var(--green);background:#e8f7f1}.unit-status.unavailable{color:var(--red);background:#fff0f0}
@media(max-width:760px){.product-img{aspect-ratio:1/1}.product-info{padding:12px}.product-info h3{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px}.view-product{font-size:11px}.detail-modal{align-items:flex-end;padding:0}.detail-card{width:100%;max-height:94dvh;border-radius:22px 22px 0 0;padding:17px}.detail-summary{grid-template-columns:1fr;gap:14px}.detail-image{aspect-ratio:16/10}.detail-facts h2{font-size:21px}.detail-count{margin:12px 0}.detail-facts dl{grid-template-columns:120px minmax(0,1fr);font-size:13px}.unit-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.unit-row .unit-adjust{grid-column:1/-1;min-height:40px;font-size:13px}.detail-card .modal-head{position:sticky;top:-17px;background:#fff;z-index:5;padding:10px 0;border-bottom:1px solid var(--line)}}

/* Fast mobile scanner */
.reader-wrap{isolation:isolate}.scan-reticle{position:absolute;z-index:5;width:min(90%,560px);height:min(34%,170px);min-height:112px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.scan-reticle>i{position:absolute;width:30px;height:30px;border-color:#ff7b22;border-style:solid;filter:drop-shadow(0 0 4px rgba(244,119,33,.7))}.scan-reticle>i:nth-child(1){left:0;top:0;border-width:4px 0 0 4px;border-radius:10px 0 0}.scan-reticle>i:nth-child(2){right:0;top:0;border-width:4px 4px 0 0;border-radius:0 10px 0 0}.scan-reticle>i:nth-child(3){right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 10px}.scan-reticle>i:nth-child(4){left:0;bottom:0;border-width:0 0 4px 4px;border-radius:0 0 0 10px}.scan-reticle .scan-line{left:5%;right:5%;top:0;z-index:6;animation:fastScannerSweep 1.35s ease-in-out infinite}.scan-flash{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#19a974;color:#fff;font:800 38px Manrope;opacity:0;pointer-events:none;box-shadow:0 0 0 12px rgba(25,169,116,.22);transition:.18s}.scan-flash.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.torch-on{background:#fff0d9!important;color:#9a5200!important;box-shadow:inset 0 0 0 2px #ffb64c}.scanner-actions button:disabled{opacity:.5;cursor:not-allowed}@keyframes fastScannerSweep{0%,100%{transform:translateY(6px);opacity:.65}50%{transform:translateY(calc(var(--scan-height, 130px) - 10px));opacity:1}}
@media(max-width:760px){.modal-card{display:grid;grid-template-rows:auto minmax(230px,1fr) auto auto auto;gap:8px;overflow:hidden}.modal-head p{margin-bottom:0}.reader-wrap{min-height:0!important;height:auto;border-radius:18px}#reader{min-height:0!important;height:100%}#reader video{min-height:0!important;height:100%!important;width:100%!important;object-fit:cover!important}.scan-reticle{--scan-height:140px;height:140px}.scanner-status{margin:0;min-height:44px;display:flex;align-items:center}.scanner-actions .btn{min-height:48px;padding:10px 8px}.scanner-tip{margin:0;text-align:center}.bottom-nav button{touch-action:manipulation}.scan-btn,.btn,.icon-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}
@media(max-width:390px){.content{padding-left:10px;padding-right:10px}.panel{padding:14px}.scanner-tip{font-size:11px}.modal-card{padding-left:10px;padding-right:10px}.bottom-nav{grid-auto-columns:minmax(54px,1fr)}}
@media(max-height:670px) and (max-width:760px){.modal-card{grid-template-rows:auto minmax(205px,1fr) auto auto}.scanner-tip{display:none}.modal-head p{display:none}.scan-reticle{--scan-height:115px;height:115px}.scanner-actions .btn{min-height:44px}}
.reader-wrap video,#reader video{object-fit:contain!important;background:#050b12!important}.image-rotate-panel{position:absolute;inset:0;z-index:10;background:#0b1725;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:10px;padding:12px;color:#fff}.image-rotate-panel[hidden]{display:none}.rotate-preview{min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#050b12}.rotate-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain;transition:transform .22s ease}.image-rotate-panel p{margin:0;text-align:center;font-size:13px;color:#d4dce6}.rotate-actions{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:7px}.rotate-actions .btn{padding:10px 7px;min-height:44px}.scanner-actions #doneScanning{grid-column:auto}.scanner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.scanner-actions .btn,.scanner-actions .image-scan-btn{width:100%;min-width:0}.scanner-status:before{content:'';width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#19a974;margin-right:8px;box-shadow:0 0 0 4px rgba(25,169,116,.13)}
@media(max-width:760px){.reader-wrap video,#reader video{object-fit:contain!important}.image-rotate-panel{padding:9px}.rotate-actions{gap:5px}.rotate-actions .btn{font-size:12px}.scanner-actions{gap:7px}}

/* BetterLink identity, SVG icon system and repeat-stock workflow */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.brand-official{display:grid;grid-template-columns:auto;gap:1px;align-items:center}.brand-official img{display:block;width:190px;max-width:100%;height:auto}.brand-official small{padding-left:45px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.topbar .brand-official img{width:145px}.topbar .brand-official small{padding-left:34px;font-size:8px}.nav-item .ui-icon{width:21px;height:21px}.btn .ui-icon,.mini-btn .ui-icon,.scan-btn .ui-icon{width:17px;height:17px}.icon-btn .ui-icon{width:21px;height:21px}.view-product{display:flex;align-items:center;justify-content:space-between}.view-product .ui-icon{width:15px;height:15px}.product-img>span .ui-icon,.detail-image>span .ui-icon{width:38px;height:38px}.detail-add-units{margin-top:18px}.existing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.existing-product-panel{align-self:start}.existing-search-label{margin-top:16px}.searchbar.embedded{margin:0;max-width:none}.searchbar .ui-icon{color:var(--muted);width:20px;height:20px}.live-suggestions{display:grid;gap:7px;margin-top:9px}.suggestion-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-align:left}.suggestion-item:hover,.suggestion-item:focus{border-color:#f4772170;background:#fff9f5}.suggestion-image{width:48px;height:48px;border-radius:9px;overflow:hidden;background:#edf1f5;display:grid;place-items:center}.suggestion-image img{width:100%;height:100%;object-fit:cover}.suggestion-item>span{display:grid;min-width:0}.suggestion-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-empty{padding:18px;text-align:center;color:var(--muted)}.selected-product{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:13px;align-items:center;margin-top:13px;padding:12px;border:1px solid #bde6d6;border-radius:14px;background:#edf9f4}.selected-product[hidden]{display:none}.selected-product-image{width:68px;height:68px;border-radius:10px;overflow:hidden;background:#fff;display:grid;place-items:center}.selected-product-image img{width:100%;height:100%;object-fit:cover}.selected-product>div:nth-child(2){display:grid;min-width:0}.selected-product small,.selected-product span{color:var(--muted)}.selected-product strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-qty{text-align:center}.selected-qty strong{font-size:25px;color:var(--green)}.selected-qty span{font-size:10px}.existing-note{margin-top:17px}.product-filters{display:grid;grid-template-columns:minmax(260px,600px) minmax(180px,260px);gap:11px;align-items:start}.product-filters .searchbar{margin:0}.result-summary{min-height:22px;margin:10px 0 16px;color:var(--muted);font-size:13px}.category-chip{display:inline-block;padding:5px 8px;border-radius:20px;background:#eef3f8;color:var(--navy);font-size:11px;font-weight:800}.serial-tag button .ui-icon{width:13px;height:13px}.last-serial-added .ui-icon{width:16px;height:16px}.bottom-nav .ui-icon{width:20px;height:20px}
@media(max-width:760px){.brand-official img{width:158px}.brand-official small{padding-left:37px}.topbar .brand-official img{width:125px}.topbar .brand-official small{display:none}.existing-layout{grid-template-columns:1fr;gap:12px}.selected-product{grid-template-columns:56px minmax(0,1fr)}.selected-product-image{width:56px;height:56px}.selected-qty{grid-column:1/-1;display:flex!important;justify-content:center;align-items:baseline;gap:6px;padding-top:8px;border-top:1px solid #cfe9de}.product-filters{grid-template-columns:1fr;gap:8px}.product-filters select{min-height:46px}.result-summary{margin-top:8px}.suggestion-item{grid-template-columns:45px minmax(0,1fr) auto}.suggestion-image{width:45px;height:45px}.existing-layout .form-submit{grid-column:1}}
.remove-last-serial{margin-left:auto;display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:7px 10px;border:1px solid #efb9b9;border-radius:9px;background:#fff;color:#bf3535;font-size:12px;font-weight:800}.remove-last-serial:hover{background:#fff3f3}.remove-last-serial .ui-icon{width:14px;height:14px}.btn,.scan-btn,.icon-btn,.mini-btn,.nav-item,.bottom-nav button,.remove-last-serial{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:disabled,.scan-btn:disabled,.mini-btn:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:760px){.last-serial-added{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;padding:10px}.last-serial-added strong{font-size:13px}.remove-last-serial{min-height:42px;font-size:13px}.btn{min-height:48px}.icon-btn{min-width:44px;min-height:44px}.nav-item{min-height:48px}.form-grid>label,.scanner-card>label{min-width:0}.content{padding-bottom:24px}.bottom-nav button{min-width:62px}}
@media(max-width:380px){.last-serial-added{grid-template-columns:30px minmax(0,1fr)}.remove-last-serial{grid-column:1/-1;width:100%;justify-content:center}.topbar .brand-official img{width:116px}.content{padding-left:9px;padding-right:9px}.panel{padding:13px}}

/* Serial-level notes and severe damage flag */
.unit-row.is-damaged{border:2px solid #e54848;background:#fff6f6}.unit-identity{display:grid;min-width:0}.damage-label{padding:6px 9px;border-radius:20px;background:#d92f2f;color:#fff;font-size:11px;white-space:nowrap}.unit-condition{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.unit-note-input{width:100%;min-height:46px;max-height:120px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font:inherit;resize:vertical}.damage-toggle{border-color:#d92f2f!important;background:#d92f2f!important;color:#fff!important}.damage-toggle.active{background:#a91f1f!important}.save-unit-note{min-height:42px}
@media(max-width:760px){.unit-condition{grid-template-columns:1fr!important}.unit-note-input{min-height:70px;font-size:16px}.unit-condition .mini-btn{width:100%;min-height:44px}.damage-label{grid-column:1/-1;text-align:center}.unit-row.is-damaged{padding:12px}}

/* Private business messages, image viewer and quick serial entry */
.top-chat-btn{min-height:40px;padding:8px 13px;border:1px solid #dce4ec;border-radius:10px;background:#fff;color:var(--navy);font-weight:800}.message-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px}.message-contacts,.conversation-panel{min-height:560px}.message-contacts h2{margin-bottom:14px}.contact-list{display:grid;gap:7px}.contact-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;color:var(--navy)}.contact-item.active,.contact-item:hover{border-color:var(--orange);background:#fff8f3}.contact-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff0e6;color:#c55810;font-weight:900}.contact-item>span:nth-child(2){display:grid;min-width:0}.contact-item small{color:var(--muted)}.contact-item em{min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-style:normal;font-weight:900}.conversation-empty{min-height:500px;display:grid;place-content:center;text-align:center;color:var(--muted)}.conversation-empty strong{color:var(--navy);font-size:22px}.conversation-active,.conversation-panel>div:not(.conversation-empty){height:100%}.conversation-head{padding-bottom:12px;border-bottom:1px solid var(--line)}.conversation-head>div{display:grid}.conversation-head span{color:var(--muted);font-size:12px}.message-thread{height:420px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:14px 2px}.message-bubble{max-width:78%;padding:10px 12px;border-radius:14px;background:#eef2f6;align-self:flex-start}.message-bubble.mine{align-self:flex-end;background:#fff0e6}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.message-bubble small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.message-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.message-compose textarea{min-height:50px;max-height:120px;padding:11px;border:1px solid var(--line);border-radius:12px;font:inherit;resize:vertical}.image-viewer{z-index:1000;background:rgba(2,8,16,.95);display:none;place-items:center;padding:24px}.image-viewer.open{display:grid}.image-viewer img{max-width:95vw;max-height:92vh;object-fit:contain}.image-viewer-close{position:fixed;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:28px}.detail-image img{cursor:zoom-in}.serial-ready{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important;animation:serialPrompt .2s ease-out}@keyframes serialPrompt{from{transform:scale(.96);opacity:.7}to{transform:scale(1);opacity:1}}
@media(max-width:760px){.top-chat-btn{min-width:44px;padding:8px;font-size:11px}.user-pill{display:none}.message-layout{grid-template-columns:1fr;gap:10px}.message-contacts{min-height:0;max-height:220px;overflow:auto}.conversation-panel{min-height:480px;padding:13px}.message-thread{height:48dvh;min-height:300px}.message-compose{grid-template-columns:1fr}.message-compose textarea{font-size:16px}.message-compose .btn{width:100%}.message-bubble{max-width:88%}.serial-ready{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:8;box-shadow:0 8px 22px rgba(244,119,33,.28)}}

/* Message notification badges and serial notes register */
.message-tab-button{position:relative}.notification-badge{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:20px;background:#df3030;color:#fff;font-size:10px;font-weight:900;line-height:1}.notification-badge[hidden]{display:none}.notes-toolbar{max-width:680px;margin-bottom:14px}.notes-list{display:grid;gap:10px}.note-record{display:grid;grid-template-columns:minmax(230px,1.1fr) minmax(180px,.75fr) minmax(260px,1.4fr);gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.note-record.is-damaged{border:2px solid #df3030;background:#fff7f7}.note-product{display:grid;grid-template-columns:62px minmax(0,1fr);gap:11px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left}.note-image{width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#eef2f5}.note-image img{width:100%;height:100%;object-fit:cover}.note-product>span:last-child,.note-serial,.note-copy{display:grid;min-width:0}.note-product small,.note-serial small,.note-copy small{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.note-product strong,.note-serial strong{word-break:break-word}.note-product em{color:var(--muted);font-size:12px;font-style:normal}.note-serial span{justify-self:start;margin-top:5px;padding:5px 8px;border-radius:20px;background:#df3030;color:#fff;font-size:10px;font-weight:900}.note-copy p{margin:3px 0 0;white-space:pre-wrap;word-break:break-word}.contact-item em{background:#df3030}
@media(max-width:760px){.note-record{grid-template-columns:1fr;padding:12px;gap:10px}.note-product{grid-template-columns:54px minmax(0,1fr)}.note-image{width:54px;height:54px}.note-serial,.note-copy{padding-top:9px;border-top:1px solid var(--line)}.top-actions{gap:5px}.top-chat-btn{font-size:10px;padding:7px}.notification-badge{top:-8px;right:-5px}}

/* Administrator-only permanent deletion controls */
.btn.danger,.delete-unit-btn{border-color:#d92f2f!important;background:#fff!important;color:#c62828!important}.btn.danger:hover,.delete-unit-btn:hover{background:#d92f2f!important;color:#fff!important}.delete-product-btn{width:100%;margin-top:9px}.delete-unit-btn{min-height:38px}
@media(max-width:760px){.delete-product-btn{min-height:48px}.unit-row .delete-unit-btn{grid-column:1/-1;min-height:44px;font-size:13px}}

/* Model barcode selection and serial product finder */
.searchbar.embedded{position:relative}.searchbar.embedded:has(.search-scan-btn) input{padding-right:132px}.search-scan-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:5px;min-width:112px}.finder-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:16px}.finder-scanner{align-self:start;display:grid;gap:14px}.finder-result{min-height:420px}.finder-card{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);gap:20px}.finder-card.is-damaged{padding:13px;border:2px solid #d92f2f;border-radius:15px;background:#fff7f7}.finder-image{display:grid;align-content:start;gap:7px;padding:0;border:0;background:transparent;color:var(--muted);text-align:center}.finder-image>span{display:grid;place-items:center;overflow:hidden;aspect-ratio:4/3;border-radius:14px;background:#eef2f5}.finder-image img{width:100%;height:100%;object-fit:contain}.finder-image .ui-icon{width:48px;height:48px}.finder-details h2{margin:4px 0;font-size:26px}.finder-details>p{color:var(--muted)}.finder-details dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:9px 12px}.finder-details dt{color:var(--muted)}.finder-details dd{margin:0;font-weight:800;word-break:break-word}.finder-note{margin:15px 0;padding:12px;border-radius:12px;background:#f3f6f9}.finder-note small{color:var(--muted);font-weight:800}.finder-note p{margin:4px 0 0;white-space:pre-wrap}.finder-damage{display:inline-block;padding:7px 10px;border-radius:20px;background:#d92f2f;color:#fff}.finder-not-found{min-height:360px;display:grid;place-content:center;justify-items:center;gap:7px;text-align:center;color:var(--muted)}.finder-not-found .ui-icon{width:42px;height:42px}.finder-not-found strong{color:var(--navy);font-size:22px}
@media(max-width:760px){.finder-layout{grid-template-columns:1fr;gap:11px}.finder-result{min-height:360px;padding:13px}.finder-card{grid-template-columns:1fr;gap:14px}.finder-image>span{aspect-ratio:16/10}.finder-details h2{font-size:22px}.finder-details dl{grid-template-columns:112px minmax(0,1fr);font-size:13px}.searchbar.embedded:has(.search-scan-btn) input{padding-right:118px}.search-scan-btn{min-width:102px;font-size:12px}.topbar .brand-official img{width:108px}.top-chat-btn{padding:6px;font-size:9px}}

/* Mobile containment fixes and administrator editing */
.searchbar.embedded{position:relative!important;top:auto!important;z-index:1!important;margin:8px 0 0!important;box-shadow:none!important}.admin-product-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:9px}.admin-product-actions .btn{width:100%;margin:0}.edit-serial-btn{border-color:#c8d5e2;background:#fff;color:var(--navy)}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.existing-product-panel{overflow:visible}.existing-search-label{display:block}.searchbar.embedded{width:100%;max-width:100%;transform:none!important}.searchbar.embedded input{min-width:0}.detail-modal{overflow:hidden!important}.detail-modal .detail-card{display:block!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:0!important;padding:calc(16px + env(safe-area-inset-top)) 13px calc(120px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch}.detail-modal .modal-head{position:sticky!important;top:0!important;z-index:15!important;margin:-16px -13px 12px!important;padding:16px 13px 10px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px)}.detail-modal .unit-list{padding-bottom:20px}.unit-row{grid-template-columns:minmax(0,1fr) auto!important}.unit-row .unit-adjust,.unit-row .edit-serial-btn,.unit-row .delete-unit-btn{grid-column:1/-1;width:100%;min-height:46px}.admin-product-actions .btn{min-height:48px}.existing-layout .form-submit{bottom:calc(67px + env(safe-area-inset-bottom));z-index:9}}
@media(max-width:420px){.topbar{padding-left:9px;padding-right:9px}.top-actions{gap:3px}.topbar .brand-official img{width:94px}.top-chat-btn{min-width:40px;padding:6px 5px;font-size:9px}.icon-btn{min-width:42px}.existing-layout .panel{padding-left:12px;padding-right:12px}.search-scan-btn{min-width:94px!important;padding-left:8px!important;padding-right:8px!important}.searchbar.embedded:has(.search-scan-btn) input{padding-right:106px}}