.dg-order-list-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.dg-order-list-card h2{margin:0}.dg-order-total{font-weight:800}.dg-order-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:800;padding:4px 10px}.dg-order-badge-draft{background:#FCEAF2;color:var(--dg-navy)}.dg-order-badge-confirmed,.dg-order-badge-processing,.dg-order-badge-ready_for_delivery{background:#eef6e8;color:#245c24}.dg-order-badge-completed{background:#E8F6EE;color:var(--dg-navy)}.dg-order-badge-cancelled{background:#f8e8e8;color:#7a1f1f}.dg-order-cancelled-note{background:#f8e8e8;border-radius:10px;color:#7a1f1f;font-weight:700;padding:10px 12px}.dg-order-timeline{display:grid;gap:12px;list-style:none;margin:0;padding:0}.dg-order-step{align-items:start;display:grid;gap:4px 10px;grid-template-columns:16px minmax(0,1fr);position:relative}.dg-order-step-marker{background:#cfd8e3;border-radius:50%;display:block;height:12px;margin-top:4px;width:12px}.dg-order-step-completed .dg-order-step-marker{background:#2f7d32}.dg-order-step-current .dg-order-step-marker{background:var(--dg-blue);box-shadow:0 0 0 4px #FCEAF2}.dg-order-step-upcoming .dg-order-step-marker{background:#d5dde6}.dg-order-step-label{font-weight:800}.dg-order-step-state{color:var(--dg-muted);font-size:12px;font-weight:700;grid-column:2}.dg-order-step time{color:var(--dg-muted);font-size:12px;grid-column:2}.dg-order-item-line{grid-template-columns:minmax(0,1fr) auto}.dg-order-totals{margin-top:12px}.dg-order-totals>div{border-top:1px solid var(--dg-line);display:flex;justify-content:space-between;gap:12px;padding:8px 0}.dg-order-pagination{margin-top:8px}.dg-header-track{display:none}@media(min-width:768px){.dg-header-track{display:inline}.dg-order-timeline{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.dg-order-step{grid-template-columns:minmax(0,1fr);text-align:center}.dg-order-step-marker{margin:0 auto}.dg-order-step-state,.dg-order-step time{grid-column:1}}@media(max-width:374px){.dg-order-list-head{align-items:flex-start;flex-direction:column}}