.tct-tracker{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:980px;margin:30px auto;padding:1px;border-radius:26px;background:linear-gradient(135deg,#0d1b2a,#173a5e 50%,#f7941d);box-shadow:0 25px 70px rgba(0,0,0,.16)}
.tct-tracker-inner{margin:1px;border-radius:25px;padding:48px 38px;background:rgba(255,255,255,.97);text-align:center}.tct-eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:#f27b21;margin-bottom:9px}.tct-tracker h2{margin:0;font-size:38px;line-height:1.1;color:#10243b}.tct-tracker p{color:#64748b;margin:12px auto 28px;max-width:580px}.tct-track-form{display:flex;gap:12px;max-width:760px;margin:auto;align-items:stretch}.tct-input-wrap{position:relative;flex:1}.tct-input-wrap input{width:100%;height:58px;border:1px solid #dbe3ea;border-radius:14px;padding:0 18px 0 46px;font-size:16px;box-sizing:border-box;outline:none;transition:.2s}.tct-input-wrap input:focus{border-color:#f7941d;box-shadow:0 0 0 4px rgba(247,148,29,.1)}.tct-search-icon{position:absolute;left:17px;top:14px;font-size:25px;color:#94a3b8}.tct-track-form button{height:58px;padding:0 26px;border:0;border-radius:14px;background:#f7941d;color:#fff;font-weight:800;letter-spacing:.5px;cursor:pointer;box-shadow:0 9px 22px rgba(247,148,29,.25);transition:.2s}.tct-track-form button:hover{transform:translateY(-1px);filter:brightness(.96)}.tct-track-form button.loading{opacity:.65}.tct-form-message{position:absolute;transform:translateY(9px);font-size:13px;text-align:left}.tct-form-message.error{color:#dc2626}.tct-form-message.success{color:#16a34a}
.tct-modal{position:fixed;inset:0;z-index:999999;display:none}.tct-modal.open{display:block}.tct-overlay{position:absolute;inset:0;background:rgba(5,15,28,.72);backdrop-filter:blur(9px);animation:tctFade .2s ease}.tct-modal-panel{position:relative;z-index:2;width:min(720px,calc(100% - 28px));max-height:calc(100vh - 30px);overflow:auto;margin:15px auto;background:#fff;border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.35);animation:tctUp .28s cubic-bezier(.2,.8,.2,1)}.tct-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#eef2f6;color:#334155;font-size:25px;cursor:pointer;z-index:4}.tct-modal-content{padding:34px}.tct-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding-right:48px}.tct-modal-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#f27b21}.tct-track-no{font-size:27px;font-weight:900;color:#10243b;margin-top:5px;letter-spacing:.5px}.tct-live{font-size:10px;font-weight:800;letter-spacing:1px;padding:9px 11px;border-radius:99px;background:#ecfdf5;color:#059669}.tct-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;margin-right:5px;animation:tctPulse 1.5s infinite}.tct-status-hero{margin-top:24px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#0e2238,#173b5d);color:#fff;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(145px,.75fr) auto;justify-content:space-between;gap:24px;align-items:center}.tct-status-hero span,.tct-info-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;opacity:.7}.tct-status-hero strong{display:block;font-size:25px;margin-top:5px}.tct-status-shipment{padding-left:22px;border-left:1px solid rgba(255,255,255,.14)}.tct-status-shipment strong{font-size:18px;letter-spacing:.4px}.tct-status-shipment span{color:#cbd5e1}.tct-route{display:flex;align-items:center;gap:10px;font-size:13px}.tct-route span{font-size:21px;color:#f7941d}.tct-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.tct-info-grid>div{padding:16px 18px;border:1px solid #e5eaf0;border-radius:15px}.tct-info-grid b{display:block;margin-top:5px;color:#1e293b}.tct-timeline{padding-top:10px}.tct-timeline-title{font-size:11px;font-weight:900;letter-spacing:2px;color:#64748b;margin:20px 0 18px}.tct-step{position:relative;display:flex;gap:15px;padding:0 0 21px}.tct-step:not(:last-child):after{content:"";position:absolute;left:13px;top:29px;width:2px;height:calc(100% - 14px);background:#e5e7eb}.tct-step-marker{position:relative;z-index:2;flex:0 0 28px;height:28px;border-radius:50%;background:#eef2f6;border:2px solid #d8e0e8;color:#fff;text-align:center;line-height:24px;font-weight:900}.tct-step.complete .tct-step-marker{background:#10b981;border-color:#10b981}.tct-step.current .tct-step-marker{background:#f7941d;border-color:#f7941d;box-shadow:0 0 0 6px rgba(247,148,29,.12)}.tct-step.current .tct-step-marker:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#fff;margin:8px}.tct-step-body{flex:1;padding-top:2px}.tct-step-top{display:flex;justify-content:space-between;gap:12px}.tct-step-top strong{color:#1e293b;font-size:15px}.tct-step.current .tct-step-top strong{color:#e8750b}.tct-step.upcoming .tct-step-top strong{color:#94a3b8}.tct-step time{font-size:11px;color:#94a3b8;white-space:nowrap}.tct-location{font-size:12px;color:#64748b;margin-top:3px}.tct-step p{font-size:12px;color:#64748b;margin:5px 0 0}.tct-modal-foot{text-align:center;border-top:1px solid #edf1f4;padding-top:18px;margin-top:5px;font-size:11px;color:#94a3b8;letter-spacing:.3px}body.tct-modal-open{overflow:hidden}@keyframes tctUp{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}@keyframes tctFade{from{opacity:0}to{opacity:1}}@keyframes tctPulse{50%{box-shadow:0 0 0 5px rgba(16,185,129,.14)}}
@media(max-width:650px){.tct-tracker-inner{padding:34px 20px}.tct-tracker h2{font-size:29px}.tct-track-form{display:block}.tct-track-form button{width:100%;margin-top:10px}.tct-modal-content{padding:25px 19px}.tct-modal-head{padding-right:35px}.tct-track-no{font-size:22px}.tct-status-hero{display:block}.tct-status-shipment{margin-top:18px;padding:14px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.tct-route{margin-top:16px;justify-content:flex-start}.tct-info-grid{grid-template-columns:1fr}.tct-step-top{display:block}.tct-step time{display:block;margin-top:3px}.tct-modal-panel{border-radius:20px}}
/* v1.5.0: shipment information row */
.tct-info-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:650px){.tct-info-grid-3{grid-template-columns:1fr;}}

/* v1.7.0: shipment details in status area */
.tct-status-hero{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);align-items:center;}
.tct-status-details{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:0;}
.tct-status-details .tct-route{justify-content:flex-end;}
.tct-status-specs{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:14px;width:100%;max-width:390px;}
.tct-status-specs>div{padding-left:14px;border-left:1px solid rgba(255,255,255,.16);min-width:0;}
.tct-status-specs span{color:#cbd5e1;opacity:.85;font-size:9px;}
.tct-status-specs b{display:block;color:#fff;font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:650px){
 .tct-status-hero{display:block;}
 .tct-status-details{align-items:flex-start;margin-top:18px;}
 .tct-status-details .tct-route{justify-content:flex-start;}
 .tct-status-specs{max-width:none;}
}
