/* ========================================================== RIDER PANEL — BRAND THEME (Green) Har rider page ke me link hoti hai. index.php, order.php, earnings.php aur sidebar.php pehle se hi isi green system (--g-dark/--g-mid) ko inline use karte the — yeh file ab unhi colours ko poore rider panel (header, footer, buttons, cards) par consistently apply karti hai taaki "same system" har screen par match kare. Status/semantic colours (red=urgent/reject) jaan-boojh kar nahi chheda gaya — wo delivery/order status ka hissa hain. ========================================================== */ :root{ --rk-green: #16a34a; --rk-green-deep: #0f8a3d; --rk-green-lt: #22c55e; --rk-green-bg: #dcfce7; --rk-green-text: #166534; } /* ---------- Page header (top gradient bar) — every page ---------- */ .header, .riderTopBar{ background: linear-gradient(120deg, var(--rk-green-deep) 0%, var(--rk-green) 60%, var(--rk-green-lt) 130%) !important; color:#fff !important; } .header h1, .header h2, .header h3, .header p, .header span, .header div, .header small, .header b, .riderTopBar *{ color:#fff !important; } .riderTopBar .right a.rider-logout{ color:#fff !important; } /* ---------- Primary action buttons (.btn) ---------- */ /* Danger/reject buttons (red) ko chhoda hai */ .btn:not([style*="dc2626"]):not([style*="ef4444"]):not([style*="991b1b"]){ background: linear-gradient(120deg, var(--rk-green), var(--rk-green-deep)) !important; color:#fff !important; border:none !important; } /* ---------- Cards: green brand accent on top edge ---------- */ .card{ border-top:3px solid var(--rk-green-lt) !important; } /* ---------- Links ---------- */ a{ color: var(--rk-green-deep); } /* ---------- Stat numbers ---------- */ .num, .statCard b, .stat b, .val, .total{ color: var(--rk-green-deep); } /* ---------- Bottom nav (footer.php) ---------- */ .riderFooterNav{ border-top:2px solid var(--rk-green-bg) !important; } .riderFooterNav a.active{ color: var(--rk-green) !important; } .riderFooterNav .notifBadge{ background: #ef4444 !important; color: #fff !important; } /* ---------- Tabs / pills (active state) ---------- */ .tab.active, .tabs a.active{ background: linear-gradient(120deg, var(--rk-green), var(--rk-green-deep)) !important; color:#fff !important; } /* ---------- Status pill (e.g. "Accepted") — matches reference screens ---------- */ .status-pill, .badge-accepted{ background: var(--rk-green-bg) !important; color: var(--rk-green-text) !important; font-weight:700 !important; }