/* Customer order detail: compact desktop layout without affecting other account pages. */
.tracking-map-wrap{padding:18px 0 0}
.tracking-map-wrap[hidden]{display:none!important}
.tracking-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px}
.tracking-detail-heading h1{margin:0 0 2px;color:#152238;font-size:clamp(1.75rem,3vw,2.3rem);letter-spacing:.045em}
.tracking-detail-heading p{margin:0;color:#66758b;font-size:.8rem}
.tracking-detail-heading .eyebrow{display:none}
.tracking-detail-heading .account-id{padding:7px 11px;border:1px solid #dce5f1;border-radius:999px;background:#fff;color:#66758b;font-size:.7rem}
.tracking-map-wrap .tracking-map{height:220px;min-height:220px;border-radius:16px;box-shadow:0 10px 32px rgba(24,51,87,.06)}
.tracking-map-wrap .tracking-map iframe{height:220px!important;min-height:220px!important}
.tracking-map-wrap .tracking-wait,.tracking-map-wrap .tracking-assigned{gap:5px;padding:22px}
.tracking-map-wrap .tracking-wait small,.tracking-map-wrap .tracking-assigned small{font-size:.82rem}
.tracking-overview{display:grid;grid-template-columns:minmax(0,1fr) 275px;align-items:stretch;gap:16px}
.tracking-overview .tracking-map{height:245px;min-height:245px}
.tracking-overview .tracking-map iframe{height:245px!important;min-height:245px!important}
.tracking-overview .order-courier-card{min-height:0;padding:17px;border-radius:16px;box-shadow:0 10px 32px rgba(24,51,87,.06)}
.tracking-overview .order-courier-card h2{margin:0 0 12px;font-size:.95rem}
.tracking-overview .order-courier-card h2+div{gap:10px!important;margin-bottom:10px!important}
.tracking-overview .order-courier-card h2+div img{width:44px!important;height:44px!important;max-width:44px!important;border-radius:12px!important;object-fit:cover!important}
.tracking-overview .order-courier-card h2+div>span{width:44px!important;height:44px!important;font-size:16px!important}
.tracking-overview .order-courier-card h2+div strong,.tracking-overview .order-courier-card h2+div small{display:block}
.tracking-overview .order-courier-card h2+div small{margin-top:2px;color:#718096;font-size:.68rem}
.tracking-overview .order-courier-card .button-small{min-height:31px;padding:7px 9px;border-radius:8px;font-size:.68rem}
.tracking-overview .order-courier-card .security-list{margin:9px 0 5px}
.tracking-overview .order-courier-card .security-list li{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}
.tracking-overview .order-courier-card .security-list span,.tracking-overview .order-courier-card .security-list strong{font-size:.7rem}
.tracking-overview .order-courier-card .summary-price{margin:5px 0 0;padding:9px 0;border-radius:0;background:transparent}
.tracking-overview .order-courier-card .summary-price span{color:#657184;font-size:.72rem}
.tracking-overview .order-courier-card .summary-price strong{color:#152238;font-size:1rem}
.tracking-overview .order-courier-card .alert{margin:8px 0;padding:9px;font-size:.7rem}
.account-section:has(.order-code){min-height:0;padding:28px 0 20px}
.account-section:has(.order-code) .account-heading{align-items:center;margin-bottom:17px}
.account-section:has(.order-code) .account-heading .eyebrow{display:none}
.account-section:has(.order-code) .account-heading h1{margin:0 0 2px;font-size:clamp(1.75rem,3vw,2.3rem);letter-spacing:.045em}
.account-section:has(.order-code) .account-heading p{font-size:.8rem}
.account-section:has(.order-code) .account-id{padding:7px 11px;border:1px solid #dce5f1;border-radius:999px;background:#fff;color:#66758b;font-size:.7rem}
.account-section:has(.order-code) .account-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:start;gap:16px}
.order-detail-board{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr);align-items:start;gap:16px}
.order-detail-board.is-single-column{grid-template-columns:1fr}
.order-detail-board.is-single-column .order-detail-side-column:empty{display:none}
.order-detail-main-column,.order-detail-side-column{display:flex;min-width:0;flex-direction:column;gap:16px}
.order-detail-board .account-card{align-self:stretch;margin:0;padding:20px;border-radius:17px}
.order-detail-board .account-card h2{font-size:1.02rem}
.account-section:has(.order-code) .account-grid>.account-card{align-self:start;padding:20px;border-radius:17px}
.account-section:has(.order-code) .account-grid>.account-card h2{font-size:1.02rem}
.account-section:has(.order-code) .detail-stop{position:relative;padding:14px 0 14px 32px}
.account-section:has(.order-code) .detail-stop:last-child{padding-bottom:2px;border-bottom:0}
.account-section:has(.order-code) .detail-stop:before{content:"";position:absolute;left:3px;top:18px;width:12px;height:12px;border:4px solid #e4edff;border-radius:50%;background:#246ee9}
.account-section:has(.order-code) .detail-stop:not(:last-child):after{content:"";position:absolute;left:10px;top:37px;bottom:-4px;width:1px;background:#d8e2ef}
.account-section:has(.order-code) .detail-stop small{font-size:.65rem;letter-spacing:.04em}
.account-section:has(.order-code) .detail-stop strong{margin:3px 0 2px;font-size:.88rem}
.account-section:has(.order-code) .detail-stop span{color:#66758b;font-size:.79rem;line-height:1.5}
.account-section:has(.order-code) .account-grid>aside img{width:56px!important;height:56px!important;max-width:56px!important;aspect-ratio:1;border-radius:15px!important;object-fit:cover!important}
.account-section:has(.order-code) .account-grid>aside{display:block;min-height:0!important}
.account-section:has(.order-code) .account-grid>aside>h2{margin-bottom:14px}
.account-section:has(.order-code) .account-grid>aside .alert{margin:12px 0;padding:11px 12px;font-size:.74rem;line-height:1.45}
.account-section:has(.order-code) .account-grid>aside .button-small{min-height:34px;padding:8px 11px;border-radius:9px;font-size:.72rem}
.account-section:has(.order-code) .security-list{margin:13px 0 8px}
.account-section:has(.order-code) .security-list li{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}
.account-section:has(.order-code) .security-list span,.account-section:has(.order-code) .security-list strong{font-size:.75rem}
.account-section:has(.order-code) .summary-price{margin:8px 0 0;padding:12px 0;border-radius:0;background:transparent}
.account-section:has(.order-code) .summary-price span{color:#657184;font-size:.78rem}
.account-section:has(.order-code) .summary-price strong{color:#152238;font-size:1.12rem}
.order-detail-lower-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start;gap:16px;margin-top:16px}
.account-section:has(.order-code) .order-photo-card{height:auto;margin-top:0;padding:18px}
.account-section:has(.order-code) .order-photo-heading{align-items:center;margin-bottom:13px}
.account-section:has(.order-code) .order-photo-heading h2{font-size:1.02rem}
.account-section:has(.order-code) .order-photo-heading p{font-size:.77rem}
.account-section:has(.order-code) .order-photo-layout.has-photo{position:relative;display:block}
.account-section:has(.order-code) .order-photo-preview{width:100%;min-height:0;max-height:210px;border-radius:11px;aspect-ratio:16/10}
.account-section:has(.order-code) .order-photo-picker{min-height:105px;padding:14px;border-radius:11px}
.account-section:has(.order-code) .order-photo-icon{width:31px;height:31px;border-radius:9px;font-size:1rem}
.account-section:has(.order-code) .order-photo-picker strong{font-size:.82rem}
.account-section:has(.order-code) .order-photo-picker small{font-size:.68rem}
.account-section:has(.order-code) .order-photo-submit{min-width:125px;padding:8px 11px}
.account-section:has(.order-code) .order-photo-upload.is-compact{position:absolute;top:9px;right:9px;z-index:3;display:block}
.account-section:has(.order-code) .order-photo-upload.is-compact .order-photo-picker{display:grid;width:38px;height:38px;min-height:0;padding:0;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:10px;background:rgba(15,34,62,.86);box-shadow:0 6px 18px rgba(15,23,42,.2)}
.account-section:has(.order-code) .order-photo-upload.is-compact .order-photo-picker:hover{background:#1769e0}
.account-section:has(.order-code) .order-photo-upload.is-compact .order-photo-icon{width:auto;height:auto;margin:0;background:transparent;color:#fff;font-size:1rem}
.account-section:has(.order-code) .order-photo-upload.is-compact strong,.account-section:has(.order-code) .order-photo-upload.is-compact small,.account-section:has(.order-code) .order-photo-upload.is-compact .order-photo-submit{display:none}
.order-movements-card{padding:18px}
.order-movements-card h2{margin:0;font-size:1.02rem}
.order-detail-board .order-movements-card .status-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:16px 0 0}
.order-movements-card .status-timeline li{padding-bottom:15px}
.order-movements-card .status-timeline p{font-size:.74rem}
.order-detail-board .order-courier-card{min-height:0}
.order-detail-board .order-courier-card>h2+div strong,.order-detail-board .order-courier-card>h2+div small{display:block}
.order-detail-board .order-courier-card>h2+div small{margin-top:3px;color:#718096;font-size:.72rem}
.order-detail-board .order-photo-card{width:100%}
.order-detail-main-column .order-photo-layout.has-photo,.order-detail-main-column .order-photo-layout:has(.courier-proof-item){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}
.account-section:has(.order-code) .order-detail-main-column .order-photo-layout.is-three-up{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}
.order-detail-main-column .order-photo-preview{height:170px;max-height:170px;aspect-ratio:auto}
.customer-photo-slot{position:relative;height:170px;min-width:0}
.customer-photo-slot .order-photo-preview{width:100%;height:100%;max-height:none}
.courier-proof-item{position:relative;display:block;height:170px;overflow:hidden;border:1px solid #dce4ee;border-radius:11px;background:#f5f7fa}
.courier-proof-item img{display:block;width:100%;height:100%;object-fit:cover}
.courier-proof-item span{position:absolute;right:8px;bottom:8px;left:8px;padding:7px 9px;border-radius:8px;background:rgba(15,23,42,.78);color:#fff;font-size:.7rem;font-weight:750;text-align:center}
.courier-proof-item.is-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:18px;border-style:dashed;background:#f8fafc;color:#718096;text-align:center}
.courier-proof-item.is-empty i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#e9f1ff;color:#1769e0;font-size:1.15rem;font-style:normal}
.courier-proof-item.is-empty strong{color:#34435a;font-size:.78rem}
.courier-proof-item.is-empty small{max-width:180px;font-size:.66rem;line-height:1.45}
.timeline-section:has(.status-timeline){padding:0 0 55px}
.timeline-section:has(.status-timeline) .account-card{padding:20px}
.timeline-section:has(.status-timeline) .account-card h2{font-size:1.02rem}
.timeline-section:has(.status-timeline) .status-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:17px}
.timeline-section:has(.status-timeline) .status-timeline li{padding-bottom:16px}
.timeline-section:has(.status-timeline) .status-timeline p{font-size:.76rem}
.completed-repeat-wrap{padding-top:22px}
@media(max-width:900px){.tracking-overview{grid-template-columns:minmax(0,1fr) 250px}.account-section:has(.order-code) .account-grid,.order-detail-lower-grid,.order-detail-board{grid-template-columns:1fr}.order-detail-board .order-movements-card .status-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-map-wrap .tracking-map,.tracking-map-wrap .tracking-map iframe{height:240px!important;min-height:240px!important}}
@media(max-width:700px){.tracking-overview{grid-template-columns:1fr}.tracking-overview .order-courier-card{order:2}.tracking-map-wrap{padding-top:11px}.tracking-map-wrap .tracking-map,.tracking-map-wrap .tracking-map iframe,.tracking-overview .tracking-map,.tracking-overview .tracking-map iframe{height:205px!important;min-height:205px!important;border-radius:13px}.account-section:has(.order-code){padding-top:21px}.account-section:has(.order-code) .account-heading{gap:8px;margin-bottom:14px}.account-section:has(.order-code) .account-heading h1{font-size:1.65rem}.account-section:has(.order-code) .account-grid>.account-card{padding:17px}.order-detail-board .order-movements-card .status-timeline{grid-template-columns:1fr}.account-section:has(.order-code) .order-photo-preview{max-height:220px}.account-section:has(.order-code) .order-photo-heading p{display:none}}
@media(max-width:700px){.tracking-detail-heading{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:700px){.account-section:has(.order-code) .order-detail-main-column .order-photo-layout.is-three-up{grid-template-columns:1fr}.order-detail-main-column .order-photo-preview,.courier-proof-item,.customer-photo-slot{height:210px;max-height:210px}}
