/* ==========================================================================
   ROUTUOR BRAND TOKENS
   3 ƏSAS RƏNG (tək mənbə — bunları dəyişmək hər yeri dəyişir):
     --brand-primary          #9FE870 (açıq yaşıl)
     --brand-ink              #163300 (tünd yaşıl)
     --brand-text-on-primary  #163300 (yaşıl fon üstündə mətn)
   Qrup A = SITE / ADMIN  (--site-*)
   Qrup B = TRACKING      (--track-*)
   Hər qrupun LIGHT (default :root) + DARK (html[data-theme="dark"]) dəyəri var.
   DARK = əsl neytral dark (boz/qara), yaşıl-tint yoxdur. Brend aksentlər
   (düymə, badge) bilərəkdən --brand-* saxlanılır.
   Ən altda LEGACY ləqəblər var — köhnə adlar sınmasın deyə.
   ========================================================================== */

/* ================= 0) BRAND CORE — hər iki rejimdə eyni ================= */
:root{
  --brand-primary:#9FE870;
  --brand-primary-hex:#9FE870;
  --brand-primary-soft-hex:#C8F5BE;
  --brand-ink:#163300;
  --brand-ink-hex:#163300;
  --brand-text-on-primary:#163300;
  --brand-text-on-ink:#9FE870;
  --brand-text-default:#343a40;
  /* Palitra — bütün yaşıl tonlar (hamısını burdan dəyiş) */
  --brand-ok:#16a34a;
  --brand-ok-hex:#16A34A;
  --brand-ok-deep:#15803d;
  --brand-ok-deep-hex:#15803D;
  --brand-live:#22c55e;
  --brand-live-hex:#22C55E;
  --brand-neon:#4ade80;
  --brand-neon-hex:#4ADE80;
  --brand-tint-1:#eef4ee;
  --brand-tint-1b:#d8e5d8;
  --brand-tint-2:#e4f5ea;
  --brand-tint-2b:#b7e2c3;
  --brand-tint-3:#d3eddc;
  --brand-tint-3b:#93cfa3;
  /* Funksional rənglər (status/xəta/xəbərdarlıq — burdan dəyiş) */
  --brand-danger:#dc2626;
  --brand-danger-hex:#DC2626;
  --brand-danger-deep:#b91c1c;
  --brand-danger-soft:#fef2f2;
  --brand-danger-bd:#fecaca;
  --brand-danger-lite:#f87171;
  --brand-warn:#eab308;
  --brand-warn-deep:#d97706;
  --brand-warn-soft:#fffbeb;
  --brand-warn-bd:#fde68a;
  --brand-info:#2563eb;
  --brand-info-bright:#3b82f6;
  --brand-info-deep:#1d4ed8;
  --brand-info-soft:#eff6ff;
  --brand-info-bd:#bfdbfe;
  --brand-menu-icon:color-mix(in srgb, var(--brand-ink) 55%, var(--brand-primary));
}

/* ================= 0/D) PALİTRA — DARK (neytral fon üstündə açıq tonlar) ================= */
html[data-theme="dark"]{
  --brand-ok:#4ade80;
  --brand-ok-hex:#4ADE80;
  --brand-ok-deep:#86efac;
  --brand-ok-deep-hex:#86EFAC;
  --brand-live:#4ade80;
  --brand-live-hex:#4ADE80;
  --brand-neon:#9FE870;
  --brand-neon-hex:#9FE870;
  --brand-tint-1:color-mix(in srgb, var(--brand-primary-hex) 7%, transparent);
  --brand-tint-1b:transparent;
  --brand-tint-2:color-mix(in srgb, var(--brand-primary-hex) 13%, transparent);
  --brand-tint-2b:transparent;
  --brand-tint-3:color-mix(in srgb, var(--brand-primary-hex) 20%, transparent);
  --brand-tint-3b:transparent;
  --brand-danger:#f87171;
  --brand-danger-hex:#F87171;
  --brand-danger-deep:#fca5a5;
  --brand-danger-soft:rgba(220,38,38,.12);
  --brand-danger-bd:rgba(220,38,38,.35);
  --brand-danger-lite:#fca5a5;
  --brand-warn:#fbbf24;
  --brand-warn-deep:#fde047;
  --brand-warn-soft:rgba(250,204,21,.1);
  --brand-warn-bd:rgba(250,204,21,.3);
  --brand-info:#93c5fd;
  --brand-info-bright:#93c5fd;
  --brand-info-deep:#bfdbfe;
  --brand-info-soft:rgba(59,130,246,.12);
  --brand-info-bd:rgba(59,130,246,.32);
  --brand-text-on-ink:#9FE870;
  --brand-menu-icon:#f3fcff;
}

