/* صفحة طلباتي — قائمة تفتح صفحة التتبّع */
.orders{ display:flex; flex-direction:column; gap:14px; padding:20px 0 40px; max-width:720px; }
.order{ background:var(--card); border:1px solid var(--stroke); border-radius:var(--r-md); padding:16px 18px; box-shadow:var(--shadow-1); }
.order-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.order-no{ font-family:var(--font-num); font-weight:800; font-size:16px; color:var(--ink); }
.order-date{ font-size:12.5px; color:var(--ink-3); }
.status{ display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:800; padding:6px 12px; border-radius:var(--r-pill); white-space:nowrap; }
.status .ic{ width:14px; height:14px; }
.status.pending{ background:rgba(230,160,43,0.15); color:#8a6010; }
.status.confirmed,.status.preparing{ background:var(--accent-soft); color:var(--accent-deep); }
.status.delivering{ background:var(--accent-soft); color:var(--accent); }
.status.delivered{ background:#e6f7ee; color:var(--success); }
.status.cancelled{ background:#fbe9e7; color:var(--danger); }

/* سطر الوصول المتوقّع */
.order-eta{ display:flex; align-items:center; gap:7px; margin-top:12px; padding:9px 13px; border-radius:12px; font-size:13px; font-weight:800; background:var(--bg-2); color:var(--ink-2); }
.order-eta .ic{ width:15px; height:15px; color:var(--accent-deep); }
.order-eta.delivered{ background:#e6f7ee; color:var(--success); }
.order-eta.delivered .ic{ color:var(--success); }
.order-eta.pending{ color:var(--ink-3); }

/* شريط تتبّع مضغوط */
.track{ display:flex; align-items:center; margin:16px 0 6px; }
.track .step{ flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; position:relative; }
.track .dot{ width:26px; height:26px; border-radius:50%; background:var(--bg-2); border:2px solid var(--stroke-strong); display:flex; align-items:center; justify-content:center; font-size:12px; font-family:var(--font-num); color:var(--ink-3); z-index:2; }
.track .step.done .dot{ background:var(--accent); border-color:var(--accent); color:#fff; }
.track .lbl{ font-size:10.5px; font-weight:800; color:var(--ink-3); }
.track .step.done .lbl{ color:var(--accent-deep); }
.track .bar{ position:absolute; top:13px; inset-inline-start:50%; width:100%; height:2px; background:var(--stroke-strong); z-index:1; }
.track .step.done .bar{ background:var(--accent); }
.track .step:last-child .bar{ display:none; }

.order-items{ display:block; margin-top:12px; border-top:1px solid var(--divider); padding-top:12px; font-size:13px; color:var(--ink-2); line-height:1.6; }
.order-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:12px; gap:10px; }
.order-total{ font-family:var(--font-num); font-weight:800; font-size:17px; color:var(--ink); }
.cancel-btn{ border:1px solid var(--stroke-strong); background:var(--card); color:var(--danger); font-weight:800; font-size:13px; padding:8px 14px; border-radius:var(--r-pill); }
.cancel-btn:hover{ background:#fbe9e7; }
.track-btn{ display:inline-flex; align-items:center; gap:4px; background:var(--accent-soft); color:var(--accent-deep); font-weight:800; font-size:13px; padding:8px 14px; border-radius:var(--r-pill); }
.track-btn:hover{ background:var(--accent); color:#fff; }
.track-btn .ic{ width:15px; height:15px; }