.icon{width:1em;height:1em;display:block;object-fit:contain}
.nav-actions .new-order-link{padding:10px 15px;border:1px solid #d6e2e9;border-radius:10px;background:#fff;color:#15365d;transition:.2s}
.nav-actions .new-order-link:hover{border-color:#a3df20;background:#f4f9eb}
.lookup button{display:flex;align-items:center;justify-content:center;gap:9px}
.lookup button .icon{width:17px;height:17px}
.parcel{font-size:inherit}
.parcel .icon{width:68px;height:68px}
.route-point{font-size:inherit}
.route-point .icon{width:21px;height:21px}
.status-badge>span{font-size:inherit}
.status-badge .icon{width:25px;height:25px}
.updated-status{display:flex;align-items:center;gap:5px;margin-top:7px;color:#78905e;font-size:11px;font-weight:600}
.updated-status .icon{width:14px;height:14px}
.track-line{z-index:0}
.stage-row{position:relative;z-index:1;margin-top:-23px}
.stage-icon{width:46px;height:46px;margin-bottom:9px;font-size:inherit}
.stage-icon .icon{width:18px;height:18px;opacity:.55}
.stage.done .icon{opacity:1}
.track-line span{overflow:hidden}
.track-line span::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9px,#fff9 9px 14px);background-size:28px 100%;animation:route-flow 1.1s linear infinite}
.stage.active .stage-icon{animation:active-stop 1.8s ease-in-out infinite}
@keyframes route-flow{to{background-position:-28px 0}}
@keyframes active-stop{50%{transform:translateY(-3px);box-shadow:0 0 0 9px #a3df201d}}
.swipe-hint{display:none;margin:12px 0 0;color:#7f91a7;font-size:11px;font-weight:600}
.swipe-hint .icon{display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle}
.details div{position:relative}
.details .icon{width:19px;height:19px;margin-bottom:11px;opacity:.8}
.details .address-detail{grid-column:1/-1;display:block;padding:18px 31px;border-left:0;border-bottom:1px solid #e5edf1;background:#fbfdfe}
.details .address-detail .icon{display:inline-block;margin:0 0 0 9px;vertical-align:middle}
.details .address-detail span{display:inline}
.details .address-detail strong{margin-top:8px;font-size:14px;line-height:1.8}
.product-card{display:flex;grid-template-columns:none;align-items:center;gap:20px;margin:0 46px 38px;padding:18px 20px;border:1px solid #e4edf0;border-radius:15px;background:#fbfdfe}
.product-photo{width:76px;height:64px;flex:0 0 76px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#eff7df;font-size:inherit}
.product-photo img{width:100%;height:100%;object-fit:cover}
.product-photo .icon{width:34px;height:34px}
.product-card p{margin:0 0 5px;color:#7f91a7;font-size:12px}
.product-card strong{color:#15365d;font-size:16px}
.product-card>span,.product-link{margin-right:auto;display:flex;align-items:center;gap:7px;color:#76b810;font-size:12px;font-weight:800;text-decoration:none}
.product-card>span .icon,.product-link .icon{width:18px;height:18px}
.product-link:hover{text-decoration:underline}
.social-strip{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 46px 36px;padding:0 4px;color:#7f91a7;font-size:13px}
.social-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dce7ea;border-radius:50%;background:#fff;color:#15365d;text-decoration:none}
.social-icon .icon{width:21px;height:21px}
.social-icon:hover{border-color:#a3df20;background:#f8fdef}
.steps article>span{font-size:inherit}
.steps article .icon{width:23px;height:23px}
.upload-box span .icon{width:31px;height:31px}
@media(max-width:740px){
  .nav-actions>a{display:none!important}
  .nav-actions>.new-order-link{display:inline-flex!important;padding:8px 10px;font-size:11px}
  .swipe-hint{display:flex;align-items:center;justify-content:center}
  .details .address-detail{grid-column:1/-1;padding:18px}
  .details .address-detail strong{font-size:13px}
  .product-card{margin:0 18px 25px;gap:12px}
  .product-card>span,.product-link{display:none}
  .social-strip{margin:0 18px 26px}
  .updated-status{font-size:10px}
}