/* ================= A) SITE / ADMIN — LIGHT (default) ================= */
:root{
  --site-bg:#f8fafc;
  --site-surface:#ffffff;
  --site-surface-2:#f1f5f9;
  --site-text:#0f172a;
  --site-muted:#64748b;
  --site-line:#e2e8f0;
  --site-navbar:#ffffff;
  --site-track:#cbd5e1;
  --site-menu-text:#0f172a;
  --site-select-bg:color-mix(in srgb, var(--brand-primary) 22%, white);
  --site-select-border:color-mix(in srgb, var(--brand-primary) 55%, white);
  --site-soft:color-mix(in srgb, var(--brand-ink-hex) 6%, transparent);
  --site-line-strong:color-mix(in srgb, var(--brand-ink-hex) 28%, transparent);
  --site-chip:color-mix(in srgb, var(--brand-ink-hex) 6%, transparent);
  /* Driver GPS səhifəsinin dark-da işlətdiyi sabit tünd kartlar */
  --site-driver-bg:#0b100e;
  --site-driver-card:#121a14;
}

/* ================= A) SITE / ADMIN — DARK (neytral) ================= */
html[data-theme="dark"],
body[data-theme="dark"]{
  --site-bg:#000000;
  --site-surface:#141414;
  --site-surface-2:#1c1c1c;
  --site-text:#f5f5f5;
  --site-muted:#9ca3af;
  --site-line:rgba(255,255,255,.12);
  --site-navbar:#0a0a0a;
  --site-track:#3a3a3a;
  --site-menu-text:#ffffff;
  --site-select-bg:rgba(255,255,255,.08);
  --site-select-border:rgba(255,255,255,.16);
  --site-soft:rgba(255,255,255,.06);
  --site-line-strong:rgba(255,255,255,.22);
  --site-chip:rgba(255,255,255,.08);
  --site-driver-bg:#0a0a0a;
  --site-driver-card:#141414;
}

