/* ========================================================== SELLER PANEL — BRAND THEME (Green + Yellow) Ye file har seller page ke me automatically load hoti hai (theme-inject script se). Yahan sirf BRAND elements (header, primary buttons, sidebar, bottom-nav, card accent) ko green+yellow kiya gaya hai. Status/semantic colours (red=urgent/reject, blue=info, green=success) jaan-boojh kar nahi chhede gaye hain — wo business logic ka hissa hain (order status, danger actions) aur unhe change karne se seller confuse ho sakta hai ki order "cancelled" hai ya "normal". Agar in specific status badges/buttons ka colour bhi update karna ho to bata dijiye. ========================================================== */ :root{ --sk-green: #16a34a; --sk-green-dark: #14532d; --sk-green-mid: #166534; --sk-green-light: #22c55e; --sk-yellow: #facc15; --sk-yellow-deep: #eab308; --sk-yellow-text: #713f12; /* readable dark text on yellow bg */ } /* ---------- Page header (top gradient bar) — every page ---------- */ .header{ background: linear-gradient(120deg, var(--sk-green) 0%, var(--sk-green-light) 55%, var(--sk-yellow) 130%) !important; color:#fff !important; } .header h1, .header h2, .header h3, .header p, .header span, .header div, .header small, .header b{ color:#fff !important; } /* ---------- Primary action buttons (.btn) ---------- */ /* Sirf "neutral/primary" green buttons ko brand-consistent banaya, danger (#dc2626) / warning (#ea580c) wale buttons ko chhoda hai taake Reject/Delete jaisi actions clearly red hi dikhein. */ .btn:not([style*="dc2626"]):not([style*="ea580c"]):not([style*="991b1b"]){ background: linear-gradient(120deg, var(--sk-green), var(--sk-green-light)) !important; color:#fff !important; border:none !important; } .btn-on{ background:var(--sk-green) !important; } /* ---------- Cards: subtle yellow brand accent on top edge ---------- */ .card{ border-top:3px solid var(--sk-yellow) !important; } /* ---------- Links: brand green by default ---------- */ a{ color: var(--sk-green-dark); } /* ---------- Stat numbers / highlighted figures ---------- */ .num, .statCard b, .stat b, .val{ color: var(--sk-green-dark); } /* ========================================================== SIDEBAR (off-canvas drawer) — green + yellow ========================================================== */ .skDrawerHead{ background: linear-gradient(135deg, var(--sk-green-dark), var(--sk-green)) !important; } .skDrawer a.skLink{ border-left:3px solid transparent; } .skDrawer a.skLink:active, .skDrawer a.skLink:hover{ background:#fef9c3 !important; border-left:3px solid var(--sk-yellow-deep) !important; } .skSecTitle{ color: var(--sk-green-mid) !important; } /* Fixed hamburger + bell buttons */ .skFabBtn{ background: linear-gradient(135deg, var(--sk-green-dark), var(--sk-green)) !important; } .skFabBtn .skBadge{ background: var(--sk-yellow-deep) !important; color: var(--sk-yellow-text) !important; border-color:#fff !important; } /* Bell dropdown panel */ .skBellHead{ background:#f0fdf4; } .skBellHead b{ color:var(--sk-green-dark); } .skNotifItem.unread{ background:#fefce8 !important; border-left:3px solid var(--sk-yellow-deep); } /* ========================================================== BOTTOM NAV BAR (footer.php) — class name: .footerNav ========================================================== */ .footerNav{ background:#f0fdf4 !important; border-top:3px solid var(--sk-yellow) !important; } .footerNav a{ color: var(--sk-green-dark) !important; } .footerNav .notifBadge{ background: var(--sk-yellow-deep) !important; color: var(--sk-yellow-text) !important; }