/* ═══════════════════════════════════════════════════════════════════════════
   توك توك جو — نظام التصميم v7.1 «Signature Bold»
   ─────────────────────────────────────────────────────────────────────────
   تجديد بصري جريء وواضح فوق النظام الحالي (v6) — بلا أي تغيير في البنية
   أو الوظائف أو أسماء المكوّنات: نفس الـ HTML، نفس الـ JS، نفس السلوك.

   فلسفة التصميم (مستوى Material 3 Express / Apple HIG):
   1. لون جسور: بطاقات إحصائيات بتدرّجات كاملة، شريط هوية ذهبي مضيء
      أسفل الترويسات، رقاقة ETA ذهبية على الخريطة، أرقام مالية بخط
      Changa العرضي المميز.
   2. زجاجية حقيقية: لوحة دخأول زجاجية (Glass Panel)، بحث زجاجي فوق
      الخريطة، Toast زجاجي بإطار ذهبي.
   3. الظلال: طبقتان ناعمتان + ظلال ملوّنة عميقة للأزرار الرئيسية.
   4. الحركة: منحنى emphasized الموحّد cubic-bezier(.2,0,0,1)، دخول
      نوافذ بنابض خفيف، واحترام كامل لـ prefers-reduced-motion.
   5. الأيقونات: وزن رسم موحّد 2px لكامل المجموعة (معيار Lucide).
   6. التركيز: حلقة focus-visible واضحة لكل عنصر تفاعلي.
   7. لا letter-spacing على العربية إطلاقاً — فقط على الأرقام اللاتينية.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═════════════════ 1) الرموز التصميمية (Design Tokens) ═════════════════ */
