/* ============================================================
   بوابة الدليفري — مطعم أتروشي
   تنسيقات خاصة بالبوابة تأتي بعد admin.css (أسود + ذهبي + أبيض)
   ============================================================ */

/* الخلفية والشريط العلوي: أسود صريح (بدل التدرّج القديم) */
.admin-body { background: var(--bg, #f6f6f6); }
.topbar { background: var(--brand-800, #111111); border-bottom-color: var(--orange-500, #d4a634); }
.topbar .sub { color: var(--accent-400, #e6c05a); }

/* الأزرار الأساسية برتقالية بنص أبيض (الدخول / الفلتر النشط) */
.btn-primary { background: linear-gradient(135deg, var(--gold-400, #e6c05a), var(--gold-600, #b8891f)); color: var(--on-gold, #1a1200); box-shadow: 0 8px 20px rgba(212,166,52,.28); }
.btn-primary:hover { box-shadow: 0 12px 26px rgba(212,166,52,.36); }
.ofilter.active { background: var(--orange-500, #d4a634); border-color: var(--orange-500, #d4a634); color: var(--on-gold, #1a1200); }
.dstat .ds-num { color: var(--orange-600, #8f6a17); }

/* حالة «مع التوصيل» — برتقالية في الشريط الجانبي والشارة */
.order-card.st-delivering { border-inline-start-color: var(--orange-500, #d4a634); }
.oc-badge.st-delivering { background: var(--orange-500, #d4a634); color: var(--on-gold, #1a1200); }

/* سطور البطاقة الجديدة: طريقة الاستلام / العنوان / أجور التوصيل / التوصيل المجاني / طريقة الدفع */
.oc-method { font-weight: 800; color: var(--brand-800, #111111); }
.oc-address { font-weight: 700; line-height: 1.5; }
.oc-fee-note { margin-top: 5px; font-size: 11.5px; font-weight: 700; color: var(--orange-600, #8f6a17); }
.oc-free-note { margin-top: 4px; font-size: 11.5px; font-weight: 700; color: #16a34a; }
.oc-pay { margin-top: 6px; font-size: 12.5px; font-weight: 800; color: var(--muted, #6b6b6b); }

/* أزرار الحالة: «في الطريق» برتقالي · «تم التسليم» أخضر — كلها ≥ 44px للمس */
.da-btn { min-height: 44px; }
.da-btn.go { background: linear-gradient(135deg, var(--gold-400, #e6c05a), var(--gold-600, #b8891f)); color: var(--on-gold, #1a1200); box-shadow: 0 8px 20px rgba(212,166,52,.3); }
.da-btn.go:hover { transform: translateY(-2px); }
.da-btn.go:disabled { opacity: .7; transform: none; }
.da-btn.done { background: linear-gradient(135deg, #22c55e, #16a34a); color: #fff; box-shadow: 0 8px 20px rgba(22,163,74,.3); }
.da-btn.map { background: #fff4e6; color: var(--orange-600, #8f6a17); border: 1px solid #ffd9b8; }
.da-done-tag { color: #16a34a; background: #e7f9ee; }
.da-done-tag.cancelled { color: #6b7280; background: #f1f1f1; }