.order-item{border:1px solid #33415b;border-radius:12px;padding:4px 18px 14px;margin:16px 0;background:#0b1323}.item-grid{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:14px;align-items:end}.item-grid button{margin-bottom:16px;padding:12px}.security-box{padding:6px 20px;border:1px solid #315987;border-radius:12px;margin:24px 0;background:#102039}label small{display:block;font-size:12px;font-weight:400;color:#9baac2;margin-top:6px}details{margin:24px 0;color:#b8c7df}summary{cursor:pointer}.customer-order{margin:28px 0;border:1px solid #3a4964;border-radius:14px;overflow:hidden;background:#0b1323}.receipt{padding:26px}.receipt-header{display:block;width:100%;max-height:180px;object-fit:contain;object-position:left center;border-radius:9px}.receipt-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px}.receipt-title h3{font-size:22px;margin:0;overflow-wrap:anywhere}.receipt-title p{margin:5px 0}.status-pill{padding:7px 12px;border-radius:30px;background:#123c34;color:#8cf0d3;font-size:13px;font-weight:700;text-align:center}.status-pill.cancelled{background:#4c202c;color:#ffc3d0}.receipt-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.receipt-details div{min-width:0}.receipt-details dt{color:#95a8c6;font-size:12px}.receipt-details dd{margin:2px 0;font-weight:600;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.receipt table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.receipt th,.receipt td{border-bottom:1px solid #2d3b54;padding:12px 7px}.receipt td:first-child{min-width:160px}.receipt td:last-child{min-width:130px}.receipt-total{padding:20px 0;border-block:1px solid #2d3b54;margin-top:20px}.receipt-total p{display:flex;justify-content:space-between;gap:14px;margin:8px 0}.receipt-total .small{display:block}.order-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.order-progress{padding:24px 26px;background:#111e33;border-top:1px solid #30425e}.progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.progress-head h3{margin:0;font-size:18px}.progress-head b{color:#72c9ff;white-space:nowrap}progress{display:block;width:100%;height:12px;margin:18px 0 22px;border:0;border-radius:10px;accent-color:#41bcb1}progress::-webkit-progress-bar{background:#243752;border-radius:10px}progress::-webkit-progress-value{background:#36bfab;border-radius:10px}.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.timeline li{display:flex;align-items:center;gap:10px;font-size:13px;color:#9eacc3;padding:10px;background:#0b1424;border:1px solid #25364e;border-radius:9px}.timeline span{width:25px;height:25px;border-radius:50%;background:#25354d;display:grid;place-items:center;flex-shrink:0}.timeline small{margin-left:auto;font-size:10px}.timeline .complete{color:#c6ffee;border-color:#216f65}.timeline .complete span{background:#176f61;color:white}.invoice-actions{padding:8px 26px 18px;background:#111e33}.invoice-actions button{font-size:13px}@media(max-width:700px){.item-grid{grid-template-columns:minmax(0,1fr) 75px}.item-grid button{grid-column:1/-1;justify-self:start;margin:0}.receipt,.order-progress{padding:18px}.receipt-title{display:block}.status-pill{display:inline-block;margin-top:14px}.receipt-details{gap:12px}.timeline{grid-template-columns:1fr}.receipt-total .amount{font-size:21px}.progress-head{align-items:start}.security-box{padding:6px 14px}}@media print{body.printing *{visibility:hidden!important}body.printing .print-target,body.printing .print-target *{visibility:visible!important;color:#111!important}body.printing .print-target{position:absolute!important;left:0!important;top:0!important;width:100%!important;background:white!important;padding:20px!important}body.printing #trackResult{position:static!important;padding:0!important}body.printing .print-target img{max-height:110px}body.printing .receipt-total,.receipt td,.receipt th{border-color:#bbb!important}body.printing .receipt-details{display:grid;grid-template-columns:1fr 1fr}body.printing .status-pill{border:1px solid #888}body.printing .receipt-header{background:#080d18!important}body.printing .receipt-title h3{font-size:20px}}
.order-item[hidden],[hidden]{display:none!important}
.identifier-input{display:flex;gap:8px;align-items:stretch}.identifier-input input{min-width:0;margin:0;text-transform:uppercase}.identifier-input .paste-code{font-size:12px;white-space:nowrap;margin:0;padding:10px 12px;border:1px solid #516581}.identifier-input+small{display:block;color:#9baac2;font-size:12px;margin-top:8px}#lookupIdentifier{scroll-margin-top:20px}.lookup-help{border:1px solid #93672c;background:#332613;border-radius:12px;padding:16px 20px;margin:12px 0}.lookup-help p{color:#ffe2af;margin-top:0}.lookup-help .button{font-size:13px}.payment-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin:0 0 22px;border:1px solid #3f526e;border-radius:12px;background:#142239}.payment-banner small{display:block;font-size:12px;margin-bottom:5px;color:#c7d8ef}.payment-badge{display:block;font-size:20px;letter-spacing:.4px;line-height:1.3}.payment-paid{background:#10382f;border-color:#248e71;color:#b4ffe5}.payment-check{font-size:32px;color:#83f0c9}.payment-partial,.payment-unpaid{background:#352618;border-color:#a77131;color:#ffcd90}.payment-pending{font-size:12px;color:#b6c8e1}.balance-highlight{text-align:right}.balance-highlight b{font-size:24px;color:#ffb963;white-space:nowrap}.outstanding-amount{color:#ffb05a;font-size:22px}.settled-amount{color:#7ee3bf}.payment-instruction{padding:15px 18px;background:#332717;border-left:4px solid #efa94e;border-radius:8px;color:#ffdcaf;font-size:14px}.payment-instruction strong{color:#ffc06e}.milestone-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:30px 0 26px;gap:0}.milestone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:0 5px;color:#94a4bf}.milestone:not(:last-child)::after{content:'';position:absolute;top:19px;left:50%;width:100%;height:3px;background:#34425b;z-index:0}.milestone.done:not(:last-child)::after{background:#29aa82}.milestone-circle{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#29364b;border:3px solid #40506b;color:#bac7da;font-size:16px;font-weight:800;margin-bottom:12px}.milestone-label{font-weight:700;font-size:13px;line-height:1.4;max-width:150px;min-height:37px}.milestone small{font-size:10px;margin-top:6px}.milestone.done{color:#93ebca}.milestone.done .milestone-circle{background:#176a52;border-color:#36c392;color:#e6fff4}.milestone.active{color:#b8dcff}.milestone.active .milestone-circle{background:#195cb2;border-color:#67b4ff;color:white;animation:activeStepPulse 2s ease-in-out infinite}.technical-progress{border-top:1px solid #30425e;padding-top:15px;margin-bottom:0}.technical-progress summary{font-size:13px;color:#aac4e8}.technical-progress .timeline{margin-top:18px}.cancelled-progress{margin-top:18px;padding:15px;border-radius:10px;background:#492635;color:#ffd4df}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.action-row .button,.action-row button{margin:5px 0;font-size:13px}.whatsapp-action{background:#176c50;border:1px solid #2c9c73}.invoice-actions .small{margin:6px 0;font-size:11px}.milestone.active[aria-current=step] .milestone-label{text-decoration:underline;text-underline-offset:4px}@keyframes activeStepPulse{0%,100%{box-shadow:0 0 0 0 #4a9dff20}50%{box-shadow:0 0 0 7px #4a9dff45}}@media(prefers-reduced-motion:reduce){.milestone.active .milestone-circle{animation:none;box-shadow:0 0 0 4px #4a9dff35}}@media(max-width:560px){.payment-banner{padding:14px 12px;gap:8px;align-items:flex-start}.payment-badge{font-size:16px}.balance-highlight b{font-size:19px}.payment-banner small{font-size:10px}.milestone-label{font-size:10px;min-height:42px}.milestone small{font-size:9px}.milestone-circle{width:34px;height:34px;font-size:13px}.milestone:not(:last-child)::after{top:16px}.milestone{padding:0 3px}.progress-head b{font-size:12px}.action-row>*{flex:1 1 140px;text-align:center}.identifier-input .paste-code{padding:8px;font-size:11px}}@media print{body.printing .payment-banner{background:white!important;border:2px solid #555;color:black!important}body.printing .payment-instruction{background:white!important;border:1px solid #555}body.printing .payment-banner small,body.printing .payment-badge,body.printing .balance-highlight b{color:black!important}}