:root{

  /* ── الأسطح ── */
  --paper:#EFF2FA;
  --card:#FFFFFF;
  --line:#E7ECF5;
  --line-strong:#D9E1F0;

  /* ── الحبر ── */
  --ink:#0D1628;
  --ink-soft:#24335A;
  --muted:#5E6E8E;

  /* ── سلم الأنصاف الدائرية (أكبر = أكثر عصرية) ── */
  --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:28px; --r-pill:999px;
  --radius:var(--r-lg);

  /* ── نظام الارتفاع الاحترافي ── */
  --shadow:0 1px 2px rgba(13,22,40,.04), 0 8px 24px rgba(13,22,40,.08);
  --shadow-lift:0 2px 4px rgba(13,22,40,.05), 0 16px 40px rgba(13,22,40,.14);
  --shadow-pop:0 4px 10px rgba(13,22,40,.06), 0 28px 72px rgba(13,22,40,.22);

  /* ── ظلال الأزرار الملوّنة الجسورة ── */
  --glow-yellow:inset 0 1.5px 0 rgba(255,255,255,.55), 0 4px 12px rgba(240,165,0,.30), 0 12px 30px rgba(240,165,0,.38);
  --glow-green:inset 0 1.5px 0 rgba(255,255,255,.28), 0 4px 12px rgba(18,148,84,.26), 0 12px 30px rgba(18,148,84,.34);

  /* ── منحنيات الحركة (Material 3) ── */
  --ease-emph:cubic-bezier(.2,0,0,1);
  --ease-spring:cubic-bezier(.34,1.3,.5,1);
  --dur-fast:.16s; --dur-med:.24s; --dur-slow:.36s;

  /* ── حلقات التركيز ── */
  --focus-ring:0 0 0 4px rgba(255,197,49,.35);
  --focus-ring-blue:0 0 0 4px rgba(59,123,255,.28);

  /* ── سلم الخطوط ── */
  --fs-xs:11.5px; --fs-sm:12.5px; --fs-base:13.5px; --fs-md:14.5px; --fs-lg:16px; --fs-xl:19px;

  /* ── تدرجات الهوية الجسورة ── */
  --bg-strong:#0F1830;
  --bg-strong-grad:linear-gradient(168deg,#1C2750 0%,#111A36 48%,#1A2A5C 100%);
  --tuk-grad:linear-gradient(180deg,#FFDD6B 0%,#FFC531 48%,#F5A800 100%);
  --gold-bar:linear-gradient(90deg,transparent 2%,#FFC531 22%,#FFE38A 50%,#FFC531 78%,transparent 98%);
  --font-num:'Changa','Cairo','Rubik',sans-serif;
}

/* الوضع الداكن */
html[data-theme="dark"]{
  --paper:#0A1120;
  --card:#141D36;
  --line:#27334F;
  --line-strong:#33406A;
  --muted:#9AA8C2;
  --shadow:0 1px 2px rgba(0,0,0,.30), 0 10px 28px rgba(0,0,0,.42);
  --shadow-lift:0 2px 6px rgba(0,0,0,.35), 0 20px 48px rgba(0,0,0,.55);
  --shadow-pop:0 4px 12px rgba(0,0,0,.4), 0 28px 72px rgba(0,0,0,.6);
  --glow-yellow:inset 0 1.5px 0 rgba(255,255,255,.16), 0 12px 30px rgba(233,166,0,.36);
}


/* ═════════════════ 2) الأساسيات العامة ═════════════════ */
body{
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* الأرقام المالية والإحصائية: خط Changa العرضي المميز + عرض ثابت الأعمدة */
.d-pill-wallet #dWallet,.fare-line .fv,#adminScreen .adm-stat-num,
#adminScreen .adm-sum-num,.adm-money,.adm-num,.wt-num,.dwt-num,
.st-dist,.rpin-dist,.mk-exec-count{
  font-family:var(--font-num);
  font-variant-numeric:tabular-nums;
}

::selection{background:rgba(255,197,49,.42);color:var(--ink)}
html[data-theme="dark"] ::selection{background:rgba(255,197,49,.32);color:#fff}

/* أشرطة التمرير الرقيقة */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(13,22,40,.16);border-radius:99px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background-color:rgba(13,22,40,.30)}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border:2px solid transparent;background-clip:content-box}
*{scrollbar-width:thin;scrollbar-color:rgba(13,22,40,.20) transparent}
html[data-theme="dark"] *{scrollbar-color:rgba(255,255,255,.18) transparent}

/* حلقة تركيز موحّدة: ذهبي غامق على الفاتح، ذهبي فاتح على الداكن، أزرق للأدمن */
:where(button,[role="button"],input,select,textarea,a,[tabindex]):focus-visible{
  outline:2.5px solid #E8A900;outline-offset:2px;
}
#authScreen :where(button,[role="button"],input,select,textarea,a):focus-visible,
.topbar :where(button,[role="button"]):focus-visible,
.d-header :where(button,[role="button"],input):focus-visible,
.sd-header :where(button,[role="button"]):focus-visible{
  outline-color:#FFD65C;
}
#adminScreen :where(button,input,select,a,[tabindex]):focus-visible{
  outline-color:#2563EB;
}
input[type="range"]{accent-color:#E8A900}


/* ═════════════════ 3) الأيقونات: وزن موحّد 2px ═════════════════ */
.ic svg{stroke-width:2}
.ic{line-height:0}


/* ═════════════════ 4) الأزرار — جسورة وواضحة ═════════════════ */
.btn{
  padding:14px;
  border-radius:18px;
  font-weight:800;font-size:15px;
  transition:transform var(--dur-fast) var(--ease-emph),
             box-shadow var(--dur-med) var(--ease-emph),
             filter var(--dur-fast) ease;
}
.btn:active{transform:scale(.965) translateY(1px)}
.btn:disabled{transform:none;opacity:.55;filter:saturate(.55);cursor:not-allowed}

/* الأساسي الذهبي: تدرّج غني + لمعة داخلية + ظل ذهبي عميق */
.btn-primary{
  background:var(--tuk-grad);
  color:#161F04;
  box-shadow:var(--glow-yellow);
}
.btn-primary:hover{filter:brightness(1.04)}
.btn-primary:active{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.35), 0 3px 10px rgba(240,165,0,.26)}

.btn-green{
  background:linear-gradient(180deg,#2ED47E 0%,#149655 55%,#0E7F49 100%);
  color:#fff;
  box-shadow:var(--glow-green);
}
.btn-green:active{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.14), 0 3px 10px rgba(20,150,85,.24)}

.btn-blue{
  background:linear-gradient(180deg,#5B96FF 0%,#2563EB 58%,#1F55D0 100%);
  color:#fff;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.28), 0 4px 12px rgba(37,99,235,.26), 0 12px 30px rgba(37,99,235,.32);
}
.btn-blue:active{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.14), 0 3px 10px rgba(37,99,235,.22)}

.btn-red{
  background:linear-gradient(180deg,#F57676 0%,#E04848 58%,#CE3838 100%);
  color:#fff;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.26), 0 4px 12px rgba(214,60,60,.24), 0 12px 30px rgba(214,60,60,.30);
}
.btn-red:active{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.12), 0 3px 10px rgba(214,60,60,.20)}

.btn-dark{
  background:linear-gradient(180deg,#2A3A6E 0%,#16224A 55%,#0F1830 100%);
  color:#fff;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.12), 0 4px 12px rgba(14,24,48,.24), 0 12px 30px rgba(14,24,48,.34);
}

.btn-sky{
  background:linear-gradient(180deg,#6FC2FF 0%,#2F94F2 60%,#2583DC 100%);
  color:#fff;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.32), 0 4px 12px rgba(47,148,242,.24), 0 12px 28px rgba(47,148,242,.30);
}

.mk-btn-orange{
  background:linear-gradient(180deg,#F5853C 0%,#DD5C00 62%,#C55200 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.28), 0 4px 12px rgba(221,92,0,.26), 0 12px 30px rgba(221,92,0,.32);
}

.mk-chat-cta{
  background:linear-gradient(180deg,#4180C9 0%,#2456A0 68%,#1E4A8C 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.2), 0 4px 12px rgba(37,86,160,.26), 0 12px 30px rgba(37,86,160,.32);
}

.btn-ghost{border-radius:14px;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease}
.btn-ghost:hover{background:rgba(13,22,40,.05);color:var(--ink)}
html[data-theme="dark"] .btn-ghost:hover{background:rgba(255,255,255,.06);color:#E9EEF7}

.btn-cancel-soft{border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}

/* زر Google: بطاقة بيضاء واضحة */
.btn-google{
  height:56px;border-radius:18px;
  border:1px solid #E4E9F3;background:#fff;color:#1F2937;
  box-shadow:0 1px 2px rgba(13,22,40,.05), 0 10px 28px rgba(13,22,40,.10);
  transition:transform var(--dur-fast) var(--ease-emph),box-shadow var(--dur-med) var(--ease-emph),border-color var(--dur-fast) ease;
}
.btn-google:hover{transform:translateY(-1px);border-color:#D6DDEC;box-shadow:0 2px 4px rgba(13,22,40,.06), 0 16px 36px rgba(13,22,40,.14)}
.btn-google:active{transform:scale(.985)}

/* أزرار الأدمن */
#adminScreen .adm-btn-primary{
  border-radius:13px;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.24), 0 4px 10px rgba(47,107,255,.22), 0 10px 24px rgba(47,107,255,.28);
  transition:transform var(--dur-fast) var(--ease-emph),box-shadow var(--dur-med) var(--ease-emph);
}
#adminScreen .adm-btn-primary:active{transform:scale(.97)}
#adminScreen .adm-act{transition:transform var(--dur-fast) var(--ease-emph),filter var(--dur-fast) ease}
#adminScreen .adm-act:hover{transform:translateY(-1px)}
#adminScreen .adm-act:active{transform:scale(.9)}

/* زر حفظ عرض المتجر */
.offx-save{
  border-radius:18px;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.24), 0 4px 12px rgba(30,143,85,.26), 0 12px 30px rgba(30,143,85,.32);
}


/* ═════════════════ 5) حقول الإدخال ═════════════════ */
.field label{font-weight:800;color:var(--ink)}
.field input,.field textarea,.field select{
  border:1.5px solid var(--line);
  border-radius:15px;
  background:#F7FAFD;
  font-weight:600;
  transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease;
}
.field input::placeholder,.field textarea::placeholder{color:#9BA8C0;font-weight:500}
.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--line-strong)}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:#E8A900;background:#fff;box-shadow:var(--focus-ring);outline:none;
}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .field select{background:#0E1730}
html[data-theme="dark"] .field input:focus,
html[data-theme="dark"] .field textarea:focus,
html[data-theme="dark"] .field select:focus{background:#0B1322}

.ibox input{
  border:1.5px solid var(--line);border-radius:15px;background:#F7FAFD;font-weight:600;
  transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease;
}
html[data-theme="dark"] .ibox input{background:#0E1730;border-color:var(--line)}
html[data-theme="dark"] .ibox input::placeholder{color:#66748F}

#authScreen .ibox input{border-color:rgba(255,255,255,.16)}
#authScreen .ibox input::placeholder{color:rgba(255,255,255,.52)}
#authScreen .ibox input:focus{border-color:var(--tuk-yellow);box-shadow:0 0 0 4px rgba(255,197,49,.24)}

.agree-row input[type="checkbox"],.da-check input[type="checkbox"]{
  accent-color:#E8A900;width:19px;height:19px;border-radius:5px;cursor:pointer;
}


/* ═════════════════ 6) البطاقات والأسطح ═════════════════ */
.card{
  border:1px solid rgba(13,22,40,.055);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow);
}
html[data-theme="dark"] .card{border-color:rgba(255,255,255,.06)}

.stat{border-radius:18px;border:1px solid rgba(13,22,40,.055);transition:transform var(--dur-med) var(--ease-emph),box-shadow var(--dur-med) var(--ease-emph)}
.stat::before{border-radius:0 0 99px 99px}
@media(hover:hover){.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}}

/* شريط الأجرة: بطاقة ذهبية بارزة بسعر Changa كبير */
.fare-line{
  border-radius:16px;
  background:linear-gradient(135deg,#FFF9E6 0%,#FFF3C9 100%);
  border:1.5px solid rgba(232,169,0,.38);
}
.fare-line .fl{font-weight:800}
.fare-line .fv{font-size:18px;font-weight:800}
html[data-theme="dark"] .fare-line{background:linear-gradient(135deg,rgba(255,197,49,.12),rgba(255,197,49,.06));border-color:rgba(232,169,0,.4)}

@media(hover:hover){
  .st-card{
    border:1px solid rgba(13,22,40,.05);
    transition:transform var(--dur-med) var(--ease-emph),box-shadow var(--dur-med) var(--ease-emph);
  }
  .st-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
}
html[data-theme="dark"] .st-card{border-color:rgba(255,255,255,.055)}

.st-fbtn{
  border-radius:13px;
  box-shadow:0 1px 2px rgba(13,22,40,.04);
  transition:transform var(--dur-fast) var(--ease-emph),border-color var(--dur-fast) ease,background-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;
}
.st-fbtn.on{border-color:#9FDCBF;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 10px rgba(18,135,76,.16)}

.pt-chip{
  border-radius:13px;border-width:1.5px;
  transition:transform var(--dur-fast) var(--ease-emph),border-color var(--dur-fast) ease,background-color var(--dur-fast) ease;
}
.pt-chip:active{transform:scale(.97)}


/* ═════════════════ 7) النوافذ والقوائم والتنبيه ═════════════════ */
.modal-back{
  background:rgba(8,13,28,.60);
  backdrop-filter:blur(8px) saturate(1.05);
  -webkit-backdrop-filter:blur(8px) saturate(1.05);
}
.modal{
  border-radius:var(--r-xl);
  border:1px solid rgba(13,22,40,.05);
  box-shadow:var(--shadow-pop);
  animation:v7ModalIn var(--dur-slow) var(--ease-spring);
}
html[data-theme="dark"] .modal{border-color:rgba(255,255,255,.07);box-shadow:0 4px 12px rgba(0,0,0,.4),0 32px 80px rgba(0,0,0,.6)}
@keyframes v7ModalIn{
  from{opacity:0;transform:translateY(18px) scale(.94)}
  to{opacity:1;transform:none}
}
.modal h3{font-size:18px;font-weight:800}
.modal h3 .ic{color:var(--tuk-yellow-dark)}

.driver-menu{
  border-radius:var(--r-md);border:1px solid rgba(13,22,40,.06);
  box-shadow:var(--shadow-pop);padding:8px;
  transform-origin:top center;
  animation:v7Pop var(--dur-med) var(--ease-spring);
}
html[data-theme="dark"] .driver-menu{border-color:rgba(255,255,255,.08)}
@keyframes v7Pop{from{opacity:0;transform:scale(.93) translateY(-5px)}to{opacity:1;transform:none}}
.driver-menu button{border-radius:12px;transition:background-color var(--dur-fast) ease}
@media(hover:hover){.driver-menu button:hover{background:var(--paper)}}

.mk-time-opt{
  border-radius:15px;border-width:1.5px;
  transition:transform var(--dur-fast) var(--ease-emph),border-color var(--dur-fast) ease,background-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;
}
.mk-time-opt:active{transform:scale(.96)}
.mk-time-opt.on{border-color:#2563EB;box-shadow:0 0 0 3.5px rgba(37,99,235,.15)}

/* التنبيه: زجاج داكن بإطار ذهبي رفيع */
#toast{
  background:rgba(10,16,32,.92);
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  border:1px solid rgba(255,197,49,.35);
  border-radius:16px;
  padding:13px 24px;
  box-shadow:0 2px 6px rgba(0,0,0,.22), 0 16px 44px rgba(0,0,0,.32);
  transition:transform var(--dur-slow) var(--ease-spring),opacity var(--dur-med) ease;
}


/* ═════════════════ 8) شاشة التحميل ═════════════════ */
#bootScreen{
  background:
    radial-gradient(340px 260px at 50% 34%,rgba(255,197,49,.16),transparent 70%),
    radial-gradient(420px 300px at 50% 80%,rgba(37,99,235,.07),transparent 70%),
    #fff;
}
.boot-bar{
  width:118px;height:6px;border-radius:99px;background:#E8EDF7;
  box-shadow:inset 0 1px 2px rgba(13,22,40,.07);
}
.boot-bar i{
  width:42%;
  background:linear-gradient(90deg,#3B7BFF,#FFC531);
  box-shadow:0 0 14px rgba(255,197,49,.6);
}
#bootScreen>p.boot-txt{font-weight:800}


/* ═════════════════ 9) شاشة الدخول — أورورا + لوحة زجاجية ═════════════════ */
#authScreen{
  background:
    radial-gradient(620px 480px at 85% -8%,rgba(255,197,49,.16),transparent 60%),
    radial-gradient(560px 460px at -10% 105%,rgba(91,120,255,.18),transparent 62%),
    radial-gradient(900px 700px at 50% 42%,rgba(28,42,92,.5),transparent 78%),
    linear-gradient(168deg,#1D2A56 0%,#101A38 52%,#16264F 100%);
}
#authScreen::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1.4px);
  background-size:26px 26px;
}
#authScreen::after{display:none}

/* لوحة زجاجية تحيط بنموذج الدخول — تحوّل ملحوظ فوراً */
#authScreen .auth-body{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.11);
  border-radius:30px;
  margin-top:22px;
  padding:20px 16px 18px;
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  box-shadow:0 18px 50px rgba(5,9,22,.45), inset 0 1px 0 rgba(255,255,255,.10);
}
#authScreen .brand{margin-top:0}
#authScreen .auth-hero img{
  filter:drop-shadow(0 26px 44px rgba(255,197,49,.16));
}
.brand h1{font-size:36px;letter-spacing:0}
.brand h1 span{
  background:linear-gradient(120deg,#FFE38A 0%,#FFC531 45%,#E9A800 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 14px rgba(255,197,49,.3));
}

/* التبويبات: مقبض ذهبي واضح */
.tabs{
  background:rgba(9,14,30,.45);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;padding:4px;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.30);
}
.tabs button{border-radius:12px;font-weight:800;color:#96A7CB;transition:color var(--dur-med) ease,background-color var(--dur-med) ease,box-shadow var(--dur-med) ease,transform var(--dur-fast) var(--ease-emph)}
.tabs button.on{
  background:var(--tuk-grad);color:#161F04;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5), 0 4px 16px rgba(240,165,0,.42);
}
#authScreen .auth-lead{color:#A9BAD6}
#authScreen .field label{color:#C9D6EE}
#authScreen .field input{border-width:1px}
#authScreen .field input::placeholder{color:rgba(255,255,255,.42)}

.auth-divider{color:#8FA2C4}
.auth-divider::before,.auth-divider::after{background:rgba(255,255,255,.12)}
.auth-legacy-toggle{
  border-radius:10px;padding:6px 10px;text-decoration:none;color:#9FB0CC;
  transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease;
}
@media(hover:hover){.auth-legacy-toggle:hover{color:#fff;background:rgba(255,255,255,.06)}}

/* اختيار الدور عند التسجيل */
.role-pick button{
  border-width:2px;border-radius:18px;
  transition:transform var(--dur-fast) var(--ease-emph),border-color var(--dur-med) ease,background-color var(--dur-med) ease,box-shadow var(--dur-med) ease;
}
.role-pick button:active{transform:scale(.97)}
.role-pick button.on{
  border-color:#E8A900;
  background:linear-gradient(180deg,#FFFDF3 0%,#FFF3C6 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.75), 0 3px 8px rgba(233,166,0,.18), 0 14px 32px rgba(233,166,0,.26);
}

/* تبويبات الشروط/الخصوصية */
.legal-tabs{background:var(--paper);border-radius:14px;padding:4px;border:1px solid var(--line)}
.legal-tabs button{border-radius:11px;font-weight:800;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}
.legal-tabs button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(13,22,40,.08),0 4px 12px rgba(13,22,40,.10)}
html[data-theme="dark"] .legal-tabs button.on{background:#1D2848;color:var(--ink)}

.agree-row a{color:#FFD65C;font-weight:700;text-underline-offset:3px}


/* ═════════════════ 10) شريط الراكب — شريط الهوية الذهبي ═════════════════ */
.topbar{
  position:relative;
  background:linear-gradient(170deg,#20305C 0%,#121D3C 58%,#192A58 100%);
  border-bottom:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 26px rgba(8,13,28,.32);
}
/* شريط الضوء الذهبي — التوقيع البصري للهوية */
.topbar::after{
  content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;
  background:var(--gold-bar);
  pointer-events:none;
}
.topbar .who .rl{
  display:inline-flex;align-items:center;gap:5px;
  color:#FFD65C;font-weight:700;
}
.topbar .who .rl::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:#2BD576;box-shadow:0 0 0 3px rgba(43,213,118,.18);
}
.topbar .avatar{border:2px solid rgba(255,255,255,.20);border-radius:14px;background:rgba(255,255,255,.07)}
.topbar .avatar img{border-radius:12px}

/* كبسولة التنقّل توك توك ⇄ طلبات */
.svc-switch{
  border-width:1px;border-color:rgba(255,255,255,.17);
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.svc-switch:active{background:rgba(255,255,255,.15)}
.svc-switch-circle{
  background:linear-gradient(180deg,#FF9A5C 0%,#E8621E 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4), 0 3px 10px rgba(232,98,30,.5);
}

.icon-btn{
  border-width:1px;border-color:rgba(255,255,255,.15);border-radius:12px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  transition:background-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-emph);
}
.icon-btn:hover{background:rgba(255,255,255,.17)}
.icon-btn:active{transform:scale(.94)}


/* ═════════════════ 11) الخريطة — رقاقة ذهبية وزجاج ═════════════════ */
/* رقاقة الوصول: ذهبية بارزة — توقيع بصري فوق الخريطة */
.eta-chip{
  background:var(--tuk-grad);
  color:#161F04;
  border:1.5px solid rgba(255,255,255,.55);
  border-radius:var(--r-pill);
  box-shadow:0 3px 8px rgba(240,165,0,.35), 0 12px 30px rgba(13,22,40,.28);
  font-weight:800;
}
.eta-chip .ic{color:#161F04}
.gps-chip{
  border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.12);
  background:rgba(13,21,42,.88);backdrop-filter:blur(10px);
}

/* شريط البحث: كبسولة زجاجية عائمة */
.search-bar{
  border-radius:18px;border-width:1px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(16px) saturate(1.25);
  -webkit-backdrop-filter:blur(16px) saturate(1.25);
  box-shadow:0 2px 6px rgba(13,22,40,.06), 0 16px 40px rgba(13,22,40,.16);
}
html[data-theme="dark"] .search-bar{background:rgba(20,29,54,.94);border-color:rgba(255,255,255,.10)}
.search-bar .sgps{
  border-radius:14px;
  background:var(--tuk-grad);color:#161F04;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45), 0 4px 12px rgba(240,165,0,.36);
}
.search-results{border-radius:var(--r-md);border-width:1px;box-shadow:var(--shadow-lift)}
.sr-item{transition:background-color var(--dur-fast) ease}
@media(hover:hover){.sr-item:hover{background:#F4F7FC}}
html[data-theme="dark"] .sr-item:hover{background:#1A2444}

.rider-fit-btn{
  border:1px solid rgba(13,22,40,.06);border-radius:50%;
  box-shadow:var(--shadow-lift);transition:transform var(--dur-fast) var(--ease-emph)
}
.rider-fit-btn:active{transform:scale(.9)}

/* أزرار تكبير/تصغير الخريطة (Leaflet) */
.leaflet-bar{
  border:none !important;border-radius:13px !important;overflow:hidden;
  box-shadow:0 2px 6px rgba(13,22,40,.10), 0 10px 26px rgba(13,22,40,.16) !important;
}
.leaflet-bar a{
  background:#fff !important;color:#1B2748 !important;font-weight:800;
  width:38px !important;height:38px !important;line-height:38px !important;
  border-bottom:1px solid #EDF1F8 !important;
}
.leaflet-bar a:last-child{border-bottom:none !important}
.leaflet-bar a:hover{background:#F6F9FE !important}

/* نوافذ المعالم المنبثقة */
.lm-popup .leaflet-popup-content-wrapper{
  border-radius:15px;border:1px solid rgba(13,22,40,.06);
  box-shadow:0 2px 6px rgba(13,22,40,.08), 0 16px 40px rgba(13,22,40,.20);
}


/* ═════════════════ 12) اللوحة السفلية للراكب ═════════════════ */
.bottom-sheet{
  border-radius:32px 32px 0 0;
  border-top:1px solid rgba(13,22,40,.05);
  box-shadow:0 -2px 8px rgba(13,22,40,.05), 0 -22px 60px rgba(13,22,40,.20);
}
html[data-theme="dark"] .bottom-sheet{border-top-color:rgba(255,255,255,.06)}
.sheet-grab{
  width:44px;height:5px;border-radius:99px;
  background:rgba(13,22,40,.16);
  transition:background-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-emph);
}
.sheet-grab-btn:active .sheet-grab{transform:scaleX(1.35);background:rgba(13,22,40,.26)}
html[data-theme="dark"] .sheet-grab{background:rgba(255,255,255,.22)}

/* بطاقة نقطتي الرحلة */
.trip-points{border-radius:18px;border-width:1.5px;padding:5px}
.trip-points .tp-row{border-radius:13px}
.trip-points .tp-row:active{background:rgba(37,99,235,.07)}
.trip-points .tp-dot{
  border-radius:14px;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.30), 0 5px 14px rgba(20,150,85,.34);
}
.trip-points .tp-dot.end{
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.30), 0 5px 14px rgba(249,115,22,.34);
}
.trip-points .tp-txt .lbl{font-size:11px;font-weight:800}
.trip-points .tp-txt .val.empty{color:#93A0B6}

/* مفتاح نوع الرحلة */
.ride-type-toggle{
  background:#E9ECF4;border-radius:22px;
  box-shadow:inset 0 2px 5px rgba(13,22,40,.07);
}
html[data-theme="dark"] .ride-type-toggle{background:#0F1830;box-shadow:inset 0 2px 5px rgba(0,0,0,.4)}
.rt-plain .rt-plain-txt small{font-size:11px}
.rt-plain .rt-plain-txt b{font-weight:800}

/* زر السحب لطلب التوك توك — أجرأ */
#riderScreen .slide-order{
  border-radius:22px;
  background:linear-gradient(180deg,#37AB5E 0%,#2E8B47 56%,#257939 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.25), 0 4px 10px rgba(13,22,40,.10), 0 16px 38px rgba(46,139,71,.36);
}
#riderScreen .slide-order.so-taxi{
  background:linear-gradient(180deg,#FFC63F 0%,#EBA400 56%,#D99600 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.32), 0 4px 10px rgba(13,22,40,.10), 0 16px 38px rgba(232,169,0,.38);
}
#riderScreen .so-label{font-size:14.5px}
#riderScreen .so-txt small{font-size:12px}
@keyframes reqReadyPulse{
  0%,100%{transform:translateY(0) scale(1);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4),0 4px 12px rgba(221,92,0,.24)}
  50%{transform:translateY(-2px) scale(1.03);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),0 12px 28px rgba(240,165,0,.42),0 0 0 5px rgba(255,197,49,.15)}
}


/* ═════════════════ 13) واجهة السائق ═════════════════ */
#driverScreen .d-header{
  position:relative;
  background:linear-gradient(172deg,#212F5C 0%,#121C3A 60%,#1A2A56 100%);
  border-bottom:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 30px rgba(8,13,28,.34);
}
#driverScreen .d-header::after{
  content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;
  background:var(--gold-bar);pointer-events:none;
}
.d-pill{
  height:46px;
  border:1px solid rgba(255,255,255,.13);border-radius:15px;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.d-pill-wallet #dWallet{color:#FFD65C;font-weight:800}
.d-pill-online.live{border-color:rgba(43,213,118,.48)}
.d-pill-online.live .d-status-dot{background:#2BD576;box-shadow:0 0 0 4px rgba(43,213,118,.20)}

.d-switch-track{background:rgba(255,255,255,.20);box-shadow:inset 0 1px 3px rgba(0,0,0,.24);transition:background-color var(--dur-med) ease}
.d-pill-online.live .d-switch-track{background:linear-gradient(180deg,#2FDD7E 0%,#17B862 100%)}
.d-switch-knob{
  box-shadow:0 1px 3px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform var(--dur-med) var(--ease-emph);
}

/* الشريط السفلي — (padding الأصلي محفوظ: بطاقة الرحلة محسوبة هندسياً على bottom:59px) */
.d-bottomnav{
  position:relative;
  background:linear-gradient(180deg,#1A2148 0%,#111731 100%);
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -8px 28px rgba(8,13,28,.40);
}
/* مؤشر ذهبي أعلى العنصر النشط — توقيع Material You */
.dbn-item.active::after{
  content:'';position:absolute;top:-7px;right:22%;left:22%;height:3.5px;border-radius:99px;
  background:var(--tuk-grad);
  box-shadow:0 1px 6px rgba(255,197,49,.5);
}
.dbn-item{color:#C4CDE4;transition:color var(--dur-med) ease}
.dbn-lbl{font-size:11.5px;font-weight:800}
.dbn-ic{position:relative}
.dbn-item .dbn-ic::before{
  content:'';position:absolute;inset:-7px -13px;border-radius:99px;
  background:transparent;transition:background-color var(--dur-med) ease;
}
.dbn-item.active{color:var(--tuk-yellow)}
.dbn-item.active .dbn-ic::before{background:rgba(255,197,49,.16)}
.dbn-item:active{opacity:.75}
.dbn-badge{border:1.5px solid #10152B;box-shadow:0 2px 8px rgba(226,61,61,.45);width:18px;height:18px;font-size:10.5px}

/* لوحة الطلب الوارد — شريط هوية علوي + عنوان أجرأ */
.incoming-sheet{
  border-radius:30px 30px 0 0;
  box-shadow:0 -2px 8px rgba(8,13,28,.10), 0 -24px 64px rgba(8,13,28,.34);
  transition:transform var(--dur-slow) var(--ease-emph);
}
.incoming-sheet::before{
  content:'';position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,#22C55E,#FFC531 55%,#FF9A3C);
  border-radius:30px 30px 0 0;
}
.inc-head .t1{font-weight:800;font-size:19px;font-family:var(--font-display)}
.inc-fromto{border-radius:14px;border:1px solid rgba(13,22,40,.05)}
.swipe-track{
  border-radius:20px;
  background:linear-gradient(180deg,#219A5B 0%,#156F3E 60%,#115E34 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.18), 0 4px 10px rgba(13,22,40,.10), 0 14px 32px rgba(18,120,64,.38);
}
.swipe-knob{
  border-radius:14px;
  background:var(--tuk-grad);color:#153A08;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55), 0 5px 16px rgba(0,0,0,.32);
}
.swipe-hint{font-weight:800}
.inc-ignore{border-radius:13px}

/* بطاقات الرحلة الجارية */
.driver-active-overlay .card,.driver-active-overlay .pay-box,.trip-card{
  border-radius:var(--r-lg);
  box-shadow:0 -2px 6px rgba(13,22,40,.05), 0 -18px 48px rgba(13,22,40,.19);
}
.trip-card{border:1px solid rgba(13,22,40,.055)}
.trip-info .s{font-size:11.5px}
.driver-card-new{border-radius:var(--r-lg)}
.dcn-avatar{box-shadow:0 0 0 2px var(--card), 0 0 0 4.5px rgba(37,99,235,.24)}

/* عدّادات الانتظار */
.wt-face{border-radius:13px;border-width:1.5px}
.wt-bar,.wt-bar i{border-radius:99px}
.wt-num{font-weight:800}

/* لوحة نطاق العمل */
.radius-sheet{border-radius:26px 26px 0 0;box-shadow:0 -2px 8px rgba(8,13,28,.08),0 -20px 52px rgba(8,13,28,.26)}
.radius-head h3{font-weight:800}
.radius-btn{
  border-radius:15px;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45), 0 4px 10px rgba(233,166,0,.22), 0 10px 24px rgba(233,166,0,.26);
}

/* شريط تثبيت PWA */
.pwa-inner{
  border-radius:20px;border:1px solid rgba(13,22,40,.06);
  box-shadow:0 2px 6px rgba(13,22,40,.06), 0 22px 52px rgba(13,22,40,.22);
}
.pwa-x{border-radius:10px;transition:background-color var(--dur-fast) ease}
@media(hover:hover){.pwa-x:hover{background:rgba(13,22,40,.08)}}


/* ═════════════════ 14) رأس لوحة المتجر ═════════════════ */
.sd-header{
  position:relative;
  background:linear-gradient(170deg,#20305C 0%,#121D3C 58%,#192A58 100%);
  border-bottom:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 26px rgba(8,13,28,.30);
}
.sd-header::after{
  content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;
  background:var(--gold-bar);pointer-events:none;
}
.sd-header .avatar{box-shadow:0 0 0 2px rgba(255,255,255,.18)}


/* ═════════════════ 15) معالج التوثيق KYC ═════════════════ */
.kyc-steps .kyc-step-dot{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  transition:background-color .22s ease,box-shadow .22s ease;
}
.kyc-steps .kyc-step.active .kyc-step-dot,.kyc-steps .kyc-step.done .kyc-step-dot{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 5px 14px rgba(20,150,85,.30);
}
.kyc-steps .kyc-step-lbl{font-size:11.5px}
.kyc-wiz-foot{border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(13,22,40,.06)}
.kyc-shot{border-radius:15px;border-width:2px;transition:border-color var(--dur-fast) ease,background-color var(--dur-fast) ease}
@media(hover:hover){.kyc-shot:hover{border-color:#BFD0EA;background:#F6F9FE}}
html[data-theme="dark"] .kyc-shot:hover{border-color:#3A4A78;background:#182240}
.kyc-note{border-radius:15px}
.kyc-review-block,.kyc-review-card{border-radius:15px}
.ss-back,.offx-back,.kyc-exit{transition:background-color var(--dur-fast) ease,opacity var(--dur-fast) ease,transform var(--dur-fast) var(--ease-emph)}
.ss-back:active,.offx-back:active,.kyc-exit:active{transform:scale(.93)}


/* ═════════════════ 16) لوحة الأدمن — بطاقات متدرّجة جسورة ═════════════════ */
#adminScreen{
  --adm-bg:#F3F6FC;--adm-line:#E8EDF7;--adm-ink:#121B34;--adm-muted:#66738F;
}
#adminScreen .adm-shell{
  background:
    radial-gradient(900px 520px at 100% 0%,rgba(59,123,255,.05),transparent 60%),
    radial-gradient(700px 420px at 0% 100%,rgba(124,77,255,.035),transparent 60%),
    var(--adm-bg);
}
#adminScreen .adm-welcome h1{font-size:28px}

/* ══ بطاقات الإحصائيات: تدرّجات لونية كاملة بنص أبيض ══ */
#adminScreen .adm-stat{
  border:none;color:#fff;
  box-shadow:0 4px 12px rgba(13,22,40,.10), 0 16px 36px rgba(13,22,40,.16);
  transition:transform var(--dur-med) var(--ease-emph),box-shadow var(--dur-med) var(--ease-emph);
}
@media(hover:hover){
  #adminScreen .adm-stat:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(13,22,40,.12), 0 22px 48px rgba(13,22,40,.22)}
}
#adminScreen .adm-stat .adm-stat-title{color:rgba(255,255,255,.82)}
#adminScreen .adm-stat .adm-stat-num{color:#fff;font-size:24px;font-weight:800}
#adminScreen .adm-stat .adm-stat-sub{color:rgba(255,255,255,.62)}
#adminScreen .adm-stat .adm-stat-ic{background:rgba(255,255,255,.17);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
#adminScreen .adm-stat.sc-violet{background:linear-gradient(140deg,#8B5CF6 0%,#6D28D9 100%)}
#adminScreen .adm-stat.sc-blue{background:linear-gradient(140deg,#3B82F6 0%,#1D4ED8 100%)}
#adminScreen .adm-stat.sc-green{background:linear-gradient(140deg,#22C55E 0%,#15803D 100%)}
#adminScreen .adm-stat.sc-gold{background:linear-gradient(140deg,#F5A70C 0%,#D97706 100%)}
#adminScreen .adm-stat.sc-red{background:linear-gradient(140deg,#EF4A4A 0%,#DC2626 100%)}
#adminScreen .adm-stat.sc-gold .adm-stat-num{color:#fff;font-size:24px}

/* الشريط الجانبي: كحلي عميق + مؤشر ذهبي للعنصر النشط */
#adminScreen .adm-sidebar{
  background:linear-gradient(180deg,#16203D 0%,#0F1830 70%,#131D3A 100%);
  border-left:1px solid rgba(255,255,255,.05);
}
#adminScreen .adm-nav button{border-radius:12px;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-emph)}
@media(hover:hover){#adminScreen .adm-nav button:hover{background:rgba(255,255,255,.06)}}
#adminScreen .adm-nav button.on{
  position:relative;
  background:linear-gradient(180deg,#4F8BFF 0%,#2563EB 68%,#2158D6 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.24), 0 5px 16px rgba(37,99,235,.38);
}
/* شريط ذهبي على حافة العنصر النشط (جهة اليمين في RTL) */
#adminScreen .adm-nav button.on::before{
  content:'';position:absolute;top:20%;bottom:20%;inset-inline-start:-8px;width:4px;
  border-radius:99px;background:var(--tuk-grad);
  box-shadow:0 0 10px rgba(255,197,49,.55);
}
#adminScreen .adm-nav button.dragging{box-shadow:0 14px 32px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.1)}
#adminScreen .adm-logout{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:13px;
  transition:background-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-emph);
}
@media(hover:hover){#adminScreen .adm-logout:hover{background:rgba(226,68,63,.18)}}
#adminScreen .adm-logout:active{transform:scale(.97)}
#adminScreen .adm-toggle{border-radius:11px;background:rgba(255,255,255,.06)}
@media(hover:hover){#adminScreen .adm-toggle:hover{background:rgba(255,255,255,.12)}}

/* الترويسة: زجاجية فاتحة */
#adminScreen .adm-header{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--adm-line);
}
#adminScreen .adm-search{
  border-radius:12px;border-width:1px;
  transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;
}
#adminScreen .adm-search:focus-within{border-color:#3B7BFF;box-shadow:var(--focus-ring-blue)}
#adminScreen .adm-bell{border-radius:12px;transition:background-color var(--dur-fast) ease}
#adminScreen .adm-bell-badge{box-shadow:0 2px 8px rgba(232,68,63,.48)}
#adminScreen .adm-user-av{background:linear-gradient(180deg,#4F8BFF,#2563EB);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}

/* بطاقات اللوحة العامة */
#adminScreen .adm-card,#adminScreen .adm-sum,#adminScreen .adm-help,#adminScreen .adm-tile{
  border-radius:17px;border-width:1px;
  transition:transform var(--dur-med) var(--ease-emph),box-shadow var(--dur-med) var(--ease-emph),border-color var(--dur-med) ease;
}
@media(hover:hover){
  #adminScreen .adm-sum:hover,#adminScreen .adm-tile:hover{
    transform:translateY(-2px);
    box-shadow:0 2px 4px rgba(13,22,40,.04), 0 16px 36px rgba(13,22,40,.11);
    border-color:#D2DDF4;
  }
  #adminScreen .adm-tile:hover{background:#F8FAFF}
}
#adminScreen .adm-stat-ic,#adminScreen .adm-sum-ic,#adminScreen .adm-card-ic,#adminScreen .adm-help-ic,#adminScreen .adm-tile .ti{border-radius:14px}
#adminScreen .adm-sum-num,#adminScreen .adm-card-title h3{font-weight:800}

/* الجداول */
#adminScreen .adm-table th{
  background:#F6F8FD;color:#7C8AA6;font-size:11.5px;font-weight:800;
  border-bottom:1px solid var(--adm-line);
}
#adminScreen .adm-table th:first-child{border-start-end-radius:11px}
#adminScreen .adm-table th:last-child{border-start-start-radius:11px}
#adminScreen .adm-table td{border-bottom:1px solid #EFF2F9}
#adminScreen .adm-table tbody tr{transition:background-color var(--dur-fast) ease}
@media(hover:hover){#adminScreen .adm-table tbody tr:hover{background:#F6FAFF}}
#adminScreen .adm-state{border-radius:99px}
#adminScreen .adm-pager-mid button{border-radius:11px;transition:transform var(--dur-fast) var(--ease-emph),background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}
#adminScreen .adm-pager-mid button:active{transform:scale(.95)}
#adminScreen .adm-field{border-radius:11px;border-width:1px}
#adminScreen .adm-back-btn{border-radius:11px}
#adminScreen .adm-foot{font-size:11px}


/* ═════════════════ 17) الدردشة والتقييم ═════════════════ */
.chat-sheet{border-radius:26px 26px 0 0}
.chat-input input{border-radius:14px}
.face-btn{transition:transform var(--dur-fast) var(--ease-spring)}
.face-btn:active{transform:scale(.86)}
.face-btn.sel{transform:scale(1.14)}
.qr-star{transition:transform var(--dur-fast) var(--ease-spring)}
.qr-star:active{transform:scale(1.25)}
@media(hover:hover){.qr-star:hover{transform:scale(1.15)}}


/* ═════════════════ 18) رفع الحد الأدنى للخطوط ═════════════════ */
.mk-mini-dist-lbl{font-size:10.5px}
.search-screen .sr-item .badge{font-size:10px}
.dwt-cancel{font-size:11px;border-radius:8px}
.msg-del{font-size:10.5px}
.taxi-badge,.svc-badge{font-size:11px}
.st-badge{font-size:11.5px}
.wt-hint{font-size:12px}
.hint{font-size:12px}
.leaflet-control-attribution{font-size:9.5px !important}


/* ═════════════════ 19) دخول الشاشات ═════════════════ */
.screen.active{animation:v7ScreenIn var(--dur-slow) ease}
@keyframes v7ScreenIn{from{opacity:.3}to{opacity:1}}


/* ═════════════════ 20) احترام تقليل الحركة ═════════════════ */
@media (prefers-reduced-motion:reduce){
  .modal,.driver-menu,.screen.active{animation:none !important}
  .btn,.dbn-item .dbn-ic::before,.st-card,#adminScreen .adm-stat,#adminScreen .adm-sum,
  #adminScreen .adm-tile,#adminScreen .adm-nav button{transition:none !important}
  .btn:active,.btn-google:hover,#adminScreen .adm-act:hover{transform:none !important}
}