.customer-dashboard .portal-main{max-width:1500px}.customer-dashboard .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.customer-dashboard .stat{min-width:0}.customer-dashboard .stat strong{font-size:clamp(1.3rem,2.4vw,2rem);overflow-wrap:anywhere}.customer-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.customer-package{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;margin:14px 0;min-width:0;overflow-wrap:anywhere}.package-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.package-card-top h3{margin:0;font-size:17px}.customer-package>button{margin:8px 8px 0 0;min-height:44px}.package-due{font-weight:700;color:var(--teal)}.shipping-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:20px 0}.shipping-progress li{position:relative;font-size:11px;padding-top:12px;border-top:4px solid #e3e9eb;color:#536471}.shipping-progress li.passed{border-color:#88beb3}.shipping-progress li.current{border-color:#007f78;font-weight:800;color:#00665e}.shipping-progress li.current:before{content:'';position:absolute;top:-7px;left:0;width:10px;height:10px;background:#007f78;border-radius:50%}.status-ready{background:#dcf5e9;color:#075837}.status-collected{background:#e9edf0;color:#334755}.address-field{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:16px 0}.address-field>div{min-width:0;overflow-wrap:anywhere}.address-field p{margin:4px 0}.address-field button{flex-shrink:0;min-height:44px}.customer-dashboard input,.customer-dashboard select,.customer-dashboard textarea{font-size:16px}.customer-dashboard #customer-actions>.panel:empty{display:none}.customer-dashboard #collection-history{max-width:1000px}.customer-dashboard #package-dialog{width:min(700px,94vw)}.customer-dashboard #customer-next-actions button{margin:6px 8px 6px 0}.customer-dashboard #shipping-address .address-text{white-space:pre-line}.customer-dashboard #address-copy-fallback{width:100%;min-height:130px}.customer-dashboard .customer-receipts{padding-top:12px;border-top:1px solid var(--line);margin-bottom:24px}
@media(max-width:760px){.customer-dashboard .sidebar{position:static;width:auto;padding:16px;background:#081827}.customer-dashboard .sidebar nav{display:flex;gap:6px;overflow-x:auto;padding:10px 0;flex-wrap:nowrap}.customer-dashboard .sidebar nav button{white-space:nowrap;flex:0 0 auto;min-height:44px;width:auto;margin:0}.customer-dashboard .sidebar-bottom{position:static;display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}.customer-dashboard .portal-main{margin-left:0;padding:18px 14px}.customer-dashboard .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-dashboard .two-column{grid-template-columns:1fr}.customer-dashboard .section-top{align-items:flex-start;gap:12px;flex-wrap:wrap}.customer-dashboard .panel{padding:18px}.customer-package{padding:16px}.address-field{align-items:flex-start;flex-direction:column}.address-field button{width:100%}.customer-dashboard .toolbar{display:flex;flex-direction:column;align-items:stretch}.customer-dashboard .toolbar>*{width:100%}.shipping-progress{gap:4px}.shipping-progress li{font-size:10px}.customer-dashboard .portal-top{gap:8px;flex-wrap:wrap}.customer-dashboard h1{font-size:28px}.customer-dashboard .stat{padding:16px}.customer-shortcuts button{flex:1 1 140px}}

/* Customer tracking refresh — 24 October 2026 */
.customer-dashboard .customer-package{padding:20px;border:1px solid #dce7e9;border-radius:20px;box-shadow:0 5px 20px #153a4710;margin:16px 0;background:#fff}
.customer-dashboard .package-card-top{display:block}.ys-tracking-label{display:block;font-size:10px;font-weight:750;letter-spacing:1.5px;color:#647780;margin-bottom:7px}.customer-dashboard .package-card-top h3{font-size:18px;line-height:1.35;overflow-wrap:anywhere;letter-spacing:-.4px}
.ys-package-meta{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:12px;color:#546972;margin:12px 0 16px}.ys-package-meta span:first-child{flex:1 1 100%;font-weight:600;color:#354f59}
.ys-tracking{background:#f6faf9;border:1px solid #dfebe8;border-radius:14px;overflow:hidden}.ys-tracking-status{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e7f4ef;padding:16px}.ys-tracking-status>div{min-width:0}.ys-tracking-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#43776b}.ys-tracking-status strong{display:block;font-size:18px;line-height:1.3;color:#126052;margin:6px 0}.ys-tracking-status small{display:block;font-size:11px;line-height:1.5;color:#476d65}.ys-stage-count{flex:none;font-size:12px;font-weight:700;border:1px solid #bfded3;border-radius:999px;padding:6px 9px;color:#176752;background:#ffffff80}
.customer-dashboard .ys-journey-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:20px 10px 18px}.ys-journey-rail li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;text-align:center;color:#687d84;font-size:9px;line-height:1.3}.ys-journey-rail li:after{content:'';position:absolute;top:12px;left:calc(50% + 13px);width:calc(100% - 26px);height:2px;background:#d4e1df}.ys-journey-rail li:last-child:after{display:none}.ys-journey-dot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:25px;height:25px;box-sizing:border-box;border:1.5px solid #cbdcd8;border-radius:50%;font-size:11px;background:#f6faf9;color:#68827b}.ys-journey-rail .passed .ys-journey-dot{background:#d7ede4;border-color:#badbcf;color:#196650}.ys-journey-rail .passed:after{background:#a6cec0}.ys-journey-rail .current{font-weight:800;color:#096b55}.ys-journey-rail .current .ys-journey-dot{background:#0b7960;border-color:#0b7960;color:#fff;box-shadow:0 0 0 4px #d7ece4}
.ys-journey-history{border-top:1px solid #dfebe8}.ys-journey-history summary{padding:14px 16px;cursor:pointer;font-size:12px;font-weight:700;color:#285f52;min-height:44px;box-sizing:border-box}.ys-journey-history summary:focus-visible{outline:2px solid #08765d;outline-offset:-3px}.customer-dashboard .ys-tracking-timeline{list-style:none;margin:4px 16px 0;padding:0 0 0 8px}.ys-tracking-timeline li{position:relative;border-left:2px solid #d5e3de;padding:0 0 18px 20px;font-size:12px;color:#576d66}.ys-tracking-timeline li:last-child{border-color:transparent;padding-bottom:6px}.ys-tracking-timeline li:before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:#d5e3de}.ys-tracking-timeline li.passed:before{background:#7db4a2}.ys-tracking-timeline li.current:before{background:#08765d;box-shadow:0 0 0 3px #deeee7}.ys-tracking-timeline li.current strong{color:#08634e}.ys-tracking-timeline strong,.ys-tracking-timeline small{display:block}.ys-tracking-timeline small{font-size:11px;margin-top:5px;line-height:1.5;font-weight:400}.ys-timezone{display:block;padding:10px 16px 16px;font-size:10px;color:#657a72}
.customer-dashboard .customer-package .package-due{font-size:13px;margin:16px 0 8px;line-height:1.5}.customer-dashboard .customer-package>button{font-size:13px;border-radius:10px;padding:12px 16px;min-height:44px;margin:6px 6px 0 0}
@media(max-width:480px){.customer-dashboard .customer-package{padding:16px}.customer-dashboard .customer-package>button{width:100%;margin-right:0}.ys-tracking-status{padding:14px 12px}.ys-tracking-status strong{font-size:17px}.ys-journey-rail{padding-left:5px;padding-right:5px}}
