.track-page{background:var(--paper)}
.track-nav{height:82px;background:var(--navy);color:#fff}.track-nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.track-nav .brand{width:190px;height:70px}.track-nav .brand img{width:185px;height:70px;object-fit:contain}.track-nav-actions{display:flex;gap:8px}.track-nav-link,.track-library{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);padding:10px 12px;border-radius:5px;font-size:9px;font-weight:800}.track-nav-link:hover,.track-library:hover{border-color:var(--orange)}.track-nav-link svg,.track-library svg{width:14px}
.track-hero{background:var(--navy-2);color:#fff;padding:72px 0 68px}.track-hero h1{font:700 clamp(46px,6vw,76px)/1.02 var(--serif);letter-spacing:-.045em;margin:12px 0 17px}.track-hero h1 span{color:var(--orange)}.track-hero p:last-child{max-width:650px;color:#aaa8b5;font-size:12px;line-height:1.8}
.track-main{min-height:55vh}.track-shell{max-width:820px}.track-card{background:#fff;border:1px solid var(--line);padding:34px;box-shadow:0 18px 45px rgba(16,16,20,.06)}.track-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.track-card-head h2{font:700 32px var(--serif);margin-top:8px}.track-secure{display:flex;gap:6px;align-items:center;color:#777780;font-size:8px;font-weight:800}.track-secure svg{width:14px;color:var(--orange)}
.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:25px}.track-form label{font-size:9px;font-weight:800;color:#4f4f57}.track-form input{display:block;width:100%;margin-top:7px;padding:13px 12px;border:1px solid #d5d5dc;border-radius:5px;outline:0;background:#fff;font-size:10px}.track-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,119,33,.1)}.track-form .primary-btn{min-height:44px;white-space:nowrap}
.track-message{margin-top:18px;padding:12px;display:flex;gap:8px;align-items:flex-start;font-size:9px;line-height:1.6}.track-message.info{background:#f1f1f5;color:#666670}.track-message.error{background:#fff1ef;color:#9b4033}.track-message svg{width:15px;flex:none;color:var(--orange)}
.track-result-card{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.track-result-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.track-result-top small{font-size:7px;letter-spacing:.16em;color:#888892;font-weight:800}.track-result-top h3{font:700 25px var(--serif);margin-top:4px}.status-pill{display:inline-flex;align-items:center;padding:7px 9px;border-radius:999px;font-size:8px;font-weight:800;background:#efeff2;color:#595961}.status-pending_verification{background:#fff2e8;color:#a55218}.status-confirmed{background:#eef2ff;color:#38327e}.status-delivered{background:#eaf7ef;color:#28734a}.status-rejected{background:#ffeded;color:#9a3737}
.track-result-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.track-result-meta>div{background:#f5f5f7;padding:13px}.track-result-meta span{display:block;font-size:7px;letter-spacing:.1em;color:#888892;text-transform:uppercase;font-weight:800}.track-result-meta strong{display:block;margin-top:5px;font-size:10px;overflow-wrap:anywhere}
.track-timeline{border-top:1px solid var(--line);padding-top:21px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.track-timeline>div{display:flex;gap:9px}.timeline-dot{width:27px;height:27px;border:1px solid #d5d5dc;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800;color:#999;flex:none}.track-timeline .done .timeline-dot{background:var(--orange);border-color:var(--orange);color:#fff}.track-timeline strong{display:block;font-size:9px;line-height:1.35}.track-timeline small{display:block;color:#888892;font-size:8px;line-height:1.45;margin-top:3px}.track-result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.track-outline{min-height:43px;padding:0 15px;border:1px solid #cccdd5;border-radius:5px;display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;color:var(--navy)}.track-outline:hover{border-color:var(--orange);color:var(--orange)}.track-outline svg{width:14px}.track-reject{margin-top:20px;padding:14px;background:#fff1ef;border-left:3px solid #c34b3b}.track-reject strong{font-size:10px}.track-reject p{font-size:9px;color:#7b6865;margin-top:4px;line-height:1.6}
.track-help{display:flex;gap:12px;margin-top:16px;padding:15px;background:#efeff3;color:#666670}.track-help>svg{width:17px;color:var(--orange);flex:none}.track-help strong{font-size:9px}.track-help p{font-size:8px;line-height:1.6;margin-top:3px}
.track-footer{border-top:1px solid var(--line);padding:20px 0;color:#777780;font-size:8px}.track-footer .container{display:flex;justify-content:space-between;gap:15px}.track-footer a{color:var(--navy);font-weight:800}
@media(max-width:760px){.track-nav{height:74px}.track-nav .brand{width:155px;height:60px}.track-nav .brand img{width:150px;height:60px}.track-nav-link span,.track-library span{display:none}.track-nav-link,.track-library{width:39px;height:39px;padding:0;justify-content:center}.track-hero{padding:48px 0 45px}.track-hero h1{font-size:43px}.track-card{padding:22px}.track-card-head{display:block}.track-secure{margin-top:12px}.track-form{grid-template-columns:1fr;margin-top:20px}.track-form .primary-btn{width:100%}.track-result-top{display:block}.status-pill{margin-top:10px}.track-result-meta{grid-template-columns:1fr}.track-timeline{grid-template-columns:1fr;gap:15px}.track-timeline>div{align-items:center}.track-footer .container{display:grid;gap:7px}}
@media(max-width:390px){.track-card{padding:18px}.track-hero h1{font-size:38px}}

/* Final responsive hardening */
@media(max-width:430px){.track-nav{padding-inline:9px}.track-nav .brand{width:150px!important}.track-nav .brand img{width:146px!important}.track-card{padding:16px}.track-hero h1{font-size:39px}.track-form input{min-width:0}.track-result-meta strong{overflow-wrap:anywhere}.track-result-actions>*{width:100%;justify-content:center}.track-footer .container{font-size:8px}}