.order-track-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}.order-list-panel{align-self:start;padding:15px;border:1px solid #e2e5ea;border-radius:15px;background:#fff}.order-list-panel h2{margin:5px 8px 12px}.order-list-panel a{display:grid;gap:3px;margin:5px 0;padding:11px;border-radius:8px;color:#293240;text-decoration:none}.order-list-panel a.active{background:#fff0ea;color:#d93d12}.order-list-panel span,.order-list-panel small{font-size:10px}.track-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.track-summary div{padding:13px;border-radius:9px;background:#f4f6f8}.track-summary small,.track-summary b{display:block}.track-summary small{margin-bottom:5px;color:#737d89}.tracking-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tracking-steps div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:9px;color:#7c8490}.tracking-steps div.done{border-color:#b9e7cb;background:#effaf3;color:#157d43}.tracking-steps i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef0f3;font-style:normal}.tracking-steps .done i{background:#1aa05a;color:#fff}.tracking-steps b,.tracking-steps small{display:block;font-size:10px}@media(max-width:760px){.order-track-layout{grid-template-columns:1fr}.order-list-panel{display:flex;overflow:auto}.order-list-panel h2{display:none}.order-list-panel a{min-width:145px}.track-summary{grid-template-columns:repeat(2,1fr)}.tracking-steps{grid-template-columns:1fr}}