.courier-ref{--ref-navy:#2B3476;--ref-green:#00864B;--ref-red:#CE1F2A;--ref-bg:#F3F4F9;--ref-line:#E2E6F0}html body #sheet.pgmode.scrollpage{inset:0 0 auto!important;height:calc(var(--phone-height,100vh) - var(--navh,72px))!important;max-height:calc(var(--phone-height,100vh) - var(--navh,72px))!important;overflow:hidden!important;padding:0!important}html body #sheet.pgmode.scrollpage>.panel.pg{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important;transform:none!important}html body #sheet.pgmode.scrollpage .pgscroll{flex:1 1 0!important;min-height:0!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding:80px 0 20px}html body #sheet.pgmode.scrollpage .pgscroll>.cbody{padding-bottom:24px!important}html body #sheet.pgmode.scrollpage .pgscroll>.cbody:after{display:none!important}html body #sheet.pgmode.scrollpage .cfoot{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;margin:0!important;padding:12px 16px!important;border-top:1px solid var(--ref-line);background:var(--v-bg,var(--ref-bg))!important;z-index:2!important;transform:none!important}html body #sheet.pgmode.scrollpage .pgscroll>.ch{position:sticky!important;top:0;background:var(--v-bg,var(--ref-bg))!important}#scan-next{margin-bottom:8px!important}.courier-ref .today .cc.nextc{border:0!important;border-radius:22px!important;padding:20px!important;background:#fff!important;color:#121827!important}.courier-ref .today .nxwho{color:#111827!important;letter-spacing:-.025em!important}.courier-ref .today .nxacts{grid-template-columns:repeat(3,minmax(0,1fr))!important}.courier-ref .today #nxinfo{grid-column:1/-1;min-height:44px!important}.courier-ref .today .phasebar{background:#fff!important;border-radius:16px!important;padding:12px 6px!important;gap:0!important}.courier-ref .today .phasebar>span+span{border-inline-start:1px solid var(--ref-line)}.courier-ref .today .phasebar .cod{background:transparent!important;color:#916000!important}.courier-ref .today .phasebar b{color:#111827!important;font-size:18px!important}.courier-ref .today .areagroup{background:#fff;border-radius:18px}.courier-ref .areagroup[open]{border:2px solid var(--ref-navy)}.courier-ref .proofbody,.courier-ref .issuebody{background:#fff;color:#151b2b;border-radius:24px 24px 0 0;padding:20px!important}.courier-ref .proofbody .chead,.courier-ref .issuebody .chead{font-size:22px!important;line-height:1.3!important;color:#111827!important}.courier-ref .proofcustomer,.courier-ref .issuecustomer{background:transparent!important;border:0!important;padding:0!important;margin:10px 0 14px!important;box-shadow:none!important}.courier-ref .proofavatar{display:none!important}.courier-ref .proofcustomer b{font-size:17px!important}.courier-ref .proofcustomer small{font-size:13px!important}.courier-ref .proofbody .proofchips{display:none}.courier-ref .outtog{display:grid!important;grid-template-columns:1fr 1fr!important;background:#f3f4f8!important;border-radius:16px!important;padding:5px!important;gap:4px!important;margin:0 0 18px!important}.courier-ref #outtog button{background:transparent!important;color:#5c657a!important;border:0!important;border-radius:12px!important;min-height:48px!important;font-size:14px!important}.courier-ref #outtog [data-o=delivered].on{background:var(--ref-green)!important;color:#fff!important}.courier-ref #outtog [data-o=failed].on{background:var(--ref-red)!important;color:#fff!important}.proofmethods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.proofmethods button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #D7DDEF;border-radius:14px;min-height:88px;background:#fff;color:#1e2536;font:600 13px/1.3 inherit;padding:10px 4px}.proofmethods svg{width:24px;height:24px}.proofmethods [data-proof=photo]{background:#e2f5eb;border:2px solid var(--ref-green);color:#006a3c}.courier-ref .proofsection,.courier-ref .proofoptional{border:0!important;box-shadow:none!important;padding:12px 0!important;margin:8px 0!important;background:transparent!important;border-radius:0!important}.courier-ref .proofbody .pth{height:90px!important;aspect-ratio:auto!important}.courier-ref .proofbody .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.courier-ref .creasons .rs{background:#fff!important;border:1px solid #DCE1EF!important;border-radius:12px!important;min-height:52px!important;padding:10px 14px!important;font-size:14px!important;color:#171e2d!important}.courier-ref .creasons .rs.on{border:2px solid var(--ref-red)!important;background:#fff0f1!important;color:#a71c2a!important}.confirmdelivery{position:relative;touch-action:none;overflow:hidden;min-height:60px!important;background:var(--ref-green)!important;color:#fff!important}.confirmdelivery i{position:absolute;inset-inline-start:6px;top:6px;bottom:6px;width:46px;background:#fff;color:var(--ref-green);border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:24px;z-index:1}.confirmdelivery:before{content:"";position:absolute;inset:0;background:#2b3476;transform:scaleX(var(--swipe-progress,0));transform-origin:left;pointer-events:none}.confirmdelivery span{position:relative;pointer-events:none;font-size:14px}html[dir=rtl] .confirmdelivery:before{transform-origin:right}.courier-ref .scan header.shellh{display:none!important}.courier-ref .scan .sload{display:flex!important;background:var(--ref-navy)!important;color:#fff!important;padding:calc(16px + var(--sat,env(safe-area-inset-top,0px))) 16px 16px!important;gap:16px!important;margin:0!important}.courier-ref .scan .sring{width:72px!important;height:72px!important;flex:0 0 72px!important}.courier-ref .scan .sring b{color:#fff!important;font-size:20px!important}.loadcopy{min-width:0;flex:1}.loadcopy h1{font-size:20px;line-height:1.3;margin:0 0 6px;color:#fff}.courier-ref .scan .sleft{color:#dce2fa!important;font-size:13px!important;line-height:1.4!important;margin:0!important}.courier-ref .scan .ccam{width:calc(100% - 32px)!important;height:clamp(200px,30dvh,300px)!important;min-height:0!important;max-height:none!important;margin:16px!important;border-radius:18px!important;isolation:isolate;background:#111520!important}.courier-ref .ccam .dreader{min-height:0!important;max-height:100%!important;overflow:hidden!important}.courier-ref .ccam .zcam,.courier-ref .ccam video{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}.courier-ref .scan .ccam:after{width:72%!important;height:60%!important;aspect-ratio:auto!important;max-height:none!important;left:50%!important;top:46%!important;transform:translate(-50%,-50%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(#fff,#fff) left top/26px 4px,linear-gradient(#fff,#fff) left top/4px 26px,linear-gradient(#fff,#fff) right top/26px 4px,linear-gradient(#fff,#fff) right top/4px 26px,linear-gradient(#fff,#fff) left bottom/26px 4px,linear-gradient(#fff,#fff) left bottom/4px 26px,linear-gradient(#fff,#fff) right bottom/26px 4px,linear-gradient(#fff,#fff) right bottom/4px 26px!important;background-repeat:no-repeat!important}.courier-ref .scan .ccam:before{background:#2dd49a!important;left:18%!important;right:18%!important;top:46%!important;animation:none!important;z-index:2}.courier-ref .scan .ccam>span{bottom:12px;font-size:10px}.courier-ref .scan .rbanner{inset:auto 10px 10px!important;z-index:3}.courier-ref .scan .cbody{padding-bottom:calc(var(--cfh,140px) + var(--navh,72px) + 32px)!important}.courier-ref .scan .scanf #rstart{background:var(--ref-navy)!important;color:#fff!important;order:-1}.courier-ref .scan .scanf #rmiss{background:#fff!important;border:1px solid #DBDFEB!important;color:#a91829!important}@media (max-height:500px){.courier-ref .scan .ccam{height:180px!important}.courier-ref .scan .sload{padding-top:10px!important}.courier-ref .scan .sring{width:48px!important;height:48px!important;flex-basis:48px!important}}body:has(#sheet.pgmode:not([hidden])) #app .locban{display:none!important}.courier-ref #rec{background:#ce1f2a!important;color:#fff!important;border:0!important;border-radius:14px!important}.courier-ref #rec:disabled{background:#f7dadf!important;color:#962231!important;border:1px dashed #C66E78!important;cursor:not-allowed}html body.courier-ref #cdl.confirmdelivery{background:#007a43!important;color:#fff!important;opacity:1!important;border:0!important}html body.courier-ref #cdl.confirmdelivery>span{color:#fff!important;opacity:1!important}html body.courier-ref #cdl.confirmdelivery>i{background:#fff!important;color:#006b3b!important}html body.courier-ref #cdl.confirmdelivery:disabled{background:#e8edf0!important;color:#43516a!important;border:1px dashed #8290A4!important}html body.courier-ref #cdl.confirmdelivery:disabled>span,html body.courier-ref #cdl.confirmdelivery:disabled>i{color:#43516a!important}html body.courier-ref #sheet .awb b,html body.courier-ref .awb b{background:#fff1aa!important;color:#24345d!important;opacity:1!important;border-radius:4px;padding:1px 3px}html body.courier-ref .proofbody :is(.awb,.proofcustomer b,.proofcustomer small,.csub),html body.courier-ref .issuebody :is(.awb,.issuecustomer b,.csub){color:#43516a!important;opacity:1!important}html body.courier-ref .proofbody .proofcustomer b,html body.courier-ref .issuebody .issuecustomer b{color:#172343!important}html:has(body.courier-ref){scroll-padding-top:calc(var(--shellh,140px) + 12px);scroll-padding-bottom:calc(var(--cfh,80px) + var(--navh,72px) + 12px)}.courier-ref #tlist .cstop,.courier-ref #tlist summary{scroll-margin-top:calc(var(--shellh,140px) + 12px);scroll-margin-bottom:calc(var(--cfh,80px) + var(--navh,72px) + 12px)}html body.courier-ref #cdl.confirmdelivery,html body.courier-ref #rec{transition:none!important}html body.courier-ref .proofbody :is(.proofoptional summary,#pcnt,#otplab,.clab){color:#43516a!important;opacity:1!important}html body.courier-ref .proofbody .pth.add{background:#f5f7fc!important;color:#24345d!important;border:1px dashed #B5C0D8!important}html body.courier-ref .proofbody .pth.add :is(small,svg){color:#24345d!important;opacity:1!important}.courier-ref .scan .ccam:before{top:50%!important}.courier-ref .scan .ccam:after{top:50%!important}@media (max-height:500px){.courier-ref .scan .ccam{height:clamp(64px,var(--camera-h,96px),180px)!important}}.courier-ref .scanf #rstart,.courier-ref .scan #raddbtn{background:#2b3476!important;color:#fff!important}.courier-ref .scanf #rstart{order:-1}.courier-ref .scanf #rmiss{background:#fff!important;color:#a91829!important;border:1px solid #D8DEEC!important}button.onshift[data-shift]{min-height:44px!important;min-width:64px;pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:1}button.onshift[data-shift]:after{pointer-events:none;inset:0}