.order-timeline { list-style:none; margin:1.5rem 0; padding:0; display:grid; gap:0; }
.order-timeline li { display:flex; align-items:flex-start; gap:1rem; min-height:4.25rem; position:relative; padding-bottom:1rem; }
.order-timeline li:not(:last-child)::after { content:""; position:absolute; width:2px; background:#d8c8bd; left:.55rem; top:1.25rem; bottom:.15rem; }
.timeline-dot { flex:none; position:relative; z-index:1; margin-top:.15rem; width:1.2rem; height:1.2rem; border:2px solid #b7a59a; border-radius:50%; background:#fffaf5; }
.order-timeline .is-complete .timeline-dot { background:#5c7561; border-color:#5c7561; }
.order-timeline .is-current .timeline-dot { outline:3px solid #e8d6c5; outline-offset:2px; }
.order-timeline .is-current strong { color:#724530; }
.order-timeline small { display:block; margin-top:.25rem; color:#6b5a50; }
[data-refresh-status], [data-tracking-updated] { display:block; margin-top:.75rem; }
[data-driver-map][hidden] { display:none !important; }
.delivery-problem-note { padding:1rem; border-left:4px solid #98652c; background:#fff4df; border-radius:.4rem; }
.delivery-exception-form { margin-top:1rem; padding:1rem; border:1px solid #d8bfb0; border-radius:.75rem; }
.delivery-exception-form summary { font-weight:700; cursor:pointer; min-height:2.75rem; display:flex; align-items:center; }
.delivery-exception-form form { display:grid; gap:.85rem; }
.delivery-exception-item { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 0; border-top:1px solid #ead8cc; overflow-wrap:anywhere; }
.delivery-exception-item p { margin:.35rem 0; }
@media(min-width:1000px) { .order-timeline { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; } .order-timeline li::after { display:none; } }
@media(max-width:600px) { .delivery-exception-item { display:block; } .delivery-exception-item form { margin-top:1rem; } .delivery-exception-item .button { width:100%; } }