.order-history-timeline{margin:0 0 1.25rem}.order-history-timeline[hidden]{display:none}.order-history-timeline__title{color:#424242;font-size:1rem;font-weight:700;line-height:1.3;margin:0 0 0.75rem}.order-history-timeline__shell{align-items:stretch;display:flex;gap:0.5rem}.order-history-timeline__nav{align-items:center;align-self:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#616161;cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;padding:0;transition:border-color 0.2s ease, box-shadow 0.2s ease;width:36px}.order-history-timeline__nav:hover,.order-history-timeline__nav:focus{border-color:#90caf9;box-shadow:0 2px 6px rgba(25,118,210,0.12);outline:none}.order-history-timeline__nav:disabled:not([hidden]){cursor:default;opacity:0.35;pointer-events:none}.order-history-timeline__nav[hidden]{display:none !important}.order-history-timeline__shell--static .order-history-timeline__viewport{overflow-x:hidden}.order-history-timeline__nav .material-icons{font-size:22px;line-height:1}.order-history-timeline__viewport{flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0.35rem;position:relative;scrollbar-width:thin}.order-history-timeline__viewport::-webkit-scrollbar{height:6px}.order-history-timeline__viewport::-webkit-scrollbar-track{background:#f5f5f5}.order-history-timeline__viewport::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:3px}.order-history-timeline__rail{background:#e0e0e0;bottom:10px;height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:0}.order-history-timeline__list{display:flex;gap:0.75rem;list-style:none;margin:0;min-width:min-content;padding:0 0.25rem 1.25rem;position:relative;z-index:1}.order-history-timeline__item{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:0.65rem;min-width:108px}.order-history-timeline__card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,0.06);color:inherit;display:flex;flex-direction:column;gap:0.35rem;justify-content:center;min-height:88px;padding:0.65rem 0.85rem;text-align:center;text-decoration:none;transition:border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;width:100%}.order-history-timeline__card:hover,.order-history-timeline__card:focus{border-color:#90caf9;box-shadow:0 3px 8px rgba(25,118,210,0.12);outline:none}.order-history-timeline__card.active{background:#e3f2fd;border-color:#1976d2;box-shadow:0 3px 10px rgba(25,118,210,0.16)}.order-history-timeline__os,.order-history-timeline__status,.order-history-timeline__date,.order-history-timeline__status-dot{pointer-events:none}.order-history-timeline__os{color:#212121;font-size:0.95rem;font-weight:700;line-height:1.2}.order-history-timeline__card.active .order-history-timeline__os{color:#1565c0}.order-history-timeline__status{align-items:center;display:inline-flex;font-size:0.78rem;font-weight:600;gap:0.3rem;line-height:1.2}.order-history-timeline__status-dot{border-radius:50%;flex:0 0 auto;height:7px;width:7px}.order-history-timeline__status.green-text,.order-history-timeline__status.green-text .order-history-timeline__status-dot{color:#2e7d32}.order-history-timeline__status.green-text .order-history-timeline__status-dot{background:#2e7d32}.order-history-timeline__status.orange-text,.order-history-timeline__status.orange-text .order-history-timeline__status-dot{color:#ef6c00}.order-history-timeline__status.orange-text .order-history-timeline__status-dot{background:#ef6c00}.order-history-timeline__status.blue-text,.order-history-timeline__status.blue-text .order-history-timeline__status-dot{color:#1565c0}.order-history-timeline__status.blue-text .order-history-timeline__status-dot{background:#1565c0}.order-history-timeline__status.red-text,.order-history-timeline__status.red-text .order-history-timeline__status-dot{color:#c62828}.order-history-timeline__status.red-text .order-history-timeline__status-dot{background:#c62828}.order-history-timeline__date{color:#616161;font-size:0.74rem;line-height:1.2}.order-history-timeline__node{background:#9e9e9e;border-radius:50%;flex:0 0 auto;height:8px;position:relative;width:8px;z-index:2}.order-history-timeline__node.active{background:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,0.18);height:10px;width:10px}@media (max-width: 768px){.order-history-timeline__item{min-width:96px}.order-history-timeline__card{min-height:80px;padding:0.55rem 0.7rem}.order-history-timeline__os{font-size:0.88rem}.order-history-timeline__nav{height:32px;width:32px}}