/* ============================================================
   PAPAYA · THEME — Dark Green + Dark Orange (pro redesign)
   Design غير. زيدو فـ آخر <head> ديال كل صفحة (MORA الـ <style>):
      <link rel="stylesheet" href="theme.css">
   باش ترجع للوك القديم: حيّد سطر الـ <link>.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#1b2e1e; --dark-bg:#1b2e1e; --page-bg:#1b2e1e;
  --panel:#1e3422; --card:#243d28; --card-bg:#243d28; --card-hover:#2a4830; --cart-bg:#1e3422; --input-bg:#192e1d;
  --orange:#e2701a; --primary:#e2701a; --orange-light:#f5933f; --orange-dim:rgba(226,112,26,.13);
  --green:#34d399; --red:#ef5350; --yellow:#e6b54a; --blue:#4f8cff; --purple:#b070f0;
  --white:#eaf2ec; --text:#eaf2ec; --muted:#8aa295; --gray:#8aa295;
  --border:rgba(122,200,150,.10); --border-color:rgba(122,200,150,.10);
  --border-hov:rgba(226,112,26,.45); --border-active:#e2701a;
  --glass:rgba(15,29,22,.62); --glass-hov:rgba(24,48,31,.72); --blur:blur(14px);
  --shadow:0 12px 30px -16px rgba(0,0,0,.7); --shadow-lg:0 40px 90px -30px rgba(0,0,0,.82); --radius:16px;
  --grad-orange:linear-gradient(135deg,#f5933f 0%,#e2701a 100%);
  --grad-card:linear-gradient(162deg,#15271b 0%,#0f1c14 100%);
  --glow-orange:0 10px 26px -8px rgba(226,112,26,.5);
}

body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  background:#1b2e1e !important;
}

/* ── body::before est géré par nav.js (#pnav-bg) — on le neutralise ici ── */
body::before { content:none !important; display:none !important; }


button,input,select,textarea{ font-family:inherit; }

button,a,input,select,textarea,
.glass-card,.stat-card,[class*="btn"],.action-btn,.nav-tab,.filter-tab,
.user-pill,.toggle-switch,tr,.status-option{
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .25s ease,transform .16s ease;
}

.page-title,.brand-name,.modal-title,.stat-value{ letter-spacing:-.3px; }
.brand-icon,.nav-brand .brand-icon{ background:var(--grad-orange) !important; box-shadow:var(--glow-orange); border-radius:12px; }
.topbar,.page-header{ backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }

.glass-card,.stat-card{
  background:var(--grad-card) !important; border:1px solid var(--border) !important;
  border-radius:18px !important; box-shadow:var(--shadow);
}
.glass-card:hover,.stat-card:hover{ border-color:var(--border-hov); transform:translateY(-2px); box-shadow:0 18px 40px -18px rgba(0,0,0,.72); }
.stat-value{ color:var(--orange-light) !important; font-weight:800; }
.stat-label{ color:var(--muted); }

.btn-primary,button.primary,.btn.primary{
  background:var(--grad-orange) !important; border:none !important; color:#160a02 !important;
  font-weight:800; border-radius:12px !important; box-shadow:var(--glow-orange);
}
.btn-primary:hover,button.primary:hover{ filter:brightness(1.06); transform:translateY(-2px); box-shadow:0 18px 38px -10px rgba(226,112,26,.6); }
.btn-primary:active{ transform:translateY(0); }
.btn-icon,.action-btn{ border-radius:11px; }
.btn-icon:hover,.action-btn:hover{ border-color:var(--orange) !important; color:var(--orange-light) !important; background:var(--orange-dim) !important; transform:translateY(-1px); }

.nav-tab.active,.filter-tab.active{ color:var(--orange-light) !important; border-color:var(--orange) !important; }
.tab-count{ background:var(--orange-dim); color:var(--orange-light); }

.form-input,.filter-select,input[type="text"],input[type="number"],input[type="search"],select,textarea{
  background:#0c1812 !important; border:1px solid var(--border) !important; border-radius:11px !important; color:var(--text) !important;
}
.form-input:focus,.filter-select:focus,input:focus,select:focus,textarea:focus{
  border-color:var(--orange) !important; box-shadow:0 0 0 3px rgba(226,112,26,.18); outline:none;
}
.form-label,.filter-label{ color:var(--muted); }

.toggle-switch.active .toggle-track,.toggle-track.active{ background:var(--orange) !important; }

.user-pill{ background:var(--grad-card); border:1px solid var(--border); border-radius:12px; }
.user-avatar{ background:var(--grad-orange) !important; color:#160a02 !important; font-weight:800; }
.td-price{ color:var(--orange-light) !important; font-weight:700; }

table{ border-color:var(--border); }
thead th{ color:var(--muted); border-bottom:1px solid var(--border); }
tbody tr{ border-bottom:1px solid var(--border); }
tbody tr:hover{ background:rgba(226,112,26,.05); }

.modal-overlay{ background:rgba(5,11,8,.6) !important; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
.modal-box,.modal-content{
  background:rgba(16,28,20,.97) !important; border:1px solid var(--border) !important;
  border-radius:20px !important; box-shadow:var(--shadow-lg) !important;
  backdrop-filter:blur(18px) !important; -webkit-backdrop-filter:blur(18px) !important;
}
.modal-footer{ border-top:1px solid var(--border); }

.empty-icon{ color:var(--orange-light); }
.skel-line,.skel,.loading{ background:linear-gradient(90deg,#243d28 25%,#2a4830 37%,#243d28 63%) !important; background-size:400% 100% !important; }

*{ scrollbar-width:thin; scrollbar-color:#244033 transparent; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-track{ background:transparent; }
*::-webkit-scrollbar-thumb{ background:#244033; border-radius:10px; border:2px solid transparent; background-clip:content-box; }
*::-webkit-scrollbar-thumb:hover{ background:var(--orange); background-clip:content-box; }
::selection{ background:rgba(226,112,26,.32); color:#fff; }
:focus-visible{ outline:2px solid var(--orange); outline-offset:2px; border-radius:6px; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ transition:none !important; animation:none !important; }
  .glass-card:hover,.stat-card:hover,.btn-primary:hover,.action-btn:hover{ transform:none; }
}