/* ================= B) TRACKING — LIGHT (default) ================= */
:root{
  --track-brand:var(--brand-primary);
  --track-ink:var(--brand-ink);
  --track-brand-hex:var(--brand-primary-hex);
  --track-card:#ffffff;
  --track-input:#ffffff;
  --track-text:#0f172a;
  --track-muted:#64748b;
  --track-faint:#94a3b8;
  --track-line:#e2e8f0;
  --track-line-soft:#eef2f7;
  --track-toggle-track:#cbd5e1;
  --track-toggle-thumb:#ffffff;
  --track-pop:rgba(255,255,255,.95);
  --track-green:#16a34a;
  --track-dot:#22c55e;
  --track-error:#dc2626;
  --track-warn:#eab308;
  --track-stat-bg:rgba(110,128,156,.06);
  /* Hero / xəritə / səth */
  --track-hero:linear-gradient(to bottom, var(--brand-primary) 0, var(--brand-ink) 42vh, #f8fafc 42vh);
  --track-hero-base:#f8fafc;
  --track-hero-text:#ffffff;
  --track-map:#e5e3df;
  --track-page-dark:#0a0a0a;
  --track-surface:#090e0a;
  --track-surface-2:#090e0a;
  --track-line-dark:color-mix(in srgb, var(--brand-primary-hex) 14%, transparent);
  --track-select-bg:color-mix(in srgb, var(--brand-primary-hex) 10%, transparent);
  --track-select-text:#e8f5e9;
  --track-select-border:color-mix(in srgb, var(--brand-primary-hex) 22%, transparent);
  --track-filter-bg:color-mix(in srgb, var(--brand-primary) 22%, white);
  --track-filter-border:color-mix(in srgb, var(--brand-primary) 55%, white);
  /* Cədvəl */
  --track-table-bg:#ffffff;
  --track-table-text:#0f172a;
  --track-table-line:#e2e8f0;
  --track-table-even:rgba(100,116,139,.06);
  --track-table-selected:#eef2f7;
  /* Statuslar (funksional rənglər — hər iki rejimdə eyni) */
  --track-status-delivered:#16a34a;
  --track-status-delivered-bg:rgba(34,197,94,.16);
  --track-status-delivered-border:rgba(34,197,94,.25);
  --track-status-transit:#0a91ea;
  --track-status-transit-bg:rgba(59,130,246,.14);
  --track-status-transit-border:rgba(59,130,246,.25);
  --track-status-pending:#e5b243;
  --track-status-pending-bg:rgba(234,179,8,.18);
  --track-status-pending-border:rgba(234,179,8,.3);
  --track-status-failed:#b91c1c;
  --track-status-failed-bg:rgba(239,68,68,.15);
  --track-status-failed-border:rgba(239,68,68,.25);
  /* Kiçik badge / live */
  --track-badge-bg:color-mix(in srgb, var(--brand-primary-hex) 25%, transparent);
  --track-badge-ink:var(--brand-ink);
  --track-badge-border:color-mix(in srgb, var(--brand-ink-hex) 20%, transparent);
  --track-badge-dark-bg:var(--brand-ink);
  --track-live-bg:color-mix(in srgb, var(--brand-primary-hex) 22%, transparent);
  --track-live-border:color-mix(in srgb, var(--brand-ink-hex) 28%, transparent);
  --track-pin-from:#FFDE00;
  --track-pin-to:#FF8A00;
}

/* ================= B) TRACKING — DARK (neytral) ================= */
html[data-theme="dark"],
body[data-theme="dark"]{
  --track-brand:var(--brand-primary);
  --track-ink:var(--brand-ink);
  --track-brand-hex:var(--brand-primary-hex);
  --track-card:var(--site-surface);
  --track-input:var(--site-surface-2);
  --track-text:var(--site-text);
  --track-muted:#9ca3af;
  --track-faint:#6b7280;
  --track-line:var(--site-line);
  --track-line-soft:rgba(255,255,255,.07);
  --track-toggle-track:#3a3a3a;
  --track-toggle-thumb:#ffffff;
  --track-pop:rgba(10,10,10,.95);
  --track-green:#4ade80;
  --track-dot:var(--brand-primary);
  --track-error:#f87171;
  --track-warn:#eab308;
  --track-stat-bg:rgba(255,255,255,.05);
  --track-hero:#0a0a0a;
  --track-hero-base:#0a0a0a;
  --track-hero-text:#ffffff;
  --track-map:#0a0a0a;
  --track-page-dark:#0a0a0a;
  --track-surface:#141414;
  --track-surface-2:#1a1a1a;
  --track-line-dark:rgba(255,255,255,.12);
  --track-select-bg:rgba(255,255,255,.08);
  --track-select-text:#f5f5f5;
  --track-select-border:rgba(255,255,255,.16);
  --track-filter-bg:color-mix(in srgb, var(--brand-primary) 22%, white);
  --track-filter-border:color-mix(in srgb, var(--brand-primary) 55%, white);
  --track-table-bg:#141414;
  --track-table-text:#f5f5f5;
  --track-table-line:rgba(255,255,255,.12);
  --track-table-even:rgba(255,255,255,.04);
  --track-table-selected:rgba(255,255,255,.09);
  --track-badge-bg:rgba(255,255,255,.08);
  --track-badge-ink:#f5f5f5;
  --track-badge-border:rgba(255,255,255,.16);
  --track-badge-dark-bg:var(--brand-primary);
  --track-live-bg:rgba(255,255,255,.08);
  --track-live-border:rgba(255,255,255,.16);
}

/* ================= C) SITE komponent qaydaları (rəng eyni) ================= */
html body select.plan-sel{background-color:var(--site-select-bg);border-color:var(--site-select-border);color:var(--brand-text-on-primary)}
select option:hover{background-color:var(--brand-primary);color:var(--brand-text-on-primary)}
html body .icon-act.danger{color:var(--brand-ink);border-color:var(--brand-ink)}
html body .icon-act.danger:hover{background:var(--brand-primary);color:var(--brand-text-on-primary)}
html body .mini.danger,html body .mini-btn.danger{color:var(--brand-ink);border-color:var(--brand-ink)}
html[data-theme="dark"] body .icon-act.danger{color:var(--brand-primary);border-color:var(--brand-primary)}
html[data-theme="dark"] body .icon-act.danger:hover{background:color-mix(in srgb, var(--brand-primary-hex) 14%, transparent);color:var(--brand-primary)}
html[data-theme="dark"] body .mini.danger,html[data-theme="dark"] body .mini-btn.danger{color:var(--brand-primary);border-color:var(--brand-primary)}
.cdd{display:inline-flex;vertical-align:middle}
.cdd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:130px;border:1px solid var(--site-select-border);background:var(--site-select-bg);color:var(--brand-text-on-primary);border-radius:9px;padding:7px 10px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer}
.cdd-btn i{font-size:11px;opacity:.7}
.cdd-btn.is-disabled{opacity:.5;cursor:not-allowed}
#cdd-pop{position:fixed;z-index:9999;background:var(--site-surface);border:1px solid var(--site-line);border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.18);padding:5px;overflow:auto;max-height:240px}
#cdd-pop[hidden]{display:none}
.cdd-opt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:700;color:var(--site-text);cursor:pointer;white-space:nowrap}
.cdd-opt:hover{background:var(--brand-primary);color:var(--brand-text-on-primary)}
.cdd-opt .bi-check{margin-left:auto;opacity:0}
.cdd-opt.sel .bi-check{opacity:1}
html[data-theme="dark"] body .cdd-btn{background:var(--site-soft);border-color:var(--site-line-strong);color:var(--site-text)}
html[data-theme="dark"] body #cdd-pop{background:var(--track-surface);border-color:var(--track-line-dark)}
html[data-theme="dark"] body .cdd-opt{color:var(--track-select-text)}
html[data-theme="dark"] body .cdd-opt:hover{background:var(--brand-primary);color:var(--brand-text-on-primary)}
.ext-link{color:var(--brand-ink)}
html[data-theme="dark"] body,body[data-theme="dark"]{background-color:var(--site-bg)}
html[data-theme="dark"] body .card,
html[data-theme="dark"] body .stat-card,
html[data-theme="dark"] body .plan-card,
html[data-theme="dark"] body .price-card,
html[data-theme="dark"] body .tracking-page{background-color:var(--site-surface)}
html[data-theme="dark"] body select.plan-sel{background-color:var(--site-soft);border-color:var(--site-line-strong);color:var(--site-text)}
html[data-theme="dark"] body input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body select,
html[data-theme="dark"] body textarea{background-color:var(--site-surface-2);border-color:var(--site-line);color:var(--track-select-text)}
html[data-theme="dark"] body .atabs{background-color:var(--site-surface)}
html[data-theme="dark"] body .stat .ic,
html[data-theme="dark"] body .stat.warn .ic,
html[data-theme="dark"] body .stat.ok .ic,
html[data-theme="dark"] body .stat.blue .ic,
html[data-theme="dark"] body .stat.gold .ic{background-color:var(--site-chip);border-color:var(--site-line)}
html[data-theme="dark"] body .profile-menu{background-color:var(--site-surface);border-color:var(--site-line)}
html[data-theme="dark"] body .site-header{background-color:var(--site-navbar);border-bottom-color:var(--track-line-dark)}
html[data-theme="dark"] body .stat,
html[data-theme="dark"] body .mod,
html[data-theme="dark"] body .pend-item,
html[data-theme="dark"] body .feat-row,
html[data-theme="dark"] body .code-pill,
html[data-theme="dark"] body .stepper,
html[data-theme="dark"] body .err-item{background-color:var(--site-surface)}
html[data-theme="dark"] .ext-link{color:var(--brand-primary)}