/* =============================================================
توك توك جو — نظام التصميم (v6 · Premium)
تدرجات فاخرة · توهجات · ظلال ملونة · زجاجية · حركات راقية
============================================================= */
:root{
--tuk-yellow:#FFC531;
--tuk-yellow-dark:#E8A900;
--svc-orange:#FF7A33; /* الدائرة البرتقالية لمفتاح التنقل توك توك⇄طلبات */
--svc-orange-dark:#E8621E;
--tuk-grad:linear-gradient(135deg,#FFD84D 0%,#FFC531 45%,#F0A500 100%);
--ink:#0F1B33;
--ink-soft:#25355C;
--paper:#EEF2F9;
--card:#FFFFFF;
--line:#E1E7F2;
--green:#149655;
--green-grad:linear-gradient(140deg,#1FBF6B 0%,#149655 55%,#0E7A44 100%);
--green-soft:#DCF3E6;
/* هوية بصرية خاصة بصفحة "الدعوات" ولوحة مشاركتها — أزرق غامق بدرجة واحدة (بلا تدرّج) */
--ref-grad:#0A3161;
--red:#E04848;
--muted:#6C7C99;
--blue:#2563EB; /* لون المسارات الاحترافي */
--blue-dark:#1F4FC0;
--bg-strong:#0E1730; /* خلفيات داكنة ثابتة في الوضعين */
--bg-strong-grad:linear-gradient(150deg,#0E1730 0%,#16244A 60%,#1D2F5E 100%);
--radius:18px;
--shadow:0 2px 6px rgba(15,27,51,.05), 0 10px 28px rgba(15,27,51,.10);
--shadow-lift:0 4px 10px rgba(15,27,51,.08), 0 18px 44px rgba(15,27,51,.16);
--glow-yellow:0 8px 26px rgba(240,165,0,.38);
--glow-green:0 10px 30px rgba(20,150,85,.42);
--font-display:'Cairo','Changa','Rubik',Tahoma,sans-serif;
--font-body:'Cairo','Rubik',Tahoma,'Segoe UI',sans-serif;
--font-cairo:'Cairo','Rubik',Tahoma,sans-serif;
/* سلم خطوط موحّد */
--fs-xs:11px; --fs-sm:12px; --fs-base:13.5px; --fs-md:14.5px; --fs-lg:16px; --fs-xl:19px;
}
*{margin:0;padding:0;box-sizing:border-box}
/* منع تحديد النص افتراضياً في كامل التطبيق — كان الضغط المطوّل على أي كلمة (اسم مستخدم، زر
القائمة الجانبية...) يُفعّل تحديد النص الأصلي بالمتصفح/النظام (مع قائمة "نسخ/ترجمة Google")
بدل أي تفاعل مخصّص بالتطبيق (كإعادة ترتيب أزرار الأدمن بالسحب). نستثني فقط حقول الكتابة
الفعلية (input/textarea) حيث التحديد ضروري وطبيعي. */
*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,[contenteditable="true"]{
-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;
}
html,body{height:100%}
body{font-family:var(--font-body);background:var(--paper);color:var(--ink);overflow:hidden;font-size:var(--fs-base);line-height:1.6}
h1,h2{font-family:var(--font-display)}
h3{font-family:var(--font-body);font-weight:700}
button{font-family:inherit;cursor:pointer;border:none}
input,select,textarea{font-family:inherit}
.ic{display:inline-flex;vertical-align:middle;flex-shrink:0}
.ic svg{display:block}
.screen{display:none;height:100vh;height:100dvh;flex-direction:column}
.screen.active{display:flex}
/* ---------- شاشة التحميل ---------- */
#bootScreen{flex-direction:column;align-items:center;justify-content:center;background:#fff;color:var(--ink)}
.boot-logo{
width:168px;height:168px;object-fit:contain;
clip-path:circle(40% at 50% 50%); /* يقص الدائرة الخضراء المحيطة */
filter:drop-shadow(0 10px 24px rgba(0,0,0,.45));
animation:bounce 1s infinite alternate;
opacity:0;transition:opacity .25s; /* مخفي حتى تكتمل الصورة — يمنع ظهور أيقونة الصورة المكسورة */
}
.boot-logo.ready{opacity:1}
@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-12px)}}
#bootScreen>p.boot-txt{margin-top:14px;color:#0A3161;font-weight:800;font-size:12px}
.boot-dots span{animation:bootDot 1.2s infinite;opacity:.2}
.boot-dots span:nth-child(2){animation-delay:.2s}
.boot-dots span:nth-child(3){animation-delay:.4s}
@keyframes bootDot{0%,100%{opacity:.2}30%{opacity:1}}
/* شاشة البداية: شعار متحرّك (WebP) على خلفية بيضاء + شريط تحميل رفيع */
.boot-anim{width:min(60vw,260px);height:auto;display:block}
.boot-bar{width:92px;height:4px;border-radius:99px;background:#E3EAF8;margin-top:26px;overflow:hidden}
.boot-bar i{display:block;height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,#2563EB,#FFC531);animation:bootSlide 1.3s ease-in-out infinite}
@keyframes bootSlide{0%{transform:translateX(120%)}100%{transform:translateX(-260%)}}
/* ---------- شاشة الدخول ---------- */
#authScreen{
background:var(--bg-strong-grad);
position:relative;overflow:hidden;
}
/* توهجات خلفية فاخرة */
#authScreen::before{
content:'';position:absolute;width:460px;height:460px;border-radius:50%;
top:-180px;right:-140px;pointer-events:none;
background:radial-gradient(circle,rgba(255,197,49,.22) 0%,transparent 65%);
}
#authScreen::after{
content:'';position:absolute;width:400px;height:400px;border-radius:50%;
bottom:-120px;left:-140px;pointer-events:none;
background:radial-gradient(circle,rgba(37,99,235,.20) 0%,transparent 65%);
}
.auth-card{
width:100%;flex:1;background:transparent;
padding:0 24px 26px;
position:relative;z-index:2;color:#EAF0FA;
overflow-y:auto;
display:flex;flex-direction:column;
}
/* الهيرو يبقى بارتفاعه الطبيعي أعلى الشاشة، وكل ما تحته (الاسم + التبويبات +
الحقول + الزر) يتمركز عمودياً بالمساحة المتبقية بدل ما يضل ملتصق فوق تحت
الصورة ويسيب فراغ فاضي بالأسفل */
.auth-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}
/* بانر التوك توك ثلاثي الأبعاد
طبقة الصورة تقع أمام طبقة خلفية معلومات التسجيل (z-index أعلى) وبلا صندوق
يقتصّها: لا overflow:hidden ولا خلفية صلبة ولا تدرّج معتم فوقها.
الصورة تظهر كاملة (التوك توك بالكامل بدون قصّ للعجلات أو السقف) بنسبة أبعاد
ثابتة تتناسب مع عرض الشاشة، وتذوب حوافها (الأسفل والجانبين) بقناع شفافية
داخل خلفية الصفحة نفسها — فلا يظهر أي خط فاصل بين الصورة وما تحتها. */
.auth-hero{
margin:0 -24px 0;position:relative;z-index:1;flex-shrink:0;
overflow:visible;background:none;pointer-events:none;
}
.auth-hero img{
display:block;width:100%;max-width:560px;margin:0 auto;height:auto;
aspect-ratio:900/620;object-fit:cover;object-position:50% 59%;
-webkit-mask-image:
linear-gradient(to bottom,#000 0,#000 88%,transparent 100%),
linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);
-webkit-mask-composite:source-in;
mask-image:
linear-gradient(to bottom,#000 0,#000 88%,transparent 100%),
linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%);
mask-composite:intersect;
}
/* عناصر البطاقة على الخلفية الداكنة */
#authScreen .brand{margin-top:-30px;position:relative;z-index:3} /* النص فوق الصورة، والصورة فوق الخلفية */
#authScreen .brand h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}
#authScreen .brand p{color:#A9BAD6}
#authScreen .tabs{background:rgba(255,255,255,.07);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
#authScreen .tabs button{color:#9FB0CC}
#authScreen .tabs button.on{background:var(--tuk-grad);color:#0F1B33;box-shadow:var(--glow-yellow)}
#authScreen .field label{color:#C9D6EE}
#authScreen .field input{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}
#authScreen .field input::placeholder{color:rgba(255,255,255,.35)}
#authScreen .field input:focus{background:rgba(255,255,255,.11);border-color:var(--tuk-yellow);box-shadow:0 0 0 3px rgba(255,197,49,.22)}
#authScreen .hint{color:#8FA2C4}
#authScreen .role-pick button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#EAF0FA}
#authScreen .role-pick button .ric{color:#A9BAD6}
#authScreen .role-pick button.on{background:rgba(255,197,49,.14);border-color:var(--tuk-yellow);box-shadow:var(--glow-yellow)}
#authScreen .role-pick button.on .ric{color:var(--tuk-yellow)}
/* أيقونة السائق (صورة بيضاء) — تُوسَّط فوق الكلمة كباقي الأيقونات */
.ric-img{display:block;margin:0 auto 6px;opacity:.7;transition:.18s}
#authScreen .role-pick button.on .ric-img{opacity:1;filter:drop-shadow(0 0 6px rgba(255,197,49,.55))}
.brand{text-align:center;margin-bottom:18px}
.brand h1{font-size:32px;font-weight:800;letter-spacing:0}
.brand h1 span{
background:linear-gradient(120deg,#F0A500,#E8A900 40%,#C98F00);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand p{color:var(--muted);font-size:var(--fs-md);margin-top:4px}
.tabs{display:flex;background:var(--paper);border-radius:14px;padding:5px;margin-bottom:16px;box-shadow:inset 0 1px 3px rgba(15,27,51,.06)}
.tabs button{flex:1;padding:10px;border-radius:10px;background:transparent;font-weight:700;font-size:14.5px;color:var(--muted);transition:.22s}
.tabs button.on{background:var(--bg-strong-grad);color:#fff;box-shadow:0 4px 14px rgba(14,23,48,.35)}
.field{margin-bottom:12px}
.field label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin-bottom:5px;color:var(--ink-soft)}
.field input,.field textarea,.field select{
width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;
font-size:15px;background:#FBFCFE;transition:.2s;color:var(--ink);
}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:left 12px center;background-size:16px;padding-left:36px}
/* ─── توثيق الحساب (KYC) ─── */
.kyc-shot{
position:relative;border:1.5px dashed var(--line);border-radius:14px;overflow:hidden;
height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;
gap:6px;color:var(--muted);font-size:12.5px;font-weight:700;cursor:pointer;background:#FBFCFE;
}
.kyc-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kyc-shot .kyc-up-icon{color:var(--muted)}
.kyc-shot.filled{border-style:solid;border-color:var(--green)}
.kyc-shot.busy::after{
content:'';position:absolute;inset:0;background:rgba(255,255,255,.6);
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:center;background-size:34px;animation:kycspin 1s linear infinite;
}
@keyframes kycspin{to{transform:rotate(360deg)}}
.kyc-name-badge{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;font-size:11.5px;font-weight:800;margin-inline-start:4px;line-height:1}
.kyc-name-badge.none{color:var(--muted);opacity:.6}
.kyc-name-badge.pending{color:#966B00;opacity:.9}
.kyc-name-badge.rejected{color:var(--red);opacity:.9}
.kyc-name-badge.verified{color:var(--blue);opacity:1}
.kyc-name-badge svg{width:14px;height:14px}
/* شارة التوثيق (PNG) داخل رأس صفحة البروفايل تحديدًا — حجم فقط، بلا أي
تلوين أو خلفية أو تأثير يغيّر الأصل المرفق */
.pf-verified-badge{height:22px;width:auto;object-fit:contain;display:block}
.kyc-reject-note{background:#FCE9E9;color:var(--red);font-size:12.5px;font-weight:700;line-height:1.7;padding:10px 12px;border-radius:12px;margin-bottom:12px}
#kycModal{z-index:2960;align-items:stretch;justify-content:stretch;padding:0}
/* نافذة اختيار "المعالم" (lmModal) لازم تظهر فوق صفحة "اطلب من السوق" (z-index:2700)
وفوق شاشة البحث proSearchScreen (z-index:2800) اللي بتُفتَح منها أحياناً، وإلا
بتضل مختبئة خلفهم لحد ما الزبون يرجع ويطلع من الصفحة */
#lmModal{z-index:2965}
.kyc-review-card{border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}
/* بطاقة توثيق قابلة للطي — الاسم ظاهر دائماً، التفاصيل تنفتح بالنقر */
.kyc-collapse{padding:0;overflow:hidden}
.kyc-collapse>summary{list-style:none;cursor:pointer;padding:13px 15px;display:flex;align-items:center;gap:10px;user-select:none}
.kyc-collapse>summary::-webkit-details-marker{display:none}
.kyc-collapse>summary:hover{background:var(--paper)}
.kyc-sum-caret{display:inline-flex;transition:transform .2s;color:var(--muted);transform:rotate(-90deg)}
.kyc-collapse[open]>summary .kyc-sum-caret{transform:rotate(90deg)}
.kyc-sum-name{flex:1;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kyc-collapse>*:not(summary){margin-inline:15px}
.kyc-collapse>*:last-child{margin-bottom:14px}
.kyc-review-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.kyc-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.kyc-review-grid > div{display:flex;flex-direction:column;gap:2px}
.kyc-review-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kyc-review-photos > div{display:flex;flex-direction:column;gap:5px}
.kyc-review-shot{width:100%;height:140px;object-fit:cover;border-radius:12px;border:1.5px solid var(--line);display:block}
.kyc-review-none{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12.5px;font-weight:700;background:var(--paper)}
/* ─── معالج توثيق الحساب على أربع مراحل (KYC Wizard) ─── */
#kycModal .modal{display:flex;flex-direction:column;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:0;overflow:hidden}
.kyc-wiz-head{padding:calc(20px + env(safe-area-inset-top,0px)) 22px 4px;flex-shrink:0}
.kyc-wiz-head h3{margin-bottom:14px}
.kyc-wiz-body{flex:1;overflow-y:auto;padding:0 22px 16px;-webkit-overflow-scrolling:touch}
.kyc-wiz-foot{flex-shrink:0;display:flex;gap:10px;padding:13px 22px calc(13px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--card)}
.kyc-wiz-foot .btn{width:auto}
.kyc-wiz-foot #kycFootPrev{flex:0 0 auto;padding:0 16px}
.kyc-wiz-foot #kycFootNext,.kyc-wiz-foot #kycFootSubmit{flex:1}
/* مؤشّر المراحل — RTL حقيقي: أول عنصر بالـ DOM يظهر أقصى اليمين تلقائياً لأن الصفحة كلها dir="rtl" */
.kyc-steps{display:flex;align-items:flex-start}
.kyc-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 auto;width:62px;cursor:default;user-select:none}
.kyc-step.clickable{cursor:pointer}
.kyc-step-dot{width:28px;height:28px;border-radius:50%;background:var(--paper);border:2px solid var(--line);
display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:var(--muted);
transition:.22s;flex-shrink:0}
.kyc-step-dot svg{width:13px;height:13px}
.kyc-step-lbl{font-size:10px;font-weight:700;color:var(--muted);text-align:center;line-height:1.25;transition:.22s}
.kyc-step-line{flex:1;height:2px;background:var(--line);margin-top:13px;transition:.22s;min-width:8px}
.kyc-step.active .kyc-step-dot{background:var(--tuk-grad);border-color:var(--tuk-yellow-dark);color:var(--ink);box-shadow:var(--glow-yellow)}
.kyc-step.active .kyc-step-lbl{color:var(--ink);font-weight:800}
.kyc-step.done .kyc-step-dot{background:var(--green);border-color:var(--green);color:#fff}
.kyc-step.done .kyc-step-lbl{color:var(--ink-soft)}
.kyc-step-line.done{background:var(--green)}
.kyc-panel{animation:kycPanelIn .2s ease}
@keyframes kycPanelIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
/* حقل بأيقونة داخلية قابلة للضغط (عنوان السكن + أيقونة الخريطة) — بنفس مظهر حقول .field العادية */
.field-ico-wrap{position:relative}
.field-ico-wrap input{padding-right:44px}
.field-ico-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:34px;height:34px;
border-radius:10px;border:none;background:transparent;color:var(--muted);display:flex;align-items:center;
justify-content:center;cursor:pointer;transition:.15s;padding:0}
.field-ico-btn:hover,.field-ico-btn:active{background:var(--paper);color:var(--green)}
.field-ico-btn.on{color:var(--green)}
/* بطاقة رفع الصورة الشخصية — معاينة دائرية صغيرة بدل تغطية كامل الصندوق */
#kycShot_selfie.filled{display:flex;align-items:center;justify-content:center;background:var(--paper)}
#kycShot_selfie.filled img{position:static;inset:auto;width:92px;height:92px;border-radius:50%;object-fit:cover;
box-shadow:0 0 0 3px #fff,0 0 0 5px var(--green)}
html[data-theme="dark"] #kycShot_selfie.filled img{box-shadow:0 0 0 3px #0B1220,0 0 0 5px var(--green)}
/* محرّر الصورة الشخصية (Zoom / تحريك / تدوير / قص دائري) */
.kyc-edit-frame{width:230px;height:230px;border-radius:50%;overflow:hidden;margin:4px auto 14px;
border:3px solid var(--card);box-shadow:0 0 0 2px var(--green),var(--shadow-lift);background:#11151F;
touch-action:none;cursor:grab}
.kyc-edit-frame:active{cursor:grabbing}
.kyc-edit-frame canvas{display:block;width:100%;height:100%;touch-action:none}
.kyc-edit-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}
.kyc-edit-zoom-row{display:flex;align-items:center;gap:10px}
.kyc-edit-zoom-row span{font-size:12px;font-weight:700;color:var(--muted);flex-shrink:0}
.kyc-edit-zoom-row input[type=range]{flex:1;accent-color:var(--green)}
.kyc-edit-rotate-btn{width:auto;align-self:center;padding:8px 18px}
/* ملخّص المراجعة النهائية */
.kyc-review-block{border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}
.kyc-review-block-h{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;margin-bottom:10px;color:var(--ink)}
.kyc-review-edit{margin-inline-start:auto;display:flex;align-items:center;gap:3px;background:transparent;
border:none;color:var(--blue);font-weight:700;font-size:12px;cursor:pointer;padding:2px 4px}
.kyc-review-line{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px dashed var(--line);font-size:13px}
.kyc-review-line:first-of-type{border-top:none;padding-top:0}
.kyc-review-line span{color:var(--muted);flex-shrink:0}
.kyc-review-line b{color:var(--ink);font-weight:700;text-align:left}
.kyc-review-photos-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kyc-review-photos-grid img{width:100%;height:92px;object-fit:cover;border-radius:10px;border:1.5px solid var(--line);display:block;background:var(--paper)}
.kyc-review-photos-grid .ph-lbl{font-size:10.5px;color:var(--muted);margin-top:3px;text-align:center}
.field textarea{resize:vertical;min-height:76px;font-size:14px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--tuk-yellow-dark);background:#fff;box-shadow:0 0 0 3px rgba(255,197,49,.25)}
.field input:disabled{background:var(--paper);color:var(--muted)}
/* صندوق إدخال بأيقونة داخل الزاوية (بدل تسمية فوق الصندوق) — اسم/هاتف التسجيل */
.ibox{position:relative;margin-bottom:12px}
.ibox input{
width:100%;padding:14px 44px 14px 16px;border:1.5px solid var(--line);border-radius:14px;
font-size:15px;background:#FBFCFE;transition:.2s;color:var(--ink);
direction:rtl;text-align:right;
}
.ibox input:focus{outline:none;border-color:var(--tuk-yellow-dark);background:#fff;box-shadow:0 0 0 3px rgba(255,197,49,.25)}
.ibox-ic{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:var(--muted);display:flex;pointer-events:none}
#authScreen .ibox input{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}
#authScreen .ibox input::placeholder{color:rgba(255,255,255,.55)}
#authScreen .ibox input:focus{background:rgba(255,255,255,.11);border-color:var(--tuk-yellow);box-shadow:0 0 0 3px rgba(255,197,49,.22)}
#authScreen .ibox-ic{color:#C9D6EE}
.hint{font-size:11.5px;color:var(--muted);margin-top:4px}
.role-pick{display:flex;gap:10px;margin-bottom:12px}
.role-pick button{flex:1;padding:14px 8px;border-radius:15px;border:2px solid var(--line);background:#fff;font-weight:700;font-size:14px;transition:.22s;color:var(--ink);text-align:center}
.role-pick button .ric{display:flex;justify-content:center;margin-bottom:6px;color:var(--ink-soft);transition:.22s}
.role-pick button.on{border-color:var(--tuk-yellow-dark);background:linear-gradient(160deg,#FFFBEE,#FFF3CE);box-shadow:var(--glow-yellow);transform:translateY(-2px)}
.role-pick button.on .ric{color:var(--tuk-yellow-dark);transform:scale(1.08)}
.btn{
width:100%;padding:13px;border-radius:14px;font-weight:700;font-size:var(--fs-md);
font-family:var(--font-body);letter-spacing:0;transition:.18s;
display:inline-flex;align-items:center;justify-content:center;gap:8px;
position:relative;
}
.btn:active{transform:scale(.975)}
.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none !important}
/* حالة "جاري الإرسال" الموحّدة للأزرار الأساسية — دائرة تحميل صغيرة بدل النص/الأيقونة الثابتة */
.btn.loading{pointer-events:none;opacity:.85}
.btn.loading > *:not(.btn-spinner){opacity:0}
.btn.loading .btn-spinner{display:inline-flex !important}
.btn-spinner{display:none;width:19px;height:19px;border-radius:50%;
border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;
position:absolute;top:50%;left:50%;margin:-9.5px 0 0 -9.5px;
animation:btnSpin .7s linear infinite}
.btn-primary .btn-spinner{border-color:rgba(15,27,51,.25);border-top-color:var(--ink)}
#riderScreen #requestBtn .btn-spinner{border-color:rgba(255,255,255,.4);border-top-color:#fff}
@keyframes btnSpin{to{transform:rotate(360deg)}}
.btn-primary{background:var(--tuk-grad);color:var(--ink);box-shadow:var(--glow-yellow)}
/* زر برتقالي مخصص لصفحة "إرسال الطلب" في السوق — بديل محلي عن .btn-primary الأصفر العام، دون التأثير على أي زر آخر بالتطبيق */
.mk-btn-orange{background:var(--rider-orange-deep,#DD5C00);color:#fff;box-shadow:0 8px 20px rgba(221,92,0,.28)}
.btn-primary:hover{filter:brightness(1.04)}
.req-btn-tuk{height:34px;width:auto;object-fit:contain;flex-shrink:0;margin:-6px 3px -6px 7px;
filter:drop-shadow(0 3px 4px rgba(19,32,58,.35))}
/* أنيميشن زر "اطلب توك توك" عند اكتمال نقطتَي الرحلة (جاهز للطلب) — الزر كامل يكبر ثم يصغر بلطف
مع تعزّز الظل حوله، بدل ما ترتجّ الصورة والنص عن مكانهم (أرقى وأثبت بصرياً) */
@keyframes reqReadyPulse{
0%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 14px rgba(221,92,0,.24)}
50%{transform:translateY(-2px) scale(1.035);box-shadow:0 10px 24px rgba(240,165,0,.4),0 0 0 4px rgba(255,197,49,.16)}
}
#requestBtn.req-ready:not(:disabled){animation:reqReadyPulse 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
#requestBtn.req-ready:not(:disabled){animation:none}
}
.btn-dark{background:var(--bg-strong-grad);color:#fff;box-shadow:0 8px 22px rgba(14,23,48,.32)}
/* زر المراسلة المباشرة بصفحة تتبّع الطلب — مبرز عمداً بلون مميّز (أزرق) ومساحة أكبر من باقي الأزرار
الثانوية، ويظهر مباشرة تحت حالة الطلب الحيّة فور توفّر سائق للتواصل معه */
.mk-chat-cta{
display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
background:linear-gradient(135deg,#2E6DB4,#1F4E86);color:#fff;font-weight:800;font-size:14.5px;
padding:13px;border-radius:14px;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;
box-shadow:0 10px 24px rgba(46,109,180,.32);margin:10px 0 14px;-webkit-tap-highlight-color:transparent;
}
.mk-chat-cta:active{transform:scale(.98)}
.mk-chat-cta .chat-badge{position:static;margin-inline-start:2px}
.btn-green{background:var(--green-grad);color:#fff;box-shadow:var(--glow-green)}
.btn-red{background:linear-gradient(140deg,#F05A5A,#D63C3C);color:#fff;box-shadow:0 8px 22px rgba(214,60,60,.30)}
.btn-blue{background:linear-gradient(140deg,#3B7BFF,#2154D6);color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.32)}
.btn-ghost{background:transparent;color:var(--muted);font-size:13px;padding:8px;box-shadow:none}
/* زر إلغاء باهت (ضغط بالخطأ خلال البحث عن سائق) — منخفض الحدّة */
.btn-cancel-soft{background:#EEF1F6;color:#5A6883;border:1px solid #DCE2EC;box-shadow:none;font-weight:700}
.btn-cancel-soft:hover{background:#E6EAF2}
html[data-theme="dark"] .btn-cancel-soft{background:#18203A;color:#8A99B8;border-color:#2A3860}
/* ═══════ عدّاد وصول السائق ═══════ */
.wait-timer-box{margin-top:10px}
.wt-face{border:1.5px solid var(--tuk-yellow-dark);border-radius:9px;padding:9px 11px;background:#FFFDF4}
.wt-face.late{border-color:var(--red);background:#FEF3F3;animation:wtPulse 1.1s ease-in-out infinite}
.wt-line{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-soft);font-weight:700}
.wt-face.late .wt-line{color:var(--red)}
.wt-clock{display:inline-flex;color:var(--tuk-yellow-dark)}
.wt-face.late .wt-clock{color:var(--red)}
.wt-lbl{flex:1}
.wt-num{font-family:var(--font-display,var(--font-cairo));font-variant-numeric:tabular-nums;font-size:16px;color:var(--ink)}
.wt-face.late .wt-num{color:var(--red)}
.wt-bar{margin-top:7px;height:6px;border-radius:6px;background:#F0E4C0;overflow:hidden}
.wt-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--tuk-yellow),var(--tuk-yellow-dark));transition:width 1s linear}
.wt-bar.late{background:#F6D6D6}
.wt-bar.late i{background:linear-gradient(90deg,#F05A5A,#D63C3C)}
.wt-hint{margin-top:5px;font-size:12px;color:var(--muted);font-weight:600}
.wt-mistake{font-size:13px;padding:9px}
@keyframes wtPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,72,72,.16)}50%{box-shadow:0 0 0 5px rgba(224,72,72,0)}}
/* شارة "ملغاة — تأخّر السائق" بخطّ أسود في لوحة الأدمن */
.badge.badge-late-black{background:#111;color:#fff;border:1px solid #111}
/* شارة "ملغاة — لم يحضر الزبون" */
.badge.badge-noshow{background:#5A3B00;color:#fff;border:1px solid #5A3B00}
/* عدّاد ركوب الزبون (مرحلة arrived) — أخضر مطمئن */
.wt-face.board{border-color:var(--green);background:#F1FBF4}
.wt-face.board .wt-line{color:#0E7A3A}
.wt-face.board .wt-clock{color:var(--green)}
.wt-bar.board{background:#D6F0DE}
.wt-bar.board i{background:linear-gradient(90deg,#34C759,#0E9F4B)}
/* صندوق مؤقّت داخل بطاقة السائق */
.wt-box{margin-top:9px}
.wt-box:empty{display:none}
/* عدّاد السائق المضغوط (dwt) — بلا بطاقة، سطر رفيع واحد، يتيح عرض ٣ بطاقات زبائن معاً */
.dwt{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--tuk-yellow-dark);margin-top:6px;line-height:1.3}
.dwt-clock{display:inline-flex;flex-shrink:0}
.dwt-lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dwt-num{font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--ink);flex-shrink:0}
.dwt-bar{display:inline-block;width:34px;height:3px;border-radius:3px;background:#F0E4C0;overflow:hidden;flex-shrink:0}
.dwt-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--tuk-yellow),var(--tuk-yellow-dark))}
.dwt.late{color:var(--red)}
.dwt.late .dwt-bar{background:#F6D6D6;width:100%}
.dwt.late .dwt-bar i{background:linear-gradient(90deg,#F05A5A,#D63C3C)}
.dwt-cancel{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;background:var(--red);color:#fff;border:0;border-radius:7px;padding:3px 8px;font-size:10px;font-weight:800;cursor:pointer}
.dwt-cancel:active{opacity:.8}
/* تفصيل الأجرة + الدين في شاشة الدفع */
.pay-debt{text-align:center;font-size:12.5px;font-weight:700;color:#B26B00;background:#FFF6E6;border:1px solid #F3D9A8;border-radius:8px;padding:6px 8px;margin:2px 0 8px}
.auth-msg{font-size:13px;text-align:center;margin-top:10px;min-height:18px;font-weight:600}
.auth-lead{text-align:center;color:var(--muted);font-size:13.5px;font-weight:600;margin:4px 0 16px;line-height:1.6}
.role-note{text-align:center;color:var(--muted);font-size:12.5px;font-weight:600;margin:10px 0 4px;min-height:16px;line-height:1.6}
.auth-legacy-toggle{display:block;margin:14px auto 0;background:none;border:none;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;opacity:.7}
.auth-legacy-toggle:active{opacity:1}
.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--muted);font-size:12.5px;font-weight:700}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--line)}
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1F2937;border:1.5px solid #DADCE0;font-weight:700;font-size:15px;height:52px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:.15s}
.btn-google:active{background:#F5F6F7;transform:scale(.99)}
#googleBtnAvatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #DADCE0}
#googleBtnLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.auth-msg.err{color:var(--red)}
.auth-msg.ok{color:var(--green)}
/* ---------- الهيكل العام ---------- */
.topbar{
background:var(--bg-strong-grad);color:#fff;padding:12px 16px;display:flex;align-items:center;
justify-content:space-between;gap:10px;box-shadow:0 2px 16px rgba(0,0,0,.25);z-index:500;flex-shrink:0;
border-bottom:2px solid rgba(255,197,49,.55);
}
.topbar .who{display:flex;align-items:center;gap:10px;min-width:0}
.topbar .avatar{width:42px;height:42px;border-radius:13px;background:var(--tuk-yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink);overflow:hidden}
.topbar .avatar{background:transparent}
.topbar .avatar img{width:100%;height:100%;object-fit:contain}
.topbar .who .nm{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .who .rl{font-size:11.5px;color:var(--tuk-yellow);font-weight:600}
.icon-btn{background:rgba(255,255,255,.10);color:#fff;border-radius:11px;padding:9px 12px;font-size:13px;font-weight:700;transition:.2s;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.14)}
.icon-btn:hover{background:rgba(255,255,255,.22)}
/* ═══════════ ServiceSwitcher: مفتاح التنقل الموحّد "توك توك" ⇄ "طلبات" ═══════════
مكوّن واحد مشترك بنفس الأبعاد تماماً بالحالتين (راكب/سوق) — فقط محتواه الداخلي يختلف:
- شاشة توك توك: [دائرة+سلة] طلبات (بلا سهم رجوع — تنقّل للأمام)
- شاشة طلبات: [دائرة+توكتوك] طلبات توك توك (مع سهم رجوع — عودة للخلف)
العرض ثابت (width لا min-width) كي لا يفرق طول النص "طلبات" عن "توك توك" بحجم الزر. */
.svc-switch{
width:108px;height:38px;box-sizing:border-box;flex-shrink:0;padding:0 5px;
display:flex;align-items:center;justify-content:space-between;gap:4px;
border-radius:999px;background:rgba(255,255,255,.10);border:1.5px solid rgba(255,255,255,.20);
cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;
-webkit-user-select:none;user-select:none;touch-action:manipulation;
transition:background .15s ease,transform .12s ease;
}
/* شاشة الراكب: العناصر الثلاثة (دائرة+نص+سهم) مجموعة معاً ملاصقة للطرف الأيسر بدل توزيعها
بمسافة تفصل النص عن الدائرة — الدائرة تلاصق الحافة اليسرى، والنص وسهم التنقّل بجانبها مباشرة */
#riderScreen .svc-switch{justify-content:flex-end}
/* إزاحة "طلبات" + سهمها 2px إضافية يميناً بعيداً عن الدائرة (طلب تعديل دقيق) */
#riderScreen .svc-switch-label{margin-left:2px}
.svc-switch:active{transform:scale(.95);background:rgba(255,255,255,.17)}
.svc-switch:focus-visible{outline:2px solid var(--tuk-yellow);outline-offset:2px}
.svc-switch-label{color:#fff;font-weight:700;font-size:12.5px;white-space:nowrap;line-height:1}
.svc-switch-circle{
width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--svc-orange);
display:flex;align-items:center;justify-content:center;color:#fff;position:relative;
box-shadow:0 2px 7px rgba(255,122,51,.5);will-change:transform;
}
.svc-switch-circle svg{width:16px;height:16px}
/* أيقونة التوك توك (صورة حقيقية بدل رسم SVG يدوي) داخل دائرة زر "توك توك" */
.svc-switch-tuk-img{width:19px;height:auto;object-fit:contain;display:block}
.svc-switch-chev{color:rgba(255,255,255,.75);display:inline-flex;flex-shrink:0}
.svc-switch-chev svg{width:13px;height:13px}
/* الجرس: نفس نمط الأزرار الشفافة بالترويسة، بمساحة لمس مريحة ونقطة إشعار حمراء صغيرة بلا رقم ظاهر */
.svc-bell{
background:transparent;border:0;padding:7px;margin-inline-start:1px;flex-shrink:0;
display:inline-flex;align-items:center;justify-content:center;color:#fff;position:relative;
cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;
}
.svc-bell:focus-visible{outline:2px solid var(--tuk-yellow);outline-offset:2px;border-radius:50%}
.support-badge.svc-bell-dot{
position:absolute;top:5px;inset-inline-end:5px;width:9px;height:9px;min-width:0;
padding:0;font-size:0;line-height:0;border:1.5px solid var(--bg-strong);
}
.content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}
.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px;border:1px solid var(--line)}
.card h3{font-size:var(--fs-lg);margin-bottom:11px;display:flex;align-items:center;gap:8px}
.card h3 .ic{color:var(--tuk-yellow-dark)}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;margin-bottom:14px}
.stat{background:var(--card);border-radius:15px;padding:14px 10px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;overflow:hidden}
.stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3B7BFF,#2154D6)}
.stat.grn::before{background:var(--green-grad)}
.stat.gold::before{background:var(--tuk-grad)}
.stat .v{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--ink)}
.stat .l{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px}
.stat.gold .v{color:var(--tuk-yellow-dark)}
.stat.grn .v{color:var(--green)}
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}
.badge.pending{background:#FFF3D6;color:#9A6B00}
.badge.ok{background:var(--green-soft);color:var(--green)}
.badge.blocked{background:#FCE1E1;color:var(--red)}
.badge.busy{background:#E2E9FA;color:var(--blue)}
/* ---------- خرائط ---------- */
.map-wrap{flex:1;position:relative;min-height:0}
#pMap{position:absolute;inset:0;z-index:1}
.d-map-wrap{position:relative;flex:1;min-height:300px;border-bottom:3px solid var(--tuk-yellow)}
/* بطاقة الرحلة الجارية: ورقة سفلية مثبّتة على حافة الشاشة (وليس فقط أسفل الخريطة) لإبقاء أكبر مساحة ممكنة من الخريطة ظاهرة */
.driver-active-overlay{
position:fixed;left:0;right:0;bottom:59px;z-index:520;
max-height:calc(72vh - 59px);overflow-y:auto;-webkit-overflow-scrolling:touch;
padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));
}
.driver-active-overlay:empty{display:none}
.driver-active-overlay .card,.driver-active-overlay .pay-box{
box-shadow:0 -10px 34px rgba(13,23,48,.28);border-radius:20px 20px 14px 14px;margin-bottom:0;
}
/* بطاقة الرحلة المختصرة: سطر معلومة واحد + زر إجراء رئيسي واحد */
.trip-card{
background:var(--card);border-radius:16px 16px 12px 12px;padding:9px 11px;
box-shadow:0 -10px 34px rgba(13,23,48,.28);border:1px solid var(--line);
}
.trip-row{display:flex;align-items:center;gap:8px}
.trip-accent{width:3px;align-self:stretch;border-radius:99px;flex-shrink:0}
.trip-avatar{
width:30px;height:30px;border-radius:50%;background:#000;color:#fff;
display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;
overflow:hidden;
}
.trip-avatar img{width:100%;height:100%;object-fit:cover}
.trip-info{flex:1;min-width:0}
.trip-info .n{font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-info .s{font-size:10.5px;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0}
.trip-mini{
width:29px;height:29px;border-radius:50%;flex-shrink:0;position:relative;
background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;
}
.trip-mini.dark{background:var(--bg-strong);color:#fff}
.trip-card .btn{width:100%;margin-top:7px;padding:8px;font-size:12.5px}
.trip-card + .trip-card, .trip-card + .pay-box, .pay-box + .trip-card, .pay-box + .pay-box{margin-top:7px}
.seats-header{
display:flex;align-items:center;justify-content:space-between;
padding:0 4px 8px;font-size:12.5px;font-weight:700;color:var(--muted);
}
.seats-header .chip{
background:var(--bg-strong);color:#fff;font-weight:800;font-size:11.5px;
padding:3px 10px;border-radius:99px;direction:ltr;unicode-bidi:isolate;
}
.seat-empty{
display:flex;align-items:center;justify-content:center;gap:7px;
border:1.5px dashed var(--line);border-radius:16px;padding:12px;margin-top:10px;
color:var(--muted);font-size:12.5px;font-weight:700;
}
.trip-num{
width:20px;height:20px;border-radius:50%;background:var(--bg-strong);color:#fff;
display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;
}
.active-handle{
display:flex;justify-content:center;padding:2px 0 12px;cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
.active-handle .sheet-grab{margin:0;transition:transform .15s ease}
.active-handle:active .sheet-grab{transform:scaleX(1.3)}
.seat-hidden-note{
display:flex;align-items:center;justify-content:center;gap:6px;
text-align:center;font-size:12px;font-weight:700;color:var(--muted);
padding:9px;background:var(--paper);border-radius:12px;margin-top:8px;
}
#dMap{position:absolute;inset:0;z-index:1}
.map-pill .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.gps-fab.loading{animation:pu 1s infinite}
.gps-chip{
position:absolute;bottom:10px;right:10px;z-index:400;display:none;align-items:center;gap:7px;
background:var(--card);border-radius:99px;padding:7px 13px;font-size:11.5px;font-weight:700;
color:var(--muted);box-shadow:var(--shadow);max-width:calc(100% - 20px);
}
.gps-chip .gd{width:9px;height:9px;border-radius:50%;background:#CBD3E1;flex-shrink:0}
.gps-chip.live{color:var(--green)}
.gps-chip.live .gd{background:var(--green);animation:pu 1.4s infinite}
/* بطاقة "قيد المراجعة/موقوف" تطفو فوق الخريطة بدل مساحة سفلية منفصلة */
#dApproval{position:absolute;top:10px;left:10px;right:56px;z-index:505}
#dApproval:empty{display:none}
/* تصغير شريط الإسناد (مطلوب من مزوّد الخرائط) ليصبح غير لافت للنظر */
.leaflet-control-attribution{font-size:9px !important;opacity:.55;padding:0 4px !important}
.eta-chip{
position:absolute;top:68px;left:50%;transform:translateX(-50%);z-index:400;
background:var(--bg-strong);color:#fff;border-radius:99px;padding:8px 16px;
font-weight:700;font-size:var(--fs-sm);
box-shadow:0 6px 18px rgba(0,0,0,.3);display:none;align-items:center;gap:8px;
border:2px solid var(--tuk-yellow);white-space:nowrap;
}
.eta-chip.on{display:flex}
.eta-chip .ic{color:var(--tuk-yellow)}
/* --- هيدر السائق الموحّد: صف الهوية + شريط الحالة داخل حاوية واحدة متماسكة.
نسخة موسّعة تطابق تصميم المرجع: أفاتار كبير وواضح، اسم بخط بارز، وشريط
حالة سفلي رحب يظهر فيه كل مؤشر كبطاقة مستقلة الحدود بفراغات واضحة بينها. --- */
#driverScreen .d-header{
position:relative;z-index:500;flex-shrink:0;background:var(--bg-strong-grad);
box-shadow:0 4px 18px rgba(0,0,0,.26);
border-bottom:2px solid rgba(255,197,49,.6);
}
#driverScreen .topbar{border-bottom:none;box-shadow:none;padding:7px 12px 6px;background:transparent}
#driverScreen .topbar .avatar{width:34px;height:34px;border-radius:50%;border:2px solid var(--tuk-yellow)}
#riderScreen .topbar .avatar{border-radius:50%}
#marketSheet .topbar .avatar{border-radius:50%}
#driverScreen .topbar .who{gap:6px}
#driverScreen .topbar .who .nm{font-size:14px;font-weight:800;letter-spacing:.2px}
#driverScreen .icon-btn{padding:6px 8px;border-radius:11px;background:rgba(255,255,255,.12)}
.d-status-pill .d-status-dot{width:5px;height:5px;border-radius:50%;background:#5C6C90;flex-shrink:0}
.d-status-pill.live{color:#3FE08A}
.d-status-pill.live .d-status-dot{background:#3FE08A;box-shadow:0 0 0 3px rgba(63,224,138,.22);animation:pu 1.6s infinite}
/* مفتاح الاتصال — أبعاد ثابتة بالبكسل (لا نِسَب مئوية) لتفادي أي تشوّه في الرسم على أي متصفّح */
.d-switch{position:relative;display:inline-block;width:34px;height:18px;flex-shrink:0;cursor:pointer;border-radius:99px}
.d-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:2}
.d-switch-track{position:absolute;inset:0;border-radius:99px;background:rgba(255,255,255,.24);transition:background .25s}
.d-switch-knob{
position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;
background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.32);transition:transform .25s;
}
.d-card-wallet #dWallet{
font-family:var(--font-display);font-weight:700;color:#fff;font-size:17px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
direction:ltr;unicode-bidi:isolate;
}
/* --- زر توسيط الخريطة بين التوك توك والزبون أثناء الانتظار --- */
.rider-fit-btn{
position:absolute;top:12px;left:10px;z-index:401;width:40px;height:40px;border-radius:50%;
background:var(--card);box-shadow:var(--shadow);display:none;align-items:center;justify-content:center;
color:var(--ink);border:none;
}
.rider-fit-btn.show{display:flex}
/* --- القائمة المنسدلة: التواصل مع الإدارة + خروج --- */
.driver-menu{
position:absolute;top:44px;left:16px;z-index:1200;background:var(--card);border-radius:16px;
box-shadow:var(--shadow-lift);border:1px solid var(--line);padding:7px;min-width:200px;
display:none;flex-direction:column;gap:3px;
}
.driver-menu.on{display:flex}
.driver-menu button{
display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:11px;background:transparent;
font-weight:700;font-size:13.5px;color:var(--ink);width:100%;text-align:right;position:relative;
}
.driver-menu button:active{background:var(--paper)}
.driver-menu button.danger{color:var(--red)}
/* نقاط الركاب (بدل الرقم والكلمة): أخضر=راكب1 · برتقالي=راكب2 · أحمر=راكب3 */
/* (نقاط الركاب القديمة استُبدلت بأيقونات القناع .seat-ic) */
/* قائمة الطلبات الأكثر طلباً (أعلى اليمين) */
/* تلوين بطاقة الرحلة حسب ترتيب الراكب: 1 أخضر · 2 برتقالي · 3 أحمر */
.trip-card[data-slot]{
border:1px solid color-mix(in srgb, var(--slot) 42%, var(--line));
border-inline-start:5px solid var(--slot);
background:color-mix(in srgb, var(--slot) 9%, var(--card));
box-shadow:0 -8px 26px rgba(13,23,48,.22), 0 2px 10px color-mix(in srgb, var(--slot) 18%, transparent);
}
.trip-card[data-slot] .trip-num{background:var(--slot)!important;color:#fff}
/* ═══════════ لوحة السائق — تصميم مطابق للصورة (شريط علوي واحد + شريط سفلي) ═══════════ */
#driverScreen .d-header{position:relative;z-index:600;flex-shrink:0;background:#171C3A;box-shadow:0 3px 14px rgba(0,0,0,.28);border-bottom:none}
#driverScreen .d-map-wrap{border-bottom:none}
/* الشريط: هامبرغر ← كبسولات (بمسافات متساوية) ← كبيب، مع هامش واضح عن حافتَي الشاشة */
.d-topbar{direction:ltr;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 12px;position:relative}
.d-ham{background:transparent;border:0;padding:3px;cursor:pointer;color:#CFD1DE;display:inline-flex;align-items:center;flex-shrink:0;position:relative;
-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;touch-action:manipulation}
/* ملاحظة: #riderHam أصبح الآن مكوّن ServiceSwitcher (.svc-switch) — تأثير الضغط ومساحة اللمس
الموسّعة القديمتان (خاصتان بأيقونة صغيرة) لم تعودا لازمتين، فالكبسولة الجديدة نفسها كبيرة بما يكفي */
/* كبسولة عامة */
.d-pill{height:44px;border:1.5px solid rgba(255,255,255,.22);border-radius:14px;display:flex;align-items:center;box-sizing:border-box;flex-shrink:0}
/* المحفظة: ⟳ · الرقم · LB · 👛 — عرض ثابت، المحتوى يتوسّط بداخله مهما تغيّر طول الرقم/العملة */
.d-pill-wallet{flex:1;min-width:158px;justify-content:space-between;gap:0;padding:0 4px;flex-shrink:1}
.d-pill-wallet .d-wsub{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.d-pill-wallet .d-wdiv{width:1px;height:22px;background:rgba(255,255,255,.16);flex-shrink:0}
.d-pill-wallet #dWallet{font-family:var(--font-display);font-weight:800;color:#fff;font-size:18px;direction:ltr;unicode-bidi:isolate;white-space:nowrap;flex-shrink:0}
.d-pill-wallet .d-unit{font-weight:800;font-size:16px;color:#fff;opacity:.55;flex-shrink:0;margin-left:3px}
.d-pill-wallet .d-wtime b{font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff;opacity:.88;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}
/* الاتصال: مفتاح فوق «متصل» + نقطة — عرض ثابت يستوعب "غير متصل" بلا تمدّد */
.d-pill-online{width:70px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 6px}
.d-online-lbl{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:800;color:#8CA0C9;white-space:nowrap;letter-spacing:-.1px}
.d-online-lbl .d-status-dot{width:5px;height:5px;border-radius:50%;background:#5C6C90;flex-shrink:0}
.d-pill-online.live{border-color:rgba(0,213,79,.5)}
.d-pill-online.live .d-online-lbl{color:#3CC47A}
.d-pill-online.live .d-status-dot{background:#00D54F;box-shadow:0 0 0 3px rgba(0,213,79,.25);animation:pu 1.6s infinite}
.d-pill-online .d-switch-track{background:rgba(255,255,255,.24)}
.d-pill-online.live .d-switch-track{background:#00D54F}
.d-pill-online.live .d-switch-knob{transform:translateX(16px)}
/* الركاب: ٣ أشخاص — أخضر1/برتقالي2/أحمر3 · رمادي=غير نشط — عرض ثابت */
.d-pill-seats{width:68px;justify-content:center;gap:5px;padding:0 6px}
.seat-ic{display:inline-flex;align-items:center;color:#8B8E9D;transition:color .25s,filter .25s}
.seat-ic[data-slot="1"].lit{color:#00D54F;filter:drop-shadow(0 0 4px rgba(0,213,79,.55))}
.seat-ic[data-slot="2"].lit{color:#FF9F1C;filter:drop-shadow(0 0 4px rgba(255,159,28,.55))}
.seat-ic[data-slot="3"].lit{color:#E04848;filter:drop-shadow(0 0 4px rgba(224,72,72,.55))}
/* المنسدلة فوق الشريط الجديد */
.driver-menu{direction:rtl;top:58px;left:10px;margin-inline-start:auto}
#riderScreen .driver-menu{left:auto;right:10px}
#marketSheet .driver-menu{left:auto;right:10px}
/* ═══ الشريط السفلي ═══ */
.d-bottomnav{direction:ltr;flex-shrink:0;display:flex;align-items:stretch;background:#171C3A;padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 14px rgba(0,0,0,.25);z-index:600}
.dbn-item{flex:1;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:#FCFFFF;padding:4px 2px;transition:color .2s;position:relative}
.dbn-ic{display:inline-flex;align-items:center;justify-content:center;height:26px;position:relative}
.dbn-badge{position:absolute;top:-6px;right:-8px;min-width:17px;height:17px;padding:0 2px;border-radius:99px;
background:#E23D3D;color:#fff;font-size:10px;font-weight:800;
display:flex;align-items:center;justify-content:center;line-height:1;border:1.5px solid #171C3A;
box-shadow:0 0 0 0 rgba(226,61,61,.6)}
/* نبضة قصيرة تُضاف لحظياً عند وصول طلب سوق جديد لتُلفت نظر السائق حتى لو لم يكن ناظراً للشاشة مباشرة */
.dbn-badge.dbn-pulse{animation:dbnPulse 1.1s ease-out 2}
@keyframes dbnPulse{
0%{box-shadow:0 0 0 0 rgba(226,61,61,.65);transform:scale(1)}
40%{box-shadow:0 0 0 7px rgba(226,61,61,0);transform:scale(1.18)}
100%{box-shadow:0 0 0 0 rgba(226,61,61,0);transform:scale(1)}
}
.dbn-lbl{font-size:11.5px;font-weight:700;white-space:nowrap}
.dbn-item.active,.dbn-item.active .dbn-ic{color:var(--tuk-yellow)}
.dbn-item:active{opacity:.7}
/* ═══ أيقونات مستنسخة من الأصل (Canva) عبر قناع CSS — تطابق بصري كامل، قابلة لإعادة التلوين ═══ */
.msk-ic{display:inline-block;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;vertical-align:middle}
.msk-wheel{-webkit-mask-image:url(data:image/png;base64,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);mask-image:url(data:image/png;base64,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)}
.msk-person{-webkit-mask-image:url(data:image/png;base64,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);mask-image:url(data:image/png;base64,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)}
.svg-marker{filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
/* دبّوس صورة الزبون على خريطة السائق (فكرة الإعلان) */
.rpin-wrap{background:none;border:0}
.rpin{position:relative;width:58px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.rpin-face{width:46px;height:46px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid var(--red);display:flex;align-items:center;justify-content:center}
.rpin-face img{width:100%;height:100%;object-fit:cover}
.rpin-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-weight:800;font-size:20px}
.rpin-tip{width:0;height:0;margin-top:-2px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:13px solid var(--red)}
.rpin-dist{margin-top:2px;background:#13203A;color:#fff;font-weight:800;font-size:12px;line-height:1;padding:3px 7px;border-radius:7px;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.leaflet-container{font-family:var(--font-body);background:#EAEEF3}
/* نافذة اسم المعلم المنبثقة عند الضغط على دبّوسه — تصميم مبسّط بلا سهم تقليدي */
.lm-popup .leaflet-popup-content-wrapper{
border-radius:10px;padding:0;background:var(--card);
box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.lm-popup .leaflet-popup-content{
margin:8px 12px;font-family:var(--font-cairo);font-weight:800;font-size:12.5px;
color:var(--ink);white-space:nowrap;
}
.lm-popup .leaflet-popup-tip-container{ display:none; }
/* تأثير لمسة على دبّوس المعلم: يكبر شوي ويصير لونه أوضح بدل سهم تقليدي */
.svg-marker svg{ transition:transform .15s ease, filter .15s ease; transform-origin:50% 100%; }
.lm-pin-active svg{ transform:scale(1.22); filter:saturate(1.8) brightness(1.08); }
/* ---------- اللوحة السفلية للراكب ---------- */
.bottom-sheet{
background:var(--card);border-radius:26px 26px 0 0;box-shadow:0 -12px 44px rgba(15,27,51,.20);
padding:16px;z-index:450;flex-shrink:0;max-height:42vh;overflow-y:auto;
border-top:1px solid var(--line);
}
.sheet-grab{width:44px;height:5px;border-radius:99px;background:var(--line);margin:0 auto 12px}
.sheet-grab-btn{
display:flex;justify-content:center;width:100%;padding:6px 0 10px;margin:0;
background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.sheet-grab-btn .sheet-grab{margin:0;transition:transform .15s ease}
.sheet-grab-btn:active .sheet-grab{transform:scaleX(1.35)}
/* عند طي اللوحة: يختفي كل شيء عدا خط المقبض نفسه، وتتوسّع الخريطة لتُظهر تفاصيلها بالكامل */
.bottom-sheet.sheet-collapsed{padding-top:6px;padding-bottom:10px;max-height:none;overflow:visible}
.bottom-sheet.sheet-collapsed > *:not(.sheet-grab-btn){display:none !important}
.loc-line{display:flex;align-items:center;gap:8px;padding:10px 0;flex-wrap:wrap}
.loc-line + .loc-line{border-top:1px dashed var(--line)}
.loc-line .pt{width:14px;height:14px;border-radius:50%;flex-shrink:0}
.pt.a{background:var(--green)}
.pt.b{background:var(--red)}
.loc-line .txt{flex:1;font-size:13.5px;font-weight:600;min-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loc-line .txt.empty{color:var(--muted);font-weight:500}
.loc-line .set{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700;color:var(--ink);transition:.2s;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}
.loc-line .set.arm{background:var(--tuk-yellow);border-color:var(--tuk-yellow-dark)}
.fare-line{
display:flex;justify-content:space-between;align-items:center;background:#FFF8E3;
border:1.5px dashed var(--tuk-yellow-dark);border-radius:12px;padding:11px 14px;margin:12px 0;
}
.fare-line .fl{font-size:13px;font-weight:700;color:#9A6B00}
.fare-line .fv{font-family:var(--font-display);font-size:16px;font-weight:700;text-align:left;white-space:nowrap;display:flex;align-items:baseline;gap:5px}
.fare-line .fv .usd{display:inline;font-size:11px;font-weight:400}
.usd{display:block;font-family:var(--font-body);font-weight:400;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.3px}
.ride-status{border:2px solid var(--tuk-yellow);border-radius:16px;padding:11px;margin-bottom:10px;font-family:var(--font-cairo)}
/* بطاقة "جارٍ البحث عن سائق": نقطة الانطلاق والوصول كل واحدة بسطر مستقل */
.srch-points{margin:8px 0 6px;display:flex;flex-direction:column;gap:7px}
.srch-line{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--ink-soft);font-weight:600;line-height:1.6}
.srch-line b{font-weight:800;color:var(--ink)}
.srch-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;margin-top:4px;border:2.5px solid #fff;box-shadow:0 0 0 1.5px rgba(15,27,51,.18)}
.srch-dot.from{background:var(--green)}
.srch-dot.to{background:var(--red)}
.srch-meta{font-size:12.5px;color:var(--muted);font-weight:600;border-top:1px dashed var(--line);padding-top:7px;margin-top:2px}
.ride-status.g{border-color:var(--green)}
.ride-status .st-title{font-weight:700;font-size:var(--fs-md);margin-bottom:3px;display:flex;align-items:center;gap:8px}
.pulse{width:11px;height:11px;border-radius:50%;background:var(--tuk-yellow-dark);animation:pu 1.2s infinite;flex-shrink:0}
.pulse.g{background:var(--green)}
@keyframes pu{0%,100%{opacity:1}50%{opacity:.3}}
.tl-stepper{display:flex;align-items:flex-start;margin:8px 0 2px}
.tl-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}
.tl-circle{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--line);background:var(--card, #fff);color:var(--muted);transition:.3s;flex-shrink:0;position:relative}
.tl-step.done .tl-circle{background:var(--green-grad);border-color:var(--green);color:#fff}
.tl-step.peek .tl-circle{border-color:#8FDBAE;color:#3FAE72;background:var(--card)}
.tl-step.anchor .tl-circle{box-shadow:0 0 0 4px var(--green-soft)}
.tl-step.anchor .tl-circle::after{
content:'';position:absolute;inset:-6px;border-radius:50%;
box-shadow:0 0 0 0 rgba(20,150,85,.45);animation:tlPulse 2.2s ease-out infinite;
}
.tl-lbl{font-size:10px;color:var(--ink-soft);font-weight:700;white-space:nowrap}
.tl-step.done .tl-lbl,.tl-step.peek .tl-lbl{color:var(--ink)}
.tl-ic-img{width:13px;height:13px;object-fit:contain;display:block}
.tl-line{flex:1;height:2px;background:var(--line);margin-top:12px;min-width:8px}
.tl-line.done{background:var(--green)}
@keyframes tlPulse{
0%{box-shadow:0 0 0 0 rgba(20,150,85,.45)}
70%{box-shadow:0 0 0 10px rgba(20,150,85,0)}
100%{box-shadow:0 0 0 0 rgba(20,150,85,0)}
}
.fare-green{color:var(--green);font-weight:800}
.driver-card-new{background:var(--paper);border-radius:14px;padding:10px;margin-top:8px}
.driver-card-new .dcn-top{display:flex;align-items:center;gap:9px}
.driver-card-new .dcn-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--bg-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tuk-yellow)}
.driver-card-new .dcn-info{flex:1;min-width:100px}
.driver-card-new .dcn-name{font-weight:800;font-size:14.5px}
.driver-card-new .dcn-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--tuk-yellow-dark);font-weight:700;margin-top:2px}
.driver-card-new .dcn-actions{display:flex;gap:10px;margin-top:9px}
.driver-card-new .dcn-call,.driver-card-new .dcn-msg{
flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
border:none;border-radius:12px;padding:11px 10px;font-weight:800;font-size:13.5px;
cursor:pointer;text-decoration:none;position:relative;
background:var(--card);box-shadow:0 2px 6px rgba(15,27,51,.08);
}
.driver-card-new .dcn-call{color:var(--green)}
.driver-card-new .dcn-msg{color:var(--blue)}
.driver-card-new .dcn-quickrate{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;flex-wrap:nowrap}
.driver-card-new .qr-lbl{font-size:13px;color:var(--ink-soft);font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}
.driver-card-new .qr-lbl .ic{color:var(--blue)}
.driver-card-new .qr-stars{display:flex;gap:1px;flex-shrink:0;margin-left:6px}
.driver-card-new .qr-star{width:30px;height:30px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--muted);opacity:.42;cursor:pointer;transition:transform .15s ease,color .15s ease,opacity .15s ease;line-height:0;flex-shrink:0}
.driver-card-new .qr-star .ic{width:30px!important;height:30px!important}
.driver-card-new .qr-star svg{width:30px;height:30px}
.driver-card-new .qr-star i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:800;color:var(--ink);opacity:.9;pointer-events:none}
.driver-card-new .qr-star.on i{color:#fff;opacity:.95}
.driver-card-new .qr-star:active{transform:scale(.85)}
.driver-card-new .qr-star.on{color:var(--tuk-yellow-dark);opacity:1}
.driver-card-new .qr-star.on svg{fill:currentColor}
.driver-card-new .dcn-tip{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12px;color:var(--ink-soft);line-height:1.5}
.driver-card-new .dcn-tip img{width:17px;height:17px;object-fit:contain;flex-shrink:0}
.seat-badge{
display:flex;align-items:center;gap:5px;background:var(--bg-strong);
color:#fff;font-weight:800;font-size:13px;
border-radius:10px;padding:8px 10px;flex-shrink:0;
}
.chat-badge{
position:absolute;top:-7px;left:-7px;background:var(--red);color:#fff;
min-width:20px;height:20px;border-radius:99px;font-size:11px;font-weight:800;
display:flex;align-items:center;justify-content:center;border:2px solid #fff;
}
/* فقاعة إشعار "التواصل مع الإدارة" — نظام مستقل تمامًا عن دردشات الرحلات (.chat-badge)،
توضع كعنصر عادي داخل صف الزر نفسه (تلتصق بيه) بدل التعليق المطلق بزاوية بعيدة */
.support-badge{
background:var(--red);color:#fff;min-width:19px;height:19px;border-radius:99px;
font-size:10.5px;font-weight:800;align-items:center;justify-content:center;
padding:0 5px;margin-inline-start:auto;flex-shrink:0;
}
/* ---------- شاشة الدفع ---------- */
.pay-box{
border:2.5px solid var(--green);border-radius:20px;padding:18px;text-align:center;
background:linear-gradient(180deg,#F0FBF5,#fff);margin-bottom:12px;
box-shadow:0 10px 28px rgba(20,150,85,.16);position:relative;overflow:hidden;
}
.pay-box::before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;top:-80px;right:-60px;background:radial-gradient(circle,rgba(20,150,85,.10),transparent 70%);pointer-events:none}
.pay-box .pl{font-size:13.5px;font-weight:700;color:var(--green);display:flex;align-items:center;justify-content:center;gap:7px}
.pay-box .pv{
font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--ink);
line-height:1.2;margin:7px 0 2px;letter-spacing:0;
}
.pay-box .pn{font-size:12.5px;color:var(--muted);font-weight:600}
/* ---------- التقييم بالوجوه ---------- */
.faces{display:flex;justify-content:center;gap:10px;margin:14px 0}
.face-btn{background:transparent;border-radius:50%;padding:4px;transition:.18s;filter:grayscale(.55);opacity:.75}
.face-btn:hover{transform:scale(1.1)}
.face-btn.sel{filter:none;opacity:1;transform:scale(1.22)}
.faces-lbl{text-align:center;font-size:12.5px;color:var(--muted);font-weight:700;min-height:18px}
.switch{position:relative;width:56px;height:30px;flex-shrink:0}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;background:#CBD3E1;border-radius:99px;transition:.25s;cursor:pointer}
.slider::before{content:'';position:absolute;height:24px;width:24px;right:3px;top:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.switch input:checked + .slider{background:var(--green)}
.switch input:checked + .slider::before{transform:translateX(-26px)}
/* نطاق العمل: منزلق احترافي */
.radius-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.radius-btn{
height:36px;display:inline-flex;align-items:center;justify-content:center;
border-radius:11px;padding:0 14px;font-size:var(--fs-base);font-weight:700;white-space:nowrap;
}
.radius-val{color:var(--blue);font-weight:700;margin-right:5px}
.radius-btn{background:var(--paper);border:1.5px solid var(--line);color:var(--ink);transition:.15s}
.radius-btn:active{transform:scale(.97)}
.radius-panel.on{display:block}
/* --- نطاق العمل: لوحة سفلية ثابتة، مقبض واحد فقط ظاهر دائمًا وهو زر الفتح/الإغلاق --- */
.radius-sheet{
position:fixed;left:0;right:0;bottom:0;z-index:620;
background:var(--card);border-radius:20px 20px 0 0;box-shadow:0 -10px 34px rgba(13,23,48,.28);
transform:translateY(100%);
transition:transform .28s ease;
}
.radius-sheet.on{transform:translateY(0)}
.radius-sheet-handle-btn{
width:100%;height:30px;border:none;background:none;
display:flex;align-items:center;justify-content:center;
}
.radius-sheet-handle{width:38px;height:5px;border-radius:99px;background:var(--line)}
.radius-sheet.on .radius-sheet-handle{background:var(--muted)}
.radius-sheet-body{padding:0 16px calc(14px + env(safe-area-inset-bottom,0px))}
input[type=range].radius-slider{
-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:99px;
background:linear-gradient(to left,var(--blue) var(--fill,50%),var(--line) var(--fill,50%));
outline:none;
}
input[type=range].radius-slider::-webkit-slider-thumb{
-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;
background:#fff;border:4px solid var(--blue);box-shadow:0 3px 10px rgba(37,99,235,.4);cursor:grab;
}
input[type=range].radius-slider::-moz-range-thumb{
width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--blue);
box-shadow:0 3px 10px rgba(37,99,235,.4);cursor:grab;
}
.radius-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700;margin-top:6px;padding:0 4px}
.radius-note{font-size:11.5px;color:var(--muted);margin-top:9px;font-weight:600;line-height:1.8}
.req-item .rq-top .nm{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:6px}
.rq-stat{background:var(--paper);border-radius:11px;padding:8px 10px;font-size:11.5px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px;border:1px solid var(--line)}
.rq-stat b{color:var(--ink);font-size:12.5px}
.rq-actions .btn{padding:10px;font-size:13.5px}
.rq-actions .btn.view{background:var(--paper);color:var(--ink);flex:0 0 auto;width:auto;padding:10px 14px}
.wallet-hero .whero-img,.wallet-card .whero-img{
position:absolute;left:0;top:0;bottom:0;height:100%;width:46%;object-fit:cover;object-position:center;
opacity:.9;pointer-events:none;
-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 96%);
mask-image:linear-gradient(90deg,#000 30%,transparent 96%);
}
.wallet-hero .wn{font-size:11.5px;opacity:.75;margin-top:6px}
.empty-note{text-align:center;color:var(--muted);font-size:13.5px;padding:22px 10px;line-height:1.9}
.empty-note .ei{display:flex;justify-content:center;margin-bottom:8px;color:#B9C2D4}
/* ---------- لوحة الطلب الوارد ---------- */
.incoming-sheet{
position:absolute;left:0;right:0;bottom:0;z-index:900;
background:var(--card);border-radius:24px 24px 0 0;
box-shadow:0 -14px 44px rgba(19,32,58,.35);padding:18px 16px 20px;
transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.9,.3,1.1);
}
.incoming-sheet.on{transform:translateY(0)}
.inc-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
@keyframes ringShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}
.inc-head .t1{font-weight:700;font-size:var(--fs-lg)}
.inc-head .t2{font-size:12.5px;color:var(--muted);font-weight:600}
.inc-fromto{
background:var(--paper);border-radius:12px;padding:10px 12px;font-size:12.5px;
font-weight:700;color:var(--ink-soft);line-height:2;margin-bottom:10px;
}
.inc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.swipe-track{
position:relative;height:78px;border-radius:12px;
background:linear-gradient(90deg,#0E4D2B,#17753F);
border:none;overflow:hidden;touch-action:none;user-select:none;
box-shadow:0 8px 22px rgba(20,110,60,.4), inset 0 0 0 2px rgba(255,255,255,.14);
}
.swipe-track::after{
content:'';position:absolute;inset:0;
background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 62%);
background-size:220% 100%;animation:sheen 2.2s linear infinite;pointer-events:none;
}
@keyframes sheen{0%{background-position:130% 0}100%{background-position:-90% 0}}
.swipe-hint{
position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
font-weight:700;font-size:17px;color:#fff;gap:11px;pointer-events:none;
letter-spacing:.2px;text-shadow:0 1px 4px rgba(0,0,0,.3);
}
.swipe-hint .arrows{display:inline-flex;gap:0;color:var(--tuk-yellow)}
.swipe-hint .arrows i{display:inline-flex;margin-left:-13px;animation:chase 1s infinite}
.swipe-hint .arrows i:nth-child(2){animation-delay:.15s}
.swipe-hint .arrows i:nth-child(3){animation-delay:.3s}
@keyframes chase{
0%{opacity:.1;transform:translateX(9px) scale(.85)}
45%{opacity:1;transform:translateX(0) scale(1.08)}
100%{opacity:.1;transform:translateX(-11px) scale(.85)}
}
.swipe-knob{
position:absolute;top:5px;right:5px;bottom:5px;width:70px;border-radius:9px;
background:var(--tuk-yellow);color:#0E4D2B;display:flex;align-items:center;justify-content:center;
box-shadow:0 4px 14px rgba(0,0,0,.35);cursor:grab;transition:background .2s;
}
.swipe-knob:active{cursor:grabbing}
.swipe-track.done{background:var(--green)}
.swipe-track.done::after{display:none}
.swipe-track.done .swipe-hint{color:#fff}
.inc-ignore{margin-top:10px}
/* ---------- الدردشة (مثل أوبر) ---------- */
.chat-sheet{
position:fixed;left:0;right:0;bottom:0;z-index:2820;
background:var(--card);border-radius:24px 24px 0 0;
box-shadow:0 -16px 50px rgba(19,32,58,.4);
transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.9,.3,1);
display:flex;flex-direction:column;height:72vh;max-height:560px;
}
.chat-sheet.on{transform:translateY(0)}
.chat-head{
display:flex;align-items:center;gap:10px;padding:14px 16px;
border-bottom:1.5px solid var(--line);flex-shrink:0;
}
.chat-head .cav{width:42px;height:42px;border-radius:12px;background:var(--bg-strong);color:var(--tuk-yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chat-head .cnm{flex:1;min-width:0}
.chat-head .cnm b{font-size:15px;display:block}
.chat-head .cnm span{font-size:11.5px;color:var(--muted);font-weight:600}
.chat-close{background:var(--paper);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.chat-msgs{flex:1;overflow-y:auto;padding:14px 14px 6px;-webkit-overflow-scrolling:touch;background:#F7F9FC}
.msg{max-width:78%;margin-bottom:9px;padding:9px 13px;border-radius:16px;font-size:13.5px;font-weight:500;line-height:1.7;word-wrap:break-word}
.msg .mt{font-size:10px;color:inherit;opacity:.6;margin-top:2px;text-align:left}
.msg.mine{background:var(--bg-strong);color:#fff;margin-left:auto;border-bottom-left-radius:5px}
.msg.theirs{background:#fff;border:1.5px solid var(--line);margin-right:auto;border-bottom-right-radius:5px}
.chat-quick{
display:flex;gap:7px;overflow-x:auto;padding:10px 12px;flex-shrink:0;
border-top:1.5px solid var(--line);-webkit-overflow-scrolling:touch;
}
.chat-quick button{
white-space:nowrap;background:#EAF1FE;color:var(--blue-dark);border-radius:99px;
padding:8px 14px;font-size:12.5px;font-weight:700;transition:.15s;flex-shrink:0;
}
.chat-quick button:active{transform:scale(.95)}
.chat-input{display:flex;gap:8px;padding:10px 12px 14px;flex-shrink:0}
.chat-input input{
flex:1;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;
font-size:14px;background:#FBFCFE;
}
.chat-input input:focus{outline:none;border-color:var(--blue)}
.chat-input button{
width:50px;height:48px;border-radius:14px;background:var(--blue);color:#fff;
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.chat-back{display:none;position:fixed;inset:0;background:rgba(13,23,48,.45);z-index:2810}
.chat-back.on{display:block}
/* ---------- واجهة المدير ---------- */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
th{text-align:right;padding:9px 8px;color:var(--muted);font-size:11.5px;border-bottom:2px solid var(--line);font-weight:700;white-space:nowrap}
td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
td .mini{font-size:11px;color:var(--muted)}
.t-actions{display:flex;gap:6px;flex-wrap:wrap}
.t-btn{padding:6px 11px;border-radius:9px;font-size:11.5px;font-weight:700;white-space:nowrap;transition:.15s}
.t-btn.grn{background:var(--green-soft);color:var(--green)}
.t-btn.red{background:#FCE1E1;color:var(--red)}
.t-btn.gold{background:#FFF3D6;color:#9A6B00}
.t-btn.blue{background:#E2E9FA;color:var(--blue)}
.t-btn:hover{filter:brightness(.94)}
.admin-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}
.admin-tabs button{padding:9px 16px;border-radius:99px;background:var(--card);color:var(--muted);font-weight:700;font-size:13px;box-shadow:var(--shadow);white-space:nowrap;transition:.2s;display:inline-flex;align-items:center;gap:6px}
.admin-tabs button.on{background:var(--bg-strong);color:var(--tuk-yellow)}
.admin-panel{display:none}
.imp-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
.imp-check input{width:17px;height:17px;accent-color:var(--green);flex-shrink:0}
.admin-panel.on{display:block}
.commission-row{display:flex;gap:10px;align-items:flex-end}
.commission-row .field{flex:1;margin-bottom:0}
.commission-row .btn{width:auto;padding:12px 20px;font-size:14px}
/* ---------- النوافذ والتنبيهات ---------- */
.modal-back{display:none;position:fixed;inset:0;background:rgba(13,23,48,.6);z-index:2960;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}
/* صفحة كتابة الشكوى تُفتح فوق صفحة الطلب (profile-sheet z-index:2700) وفوق باقي الطبقات، فترتفع لأعلى */
#mkComplaintModal,#mkTimeModal{z-index:2970}
/* نافذة تحديد مدة تنفيذ الطلب (السائق) — خيارات مدّة أنيقة */
.mk-time-opts{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mk-time-opt{padding:12px 8px;border-radius:13px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:800;font-size:14px;font-family:inherit;cursor:pointer;transition:.15s}
.mk-time-opt.on{border-color:#1F6FEB;background:#EAF2FF;color:#1F6FEB;box-shadow:0 2px 10px rgba(31,111,235,.18)}
/* لوح المدّة المتّفق عليها + العدّاد (زبون وسائق) — بلا خلفية وبخط رمادي كي لا يجذب التركيز */
.mk-exec-note{display:flex;align-items:center;justify-content:center;text-align:center;gap:7px;margin-top:14px;padding:0;background:none;border:none;color:var(--muted);font-weight:600;font-size:12.5px}
.mk-exec-note.late{color:var(--muted)}
.mk-exec-note .mk-exec-count{font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted)}
@media(prefers-color-scheme:dark){
.mk-exec-note{color:var(--muted)}
.mk-exec-note .mk-exec-count{color:var(--muted)}
}
/* بطاقة موافقة الزبون على مدة التنفيذ */
.mk-approve-time{font-size:15px;margin-top:6px}
.mk-approve-time b{color:#1F6FEB;font-size:19px}
.mk-approve-q{margin-top:8px;color:var(--muted);font-size:13px;font-weight:700}
.mk-approve-btns{display:flex;gap:10px;margin-top:13px}
.mk-approve-btns .btn{flex:1;margin-top:0}
.modal-back.on{display:flex}
.modal{background:var(--card);border-radius:20px;padding:22px;width:100%;max-width:390px;box-shadow:0 24px 60px rgba(0,0,0,.4);animation:mup .22s ease;max-height:86vh;overflow-y:auto}
/* ═══════════ نافذة «إضافة عرض جديد» — تفتح بملء الشاشة كصفحة مستقلة ═══════════ */
#offerFormModal{align-items:stretch;justify-content:stretch;padding:0}
#offerFormModal .offx-modal{max-width:100%;width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:0;display:flex;flex-direction:column;animation:offxSlide .25s ease}
@keyframes offxSlide{from{transform:translateY(14px);opacity:.4}to{transform:none;opacity:1}}
.offx-modal{background:linear-gradient(180deg,#F2FBF6 0%,#FFFFFF 22%)}
.offx-scroll{flex:1;overflow-y:auto;padding:16px 18px 12px;-webkit-overflow-scrolling:touch}
.offx-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.offx-back{width:38px;height:38px;border-radius:12px;border:none;background:transparent;color:#0E2A3B;display:flex;align-items:center;justify-content:center;cursor:pointer}
.offx-title{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;color:#12324A}
.offx-titleic{width:38px;height:38px;border-radius:50%;background:#DAF3E6;color:#179E63;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.offx-sub{text-align:center;color:#8FA0AE;font-size:12.5px;font-weight:600;margin:2px 0 14px}
.offx-upload{border:2px dashed #BFE6D2;border-radius:18px;background:#FBFFFD;padding:16px;margin-bottom:12px}
.offx-upload-inner{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}
.offx-upload-ic{color:#179E63}
.offx-upload-btn{display:inline-flex;align-items:center;gap:7px;background:#DAF3E6;color:#0E7D4C;font-weight:800;font-size:14.5px;padding:10px 26px;border-radius:12px}
.offx-upload img{width:100%;height:auto;display:block;border-radius:12px;margin-bottom:8px}
.offx-img-remove{position:absolute;margin:6px;width:30px;height:30px;border-radius:9px;background:rgba(0,0,0,.6);color:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
#offImgPreviewWrap{position:relative}
.offx-field{margin-bottom:12px}
.offx-label{display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-direction:row-reverse;font-size:14px;font-weight:800;color:#12324A;margin-bottom:7px}
.offx-label span[data-ic]{color:#179E63}
.offx-label b{color:#179E63}
.offx-select{position:relative}
.offx-select select{width:100%;height:52px;border:1.5px solid #E7EDF1;border-radius:14px;background:#F7FAFC;padding:0 16px;font-family:inherit;font-size:15px;font-weight:600;color:#12324A;text-align:right;appearance:none;-webkit-appearance:none;cursor:pointer}
.offx-sel-chev{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:#8FA0AE;pointer-events:none}
.offx-textwrap{position:relative}
.offx-textwrap textarea{width:100%;border:1.5px solid #E7EDF1;border-radius:14px;background:#F7FAFC;padding:13px 16px 28px;font-family:inherit;font-size:14.5px;color:#12324A;text-align:right;resize:none;line-height:1.7}
.offx-text-ic{position:absolute;bottom:11px;inset-inline-start:12px;color:#9AA7B2}
.offx-pricewrap{position:relative;display:flex;align-items:center}
.offx-pricewrap input{width:100%;height:52px;border:1.5px solid #E7EDF1;border-radius:14px;background:#F7FAFC;padding-block:0;padding-inline:16px 62px;font-family:inherit;font-size:15px;font-weight:700;color:#12324A;text-align:start}
.offx-price-cur{position:absolute;inset-inline-end:0;top:0;bottom:0;width:54px;display:flex;align-items:center;justify-content:center;background:#EEF3F6;border-start-end-radius:14px;border-end-end-radius:14px;font-weight:800;color:#5B6B77;font-size:14.5px}
/* أي نص توضيحي (placeholder) داخل مربعات نافذة العرض: شفافية أعلى */
#offerFormModal input::placeholder,#offerFormModal textarea::placeholder{color:#12324A;opacity:.34}
.offx-row2{display:flex;gap:10px}
.offx-row2 .offx-field{flex:1;min-width:0}
.offx-date,.offx-num{width:100%;height:52px;border:1.5px solid #E7EDF1;border-radius:14px;background:#F7FAFC;padding:0 16px;font-family:inherit;font-size:14.5px;font-weight:600;color:#12324A;text-align:right}
.offx-num{text-align:center;font-weight:700}
.offx-toggle-row{display:flex;align-items:center;gap:10px;padding:9px 0;flex-direction:row}
.offx-toggle-state{font-weight:800;color:#17323F;font-size:14.5px}
.offx-toggle-lbl{display:flex;align-items:center;gap:6px;font-weight:800;color:#12324A;font-size:14.5px;margin-inline-start:auto}
.offx-toggle-lbl span[data-ic]{color:#17323F}
.offx-foot{padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #EFF3F6;flex-shrink:0}
.offx-save{width:100%;height:56px;background:linear-gradient(180deg,#2AAE6C,#1E8F55);color:#fff;font-size:16px;font-weight:800;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 22px rgba(30,143,85,.28)}
.offx-save:active{transform:scale(.99)}
@media (max-width:380px){ .offx-title{font-size:20px} .offx-select select,.offx-pricewrap input,.offx-date,.offx-num{height:48px} .offx-save{height:52px} }
/* صف الموافقة على السياسة والشروط بشاشة التسجيل */
.agree-row{display:flex;align-items:flex-start;gap:9px;margin:2px 2px 14px;font-size:12px;line-height:1.6;color:var(--muted)}
.agree-row input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;margin-top:1px;accent-color:var(--tuk-yellow-dark,#B8860B)}
.agree-row label{cursor:pointer}
.agree-row a{color:var(--rider-blue);font-weight:700;text-decoration:underline}
.legal-body{font-size:13px;line-height:1.9;color:var(--ink);max-height:52vh;overflow-y:auto;padding-left:4px}
.legal-body h4{font-size:13.5px;margin:14px 0 5px;color:var(--tuk-yellow-dark,#B8860B)}
.legal-body h4:first-child{margin-top:0}
.legal-body p{margin:0 0 8px}
@keyframes mup{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
/* نافذة تأكيد الخروج — تصميم فاخر متناسق مع هوية التطبيق */
.exit-modal{
max-width:330px; text-align:center; font-family:var(--font-cairo);
padding:26px 22px 22px; border:1px solid var(--line);
animation:exitPop .28s cubic-bezier(.2,.9,.3,1.3);
}
@keyframes exitPop{from{transform:translateY(18px) scale(.94);opacity:0}to{transform:none;opacity:1}}
.exit-modal-icon{
width:58px; height:58px; border-radius:50%; margin:0 auto 16px;
display:flex; align-items:center; justify-content:center;
background:linear-gradient(150deg, #FFE9E9 0%, #FCD5D5 100%);
color:#D93030; box-shadow:0 8px 20px -6px rgba(217,48,48,.45), inset 0 0 0 1px rgba(217,48,48,.12);
}
.exit-modal h3{
justify-content:center; border:none; padding:0; margin:0 0 8px;
font-size:17px; font-weight:800; color:var(--ink); font-family:var(--font-cairo);
}
.exit-modal p{
color:var(--muted); font-size:13px; line-height:1.7; margin:0 0 22px; font-family:var(--font-cairo);
}
.exit-modal-actions{display:flex; gap:10px}
.exit-modal-actions .btn{
flex:1; font-family:var(--font-cairo); font-weight:700; font-size:13.5px;
padding:12px 8px; border-radius:13px; transition:transform .15s, box-shadow .15s;
}
.exit-modal-actions .btn:active{transform:scale(.96)}
.exit-modal-actions .btn-ghost{background:var(--paper); color:var(--ink-soft); border:1px solid var(--line)}
.exit-modal-leave{
background:linear-gradient(135deg,#F1524F 0%,#D93030 100%); color:#fff; border:none;
box-shadow:0 10px 22px -8px rgba(217,48,48,.55);
}
html[data-theme="dark"] .exit-modal-icon{
background:linear-gradient(150deg, rgba(217,48,48,.28) 0%, rgba(217,48,48,.14) 100%);
box-shadow:0 8px 20px -6px rgba(217,48,48,.35), inset 0 0 0 1px rgba(217,48,48,.25);
}
html[data-theme="dark"] .exit-modal-actions .btn-ghost{background:#131E38; border-color:rgba(255,255,255,.08); color:#C9D3E6}
.modal h3{font-size:17px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.modal .m-actions{display:flex;gap:10px;margin-top:16px}
/* ─── بطاقة اختيار الاتجاه (طالع / نازل) ─── */
.dir-modal{max-width:360px;text-align:center;padding:20px 18px 18px}
.dir-modal h3{justify-content:center;margin-bottom:4px}
.dir-sub{font-size:12.5px;color:var(--muted);font-weight:600;line-height:1.7;margin:0 0 16px}
.dir-choices{display:flex;gap:12px}
.dir-card{
position:relative;flex:1;aspect-ratio:3/4;border-radius:20px;overflow:hidden;
cursor:pointer;border:0;padding:0;background:linear-gradient(180deg,#CFE0F5,#9FB9DD);
box-shadow:0 10px 22px rgba(15,27,51,.22);
transition:transform .18s cubic-bezier(.2,.8,.3,1.3), box-shadow .18s ease;
-webkit-tap-highlight-color:transparent;
}
.dir-card::after{
content:"";position:absolute;inset:0;border-radius:20px;
box-shadow:inset 0 0 0 3px transparent;transition:box-shadow .18s ease;pointer-events:none;
}
.dir-card:active{transform:scale(.95)}
.dir-card.sel{transform:scale(1.035);box-shadow:0 14px 30px rgba(240,165,0,.4)}
.dir-card.sel::after{box-shadow:inset 0 0 0 3px var(--tuk-yellow)}
.dir-card.dim{opacity:.4;filter:grayscale(.4);pointer-events:none;transform:scale(.97)}
.dir-card .road-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dir-card .shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,10,22,.78) 0%,rgba(6,10,22,.05) 46%,rgba(6,10,22,.18) 100%)}
.dir-card .tuk-img{
position:absolute;left:50%;width:52%;max-width:110px;
filter:drop-shadow(0 8px 10px rgba(0,0,0,.4));
transform:translateX(-50%);
animation:tukFloat 1.7s ease-in-out infinite;
}
.dir-card.up .tuk-img{bottom:34%}
.dir-card.down .tuk-img{top:22%}
@keyframes tukFloat{
0%,100%{margin-top:0}
50%{margin-top:-6px}
}
/* حركة الانطلاق: التوكتوك يمشي للأمام على الطريق (بدون تصغير) لحد ما يلمس حافة الإطار، وهناك يختفي فوراً بدون تلاشي ومن دون خروج مرئي عن حدود البطاقة */
.dir-card.up.driving .tuk-img{animation:driveUp 1.6s cubic-bezier(.3,0,.2,1) forwards}
.dir-card.down.driving .tuk-img{animation:driveDown 1.6s cubic-bezier(.3,0,.2,1) forwards}
@keyframes driveUp{
0%{bottom:34%}
100%{bottom:78%}
}
@keyframes driveDown{
0%{top:22%}
100%{top:76%}
}
.dir-card .dir-arrow{
position:absolute;top:9px;left:9px;width:24px;height:24px;border-radius:50%;
background:rgba(255,255,255,.92);
display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;
box-shadow:0 3px 7px rgba(0,0,0,.25);
}
.dir-card.up .dir-arrow{color:var(--green)}
.dir-card.down .dir-arrow{color:#F2871A}
.dir-card .check{
position:absolute;top:9px;right:9px;width:24px;height:24px;border-radius:50%;
background:var(--tuk-grad);color:var(--ink);
display:flex;align-items:center;justify-content:center;
opacity:0;transform:scale(.4);transition:.18s cubic-bezier(.2,.8,.3,1.4);
box-shadow:0 3px 8px rgba(240,165,0,.5);
}
.dir-card.sel .check{opacity:1;transform:scale(1)}
.dir-card .lbl{
position:absolute;left:0;right:0;bottom:0;padding:10px 6px 12px;
display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff;
}
.dir-card .lbl b{font-size:17px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.dir-card .spin-ov{
position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;
background:rgba(6,10,22,.16);
}
.dir-card.busy-card .spin-ov{display:flex}
.dir-card .spin-ov .ld{
width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,255,255,.4);
border-top-color:#fff;animation:dirspin .7s linear infinite;
box-shadow:0 2px 10px rgba(0,0,0,.35);
}
.dir-card .spin-ov b{
font-size:10.5px;font-weight:800;color:#fff;
background:rgba(6,10,22,.55);padding:3px 9px;border-radius:999px;
text-shadow:0 1px 3px rgba(0,0,0,.4);
}
@keyframes dirspin{to{transform:rotate(360deg)}}
/* قائمة المعالم */
.lm-list{display:flex;flex-direction:column;gap:7px;max-height:52vh;overflow-y:auto}
.lm-list button{
display:flex;align-items:center;gap:10px;text-align:right;background:var(--paper);
border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;
font-size:14px;font-weight:700;color:var(--ink);transition:.15s;
}
.lm-list button:hover{border-color:var(--tuk-yellow-dark);background:#FFF8E3}
.lm-list button .ic{color:var(--tuk-yellow-dark)}
.lm-list button .lm-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lm-list button .lm-star{
flex-shrink:0;display:flex;align-items:center;justify-content:center;
width:30px;height:30px;border-radius:9px;color:var(--muted);opacity:.55;
transition:.15s;margin-inline-start:-4px;
}
.lm-list button .lm-star:active{transform:scale(.88)}
.lm-list button .lm-star.on{color:var(--tuk-yellow-dark);opacity:1}
.lm-list button .lm-star.on .ic svg{fill:currentColor}
/* بانر تنبيه الإدارة */
.bcast{
display:flex;align-items:flex-start;gap:10px;background:#FFF8E3;
border:1.5px solid var(--tuk-yellow-dark);border-radius:13px;
padding:11px 13px;margin-bottom:12px;
}
.bcast .bic{color:var(--tuk-yellow-dark);flex-shrink:0;margin-top:2px}
.bcast .btx{flex:1;min-width:0;font-size:var(--fs-sm);line-height:1.7}
.bcast .btx b{font-size:var(--fs-base);color:#9A6B00}
.bcast .bx{background:transparent;color:var(--muted);flex-shrink:0;padding:3px}
/* قائمة محادثات المستخدمين (لوحة المدير) */
.thread-item{
display:flex;align-items:center;gap:11px;width:100%;text-align:right;
background:var(--paper);border:1.5px solid var(--line);border-radius:13px;
padding:12px 14px;margin-bottom:8px;transition:.15s;
}
.thread-item:hover{border-color:var(--tuk-yellow-dark);background:#FFFDF4}
.thread-item .tav{
width:40px;height:40px;border-radius:11px;background:var(--bg-strong);color:var(--tuk-yellow);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.thread-item .tin{flex:1;min-width:0}
.thread-item .tin .tn{font-weight:700;font-size:var(--fs-base)}
.thread-item .tin .tl{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-item .tbadge{
background:var(--red);color:#fff;min-width:22px;height:22px;border-radius:99px;
font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
#toast{
position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);
background:var(--bg-strong);color:#fff;padding:12px 22px;border-radius:99px;font-size:13.5px;
font-weight:700;z-index:3000;opacity:0;transition:.3s;box-shadow:0 10px 30px rgba(0,0,0,.35);
white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;
}
#toast.show{transform:translateX(-50%) translateY(0);opacity:1}
/* ═══════ شريط البحث عن الأماكن ═══════ */
.search-bar{
position:absolute;top:12px;right:12px;left:12px;z-index:420;
display:flex;align-items:center;gap:8px;background:var(--card);
border-radius:15px;padding:6px 12px;box-shadow:var(--shadow-lift);
border:1.5px solid var(--line);
}
.search-bar .sic{color:var(--muted);flex-shrink:0}
.search-bar input{
flex:1;border:none;background:transparent;font-size:var(--fs-base);
padding:9px 2px;min-width:0;color:var(--ink);font-family:var(--font-body);
}
.search-bar input:focus{outline:none}
@keyframes ttShake{
10%,90%{transform:translateX(-2px)}
20%,80%{transform:translateX(4px)}
30%,50%,70%{transform:translateX(-7px)}
40%,60%{transform:translateX(7px)}
}
.search-bar input.shake{animation:ttShake .5s cubic-bezier(.36,.07,.19,.97) both}
.map-pick-btn{
width:30px;height:30px;border-radius:9px;background:transparent;border:none;
color:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;
transition:.18s;cursor:pointer;padding:0;
}
.map-pick-btn:active{transform:scale(.88)}
.map-pick-btn.on{color:var(--tuk-yellow)}
/* مؤشر بصري على الخريطة نفسها أثناء وضع "تحديد على الخريطة" — يوضّح إنه اللمس فعّال حالياً */
.map-pick-cursor{cursor:crosshair !important}
.search-bar .sgps{
width:38px;height:38px;border-radius:12px;background:var(--bg-strong-grad);
color:var(--tuk-yellow);display:flex;align-items:center;justify-content:center;flex-shrink:0;
box-shadow:0 4px 12px rgba(14,23,48,.3);transition:.18s;
}
.search-bar .sgps:active{transform:scale(.92)}
.search-results{
position:absolute;top:66px;right:12px;left:12px;z-index:430;
background:var(--card);border-radius:14px;box-shadow:var(--shadow);
border:1.5px solid var(--line);overflow:hidden;max-height:44vh;overflow-y:auto;
}
.sr-item{
display:flex;align-items:center;gap:10px;width:100%;text-align:right;
padding:11px 14px;background:transparent;font-size:var(--fs-base);
font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);
}
.sr-item:last-child{border-bottom:none}
.sr-item:hover{background:var(--paper)}
.sr-item .ic{color:var(--tuk-yellow-dark);flex-shrink:0}
.sr-item .srt{flex:1;min-width:0}
.sr-item .srt small{display:block;font-size:var(--fs-xs);color:var(--muted);font-weight:400;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-note{padding:10px 14px;font-size:var(--fs-xs);color:var(--muted);text-align:center}
/* شارة "Google" على نتائج البحث المدمجة تلقائياً من خرائط Google */
.gbadge{background:#E8F0FE;color:#1A73E8}
/* ═══════ نقطتا الانطلاق والوصول 1/2 ═══════ */
/* ألوان شارتَي الترقيم (تُستخدم في البطاقات الأفقية) */
.pt-num.n1{background:var(--green)}
.pt-card.act{border-color:var(--tuk-yellow-dark);background:linear-gradient(165deg,#FFFBEE,#FFF7DC);box-shadow:var(--glow-yellow)}
.pt-card .pt-val.empty{color:var(--muted);font-weight:400;font-size:12px}
.pt-link .ic{position:relative;z-index:1;background:var(--card);border-radius:50%;padding:2px}
/* أزرار: تغيير نقطة الانطلاق + اختيار من المعالم */
.pt-actions{display:flex;flex-direction:row;gap:8px;margin-bottom:6px}
.pt-chip{
flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
background:var(--paper);border:1px solid var(--line);border-radius:11px;
padding:10px 8px;font-size:11px;font-weight:700;color:var(--rider-blue);transition:.15s;white-space:nowrap;
-webkit-tap-highlight-color:transparent;
}
.pt-chip:active{transform:scale(.98)}
html[data-theme="dark"] .pt-chip{background:#0F1830;color:var(--rider-blue)}
/* ═══════ بطاقة النقاط الموحّدة (الوضع الاحترافي المطوّر) ═══════ */
.trip-points{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:5px;position:relative;margin:6px 0 11px}
.trip-points .tp-row{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;cursor:pointer;transition:.15s;position:relative;
-webkit-tap-highlight-color:transparent;user-select:none}
.trip-points .tp-row:active{background:rgba(46,109,180,.07)}
.trip-points .tp-dot{
width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
position:relative;z-index:1;border-radius:12px;background:var(--green);color:#fff;
box-shadow:0 5px 12px rgba(20,150,85,.32);transition:.15s;
}
.trip-points .tp-dot .d{display:none}
.trip-points .tp-dot .tp-ic-glyph{display:flex}
.trip-points .tp-dot.end{background:var(--rider-orange);box-shadow:0 5px 12px rgba(249,115,22,.32)}
.trip-points .tp-dot.end .tp-ic-glyph{width:13px;height:13px;border-radius:4px;background:#fff}
/* وميض تنبيهي على نقطة الوصول البرتقالية ما دامت لم تُحدَّد بعد — يلفت الزبون لاختيارها */
@keyframes tpDropPulse{
0%,100%{ box-shadow:0 5px 12px rgba(249,115,22,.32), 0 0 0 0 rgba(249,115,22,.55) }
50%{ box-shadow:0 5px 12px rgba(249,115,22,.32), 0 0 0 8px rgba(249,115,22,0) }
}
#tpDrop:not(.is-set) .tp-dot.end{ animation:tpDropPulse 1.4s ease-in-out infinite }
/* الخط الرابط المنقّط بين النقطتين — بمحاذاة مركز الأيقونتين (38px) بدل حافة الصندوق */
.trip-points .tp-line{position:absolute;right:35px;top:44px;bottom:44px;width:2px;z-index:0;
background-image:linear-gradient(180deg,#C3D0E0 0 4px,transparent 4px 8px);background-size:2px 8px}
.trip-points .tp-txt{flex:1;min-width:0}
.trip-points .tp-txt .lbl{font-size:10px;color:var(--muted);font-weight:700;font-family:var(--font-cairo);margin-bottom:2px}
.trip-points .tp-txt .val{font-size:14px;color:var(--ink);font-weight:700;font-family:var(--font-cairo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-points .tp-txt .val.empty{color:#AEB8CA;font-weight:500}
/* مؤشر التعديل: شيفرون ثابت دائماً — بلا تبديل لأيقونة بحث/تأكيد */
.trip-points .tp-edit{width:24px;height:24px;border-radius:50%;background:transparent;border:0;display:flex;align-items:center;justify-content:center;color:#B7C0D1;flex-shrink:0}
.trip-points .tp-row.is-set .tp-edit{color:#9AA6BC}
.trip-points .tp-sep{height:1px;background:var(--line);margin:0 12px}
html[data-theme="dark"] .trip-points{background:#0F1830}
html[data-theme="dark"] .trip-points .tp-edit{color:#5A6A8C}
/* ═══════ حالة "نقطة محدّدة" (التأكيد البصري) ═══════ */
/* خلفية ملوّنة خفيفة للصف المحدّد */
.trip-points .tp-row.is-set#tpPickup{background:rgba(20,150,85,.08)}
.trip-points .tp-row.is-set#tpDrop{background:rgba(249,115,22,.08)}
.dir-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px 2px 6px;margin-inline-start:5px;
border-radius:99px;background:rgba(249,115,22,.13);color:var(--rider-orange-deep);
font-size:11.5px;font-weight:800;vertical-align:middle;line-height:1.5}
/* ومضة تأكيد لحظية عند التحديد */
@keyframes tpFlash{0%{background:rgba(20,150,85,.28)}100%{}}
@keyframes tpFlashDrop{0%{background:rgba(249,115,22,.28)}100%{}}
.trip-points .tp-row.flash-set#tpPickup{animation:tpFlash .5s ease}
.trip-points .tp-row.flash-set#tpDrop{animation:tpFlashDrop .5s ease}
/* ═══════ شاشة البحث المنفصلة ═══════ */
.search-screen{position:fixed;inset:0;background:var(--card);z-index:2800;display:flex;flex-direction:column;
transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}
.search-screen.open{transform:translateY(0);pointer-events:auto}
.search-screen .ss-head{display:flex;align-items:center;gap:10px;padding:14px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}
.search-screen .ss-back{width:38px;height:38px;border-radius:11px;background:var(--paper);border:none;display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}
.search-screen .ss-field{flex:1;display:flex;align-items:center;gap:9px;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}
.search-screen .ss-field.pickup{border-color:var(--green)}
.search-screen .ss-field.drop{border-color:var(--rider-orange)}
.search-screen .ss-field .ss-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.search-screen .ss-field.pickup .ss-icon{color:var(--green)}
.search-screen .ss-field.drop .ss-icon{color:var(--rider-orange)}
.search-screen .ss-field input{flex:1;border:none;background:none;outline:none;font-family:var(--font-cairo);font-weight:600;font-size:14px;color:var(--ink);min-width:0}
.search-screen .ss-field input::placeholder{color:#AEB8CA}
.search-screen .ss-mapbtn{width:30px;height:30px;border-radius:8px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--rider-blue);flex-shrink:0;cursor:pointer}
.search-screen .ss-quick{display:flex;gap:8px;padding:12px 14px 4px}
.search-screen .ss-quick button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:11px 6px;cursor:pointer;font-family:var(--font-cairo);font-weight:700;font-size:10.5px;color:var(--rider-blue);-webkit-tap-highlight-color:transparent}
.search-screen .ss-quick button:active{transform:scale(.97)}
.search-screen .ss-quick button .qic{width:34px;height:34px;border-radius:10px;background:var(--card);display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.ss-open-drop{padding:14px 14px 6px}
.ss-open-drop .sod-title{font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:10px;text-align:center}
.ss-open-drop .sod-opts{display:flex;gap:8px}
.ss-open-drop .sod-btn{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:13px 6px;cursor:pointer;font-family:var(--font-cairo);font-weight:800;font-size:13.5px;color:var(--rider-blue);-webkit-tap-highlight-color:transparent}
.ss-open-drop .sod-btn:active{transform:scale(.97)}
.ss-open-drop .sod-btn.ghost{color:var(--muted);font-weight:700;font-size:12px}
.ss-open-drop .sod-back{display:flex;align-items:center;gap:5px;margin:10px auto 0;background:none;border:0;color:var(--muted);font-family:var(--font-cairo);font-weight:700;font-size:12px;cursor:pointer}
.search-screen .ss-results{flex:1;overflow-y:auto;padding:8px}
.search-screen .sr-item{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:none;background:none;cursor:pointer;border-radius:12px;text-align:right;-webkit-tap-highlight-color:transparent}
.search-screen .sr-item:active{background:var(--paper)}
.search-screen .sr-item .sic{width:38px;height:38px;border-radius:11px;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted)}
.search-screen .sr-item .srt{flex:1;min-width:0}
.search-screen .sr-item .srt b{display:block;font-size:14px;color:var(--ink);font-weight:700;font-family:var(--font-cairo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-screen .sr-item .srt small{display:block;font-size:11px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-screen .sr-item .badge{font-size:9px;background:var(--green-soft);color:var(--green);padding:2px 7px;border-radius:99px;font-weight:700;flex-shrink:0}
.search-screen .sr-note{text-align:center;color:var(--muted);font-size:12px;padding:14px}
/* إخفاء حقل البحث العلوي وبطاقات النوع في الوضع الاحترافي */
#riderScreen .mode-fab,
#riderScreen #riderSearch,
#simpleMode{display:none!important}
.mode-fab button.on{background:var(--tuk-grad);color:var(--ink);box-shadow:0 3px 9px rgba(240,165,0,.32)}
/* --- مُحدد نوع الرحلة: سيرفيس (مشترك) / تاكسي (خاص) --- */
/* ===== مبدّل النوع: إطار موحّد مع مربّع منزلق ===== */
.ride-type-toggle{
position:relative;display:flex;align-items:stretch;gap:0;margin:13px 4px 13px;
background:#EFF0F5;border:none;border-radius:20px;padding:5px;
overflow:hidden;-webkit-tap-highlight-color:transparent;
}
/* المربّع المنزلق (يغطّي نصف الإطار، يتحرك حسب المحدّد) */
.ride-type-toggle::before{
content:'';position:absolute;top:5px;bottom:5px;width:calc(50% - 5px);
border-radius:15px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .25s,border-color .25s;
z-index:0;
/* الوضع الافتراضي: سيرفيس محدّد (يمين في RTL) */
right:5px;background:linear-gradient(135deg,#8FE0B0 0%,#63CE93 100%);border:none;
}
/* عند تحديد التاكسي: المربّع ينزلق لليسار ويصير أصفر */
.ride-type-toggle.taxi-active::before{
transform:translateX(calc(-100% + 0px));
background:linear-gradient(135deg,#FFD65C 0%,#FFC531 100%);border-color:transparent;
}
.rt-plain{
position:relative;z-index:1;
display:flex;align-items:center;gap:9px;padding:9px 12px;margin:0;
cursor:pointer;flex:1 1 0;min-width:0;border-radius:15px;
background:none;border:none;transition:.18s;
-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;
user-select:none;-webkit-user-select:none;outline:none;
}
.rt-plain .rt-plain-txt{display:flex;flex-direction:column;gap:3px;text-align:right;min-width:0;flex:1}
.rt-plain .rt-plain-txt b{font-size:14px;color:var(--muted);font-weight:800;font-family:var(--font-cairo);white-space:nowrap;line-height:1.25;transition:.18s}
.rt-plain .rt-plain-txt small{font-size:10px;color:var(--muted);font-weight:500;font-family:var(--font-cairo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;transition:.18s}
.rt-plain .rt-plain-ic{width:44px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}
/* أيقونة التوك توك الواقعية (icon-512) معكوسة أفقياً لتتّجه لليسار (اتجاه الحركة) */
.rt-plain .rt-plain-ic img{width:118%;height:118%;object-fit:contain;display:block;transition:.25s;transform:scaleX(-1)}
/* غير المحدّد: رمادي */
.rt-plain:not(.on) .rt-plain-ic img{filter:grayscale(1) opacity(.55)}
.rt-plain:active{opacity:.85}
/* المحدّد: النص غامق ليبقى واضحاً على الخلفية القوية */
.rt-plain.on.svc .rt-plain-txt b{color:#0B4D2C}
.rt-plain.on.taxi .rt-plain-txt b{color:#7A5600}
.rt-plain.on .rt-plain-txt small{color:rgba(15,27,51,.62)}
.taxi-badge{
display:inline-flex;align-items:center;gap:4px;background:var(--tuk-grad);color:var(--ink);
border-radius:99px;padding:2px 9px;font-size:10.5px;font-weight:800;
}
.svc-badge{
display:inline-flex;align-items:center;gap:4px;background:var(--green-soft);color:var(--green);
border-radius:99px;padding:2px 9px;font-size:10.5px;font-weight:800;
}
.order-btn.loading{opacity:.7;pointer-events:none;animation:none}
@keyframes ob-breathe{
0%,100%{box-shadow:0 8px 22px rgba(20,150,85,.34), inset 0 1px 0 rgba(255,255,255,.22)}
50%{box-shadow:0 12px 34px rgba(20,150,85,.55), inset 0 1px 0 rgba(255,255,255,.22)}
}
@media (prefers-reduced-motion:reduce){.order-btn{animation:none}}
/* ═══════════════════ اطلب من السوق (دليفري) — رح تستخدمها الواجهتين (زبون/سائق) ═══════════════════ */
.mk-hint{font-size:var(--fs-sm);color:var(--muted);line-height:1.55;margin:2px 0 14px}
/* --- صفحة "اطلب من السوق": بحث حديث + تبويب الأقسام/المتاجر + شبكة أقسام 3×صف بخلفية زرقاء موحّدة --- */
.mk-search{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--line);border-radius:15px;padding:12px 15px;margin:14px 0 13px;box-shadow:0 2px 10px rgba(15,27,51,.05)}
.mk-search input{flex:1;min-width:0;border:0;background:transparent;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);outline:none;text-align:right}
.mk-search input::placeholder{color:var(--muted);font-weight:600}
.mk-search .mk-search-ic{color:var(--muted);flex-shrink:0;display:inline-flex}
.mk-toggle{display:flex;gap:11px;margin-bottom:17px}
.mk-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 8px;border-radius:15px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:800;font-size:14px;font-family:inherit;cursor:pointer;transition:.16s;-webkit-tap-highlight-color:transparent}
.mk-toggle-btn.active{background:var(--bg-strong-grad);color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(14,23,48,.28)}
.mk-toggle-btn svg{flex-shrink:0}
.mk-sec-head{font-weight:800;font-size:14px;color:var(--ink);margin:2px 3px 13px;display:flex;align-items:center;gap:6px}
.mk-cats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.mk-cat-card{
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
background:#DDEBFB;border:1px solid #C4DCF2;border-radius:16px;padding:15px 7px;min-height:112px;
cursor:pointer;-webkit-tap-highlight-color:transparent;transition:.15s;box-shadow:0 2px 9px rgba(15,27,51,.06);
}
.mk-cat-card:active{transform:scale(.955);filter:brightness(.98)}
.mk-cat-card .mk-cat-emoji{font-size:30px;line-height:1;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.mk-cat-card .mk-cat-emoji svg{display:block;width:44px;height:44px}
.mk-cat-card .mk-cat-emoji img{display:block;width:46px;height:46px;object-fit:contain;border-radius:9px}
.mk-cat-card .mk-cat-name{font-weight:800;font-size:12px;color:var(--ink);line-height:1.25;text-align:center}
.mk-cat-card .mk-cat-chev{display:none}
.mk-cat-card.mk-hide{display:none}
/* بطاقات عروض المتجر — حلّت محل معرض الصور بصفحة المتجر، وهي نفسها المستخدمة
بصفحة «عروض المتجر» الكاملة التي يفتحها زر «اطلب من المتجر» */
.sp-addr{color:var(--blue);text-decoration:none;font-weight:800}
.sp-addr span{color:var(--blue);text-decoration:none}
.sp-addr:active{opacity:.6}
.st-rate-btn{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border:0;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer}
.st-rate-cnt{color:var(--muted);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.st-rate-chev{display:inline-flex;transition:transform .18s;color:var(--muted)}
.st-rate-btn.open .st-rate-chev{transform:rotate(-90deg)}
.sp-rt-panel{margin-top:14px}
.sp-rt-panel[hidden]{display:none}
/* ملخّص التقييم بصفحة المتجر: متوسط كبير + نجوم + شريط توزيع لكل مستوى */
.sp-rt{display:flex;gap:14px;align-items:center;margin-bottom:4px}
.sp-rt-side{text-align:center;flex-shrink:0;min-width:74px}
.sp-rt-big{font-size:34px;font-weight:900;line-height:1.1;color:var(--ink)}
.sp-rt-cnt{font-size:11.5px;color:var(--muted);font-weight:700;margin-top:2px}
.sp-rt-stars{display:flex;gap:1px;justify-content:center;color:var(--tuk-yellow-dark)}
.sp-rt-bars{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.sp-rt-bar{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-weight:700}
.sp-rt-track{display:block;flex:1;height:9px;border-radius:5px;background:var(--line);overflow:hidden}
.sp-rt-fill{display:block;height:100%;min-width:0;background:var(--tuk-yellow-dark);border-radius:5px;transition:width .25s}
.sp-rt-none{font-size:12.5px;color:var(--muted);padding:6px 0}
.sp-rv{padding:10px 0;border-top:1px dashed var(--line)}
.sp-rv:first-child{border-top:0}
.sp-rv-top{display:flex;align-items:center;gap:8px}
.sp-rv-av{width:30px;height:30px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--muted);font-size:13px;flex-shrink:0}
.sp-rv-name{font-weight:800;font-size:13px;color:var(--ink)}
.sp-rv-stars{display:flex;gap:1px;color:var(--tuk-yellow-dark);margin-top:1px}
.sp-rv-date{font-size:11px;color:var(--muted);margin-inline-start:auto;flex-shrink:0}
.sp-rv-txt{font-size:12.5px;color:var(--ink-soft);line-height:1.7;margin-top:6px}
.sr-ta{width:100%;margin-top:10px}
/* معرض العروض: عمودي، كل عرض بحجمه الطبيعي */
.sp-offers{display:flex;flex-direction:column;gap:10px}
/* ═══ حاوية عروض المتجر: إعلانان جنباً إلى جنب ═══
شبكة من عمودين متساويين تماماً، تبقى عمودين على كل عروض الشاشات بلا أي
breakpoint يحوّلها لعمود واحد — هذه واجهة هاتف أولاً. إن ضاقت الشاشة تصغر
البطاقتان معاً ولا تنزل إحداهما تحت الأخرى. لا سحب ولا شريط متحرّك هنا:
الإعلانان ظاهران معاً دائماً، وبقية العروض عبر زر «عرض الكل». */
.sp-offers-box{border:1px solid var(--line);border-radius:14px;background:var(--paper);
padding:6px;box-shadow:0 1px 4px rgba(15,27,51,.05)}
.sp-offers-grid{display:flex;gap:6px;align-items:flex-start}
/* عمودان ثابتان: كل بطاقة نصف الصف بالضبط بعد طرح الفجوة، مهما كان عدد العروض.
لا حالة يأخذ فيها عرضٌ واحد الصفَّ كاملاً — العرض الواحد يشغل العمود الأول
ويبقى الثاني فارغاً جاهزاً للعرض التالي فور إضافته. */
.sp-offers-empty{display:flex;align-items:center;justify-content:center;gap:8px;
padding:22px 12px;color:var(--muted);font-size:12.5px;font-weight:700;text-align:center}
.sp-offer-mini{flex:0 0 calc((100% - 6px) / 2);max-width:calc((100% - 6px) / 2);min-width:0;
display:block;padding:0;border:0;background:transparent;
cursor:pointer;font-family:inherit;text-align:center}
.sp-offer-mini:active{transform:scale(.98)}
/* البطاقتان بنفس الأبعاد تماماً مهما اختلفت نسب البانرات: إطار بنسبة ثابتة
مع object-fit:contain — فلا قصّ ولا تشويه، ويظهر الإعلان كاملاً. */
.sp-offer-mini-media{display:block;width:100%;border-radius:12px;overflow:hidden;
box-shadow:0 1px 3px rgba(15,27,51,.10);font-size:0;line-height:0}
.sp-offer-mini-media img{width:100%;height:auto;display:block}
/* العرض بلا صورة فقط: نسبة ثابتة كي لا ينهار ارتفاع البطاقة */
.sp-offer-mini-media .sp-offer-fb{display:flex;align-items:center;justify-content:center;
width:100%;aspect-ratio:7/3;background:var(--card);color:var(--muted);font-size:14px}
@supports not (aspect-ratio: 1 / 1){ .sp-offer-mini-media .sp-offer-fb{height:62px} }
.sp-offer{display:block;width:100%;padding:0;border:1px solid var(--line);background:var(--card);
border-radius:14px;overflow:hidden;text-align:right;font-family:inherit;
box-shadow:0 1px 3px rgba(15,27,51,.06)}
.sp-offer:active{transform:scale(.99)}
.sp-offer-media{position:relative;width:100%;background:var(--bg);font-size:0;line-height:0}
.sp-offer-media img{width:100%;height:auto;display:block}
/* تذييل البطاقة: السعر والصلاحية يميناً، وزرّا الطلب والمشاركة يساراً */
.sp-offer-foot{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}
.sp-offer-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sp-offer-amount{font-size:14.5px;font-weight:900;color:var(--ink);line-height:1.2;white-space:nowrap;padding-right:16px}
.sp-offer-amount i{font-style:normal;font-weight:700;font-size:12px;color:var(--muted);margin-inline-start:2px}
.sp-offer-amount.muted{font-size:13px;font-weight:800;color:var(--muted)}
.sp-offer-valid{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-offer-acts{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sp-offer-order{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;
border:0;border-radius:11px;background:var(--tuk-yellow);color:var(--ink);
font-family:inherit;font-size:13.5px;font-weight:800;line-height:1;cursor:pointer;
box-shadow:0 3px 10px rgba(240,165,0,.30);
-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.sp-offer-order:active{transform:scale(.97)}
.sp-offer-media img{display:block;width:100%;height:auto}
.sp-offer-fb{display:flex;align-items:center;justify-content:center;height:120px;color:var(--muted)}
/* زر مشاركة العرض بجانب «اطلب الآن» داخل شريط الإجراءات.
زوايا البانر الأربع مشغولة بمحتوى التصميم نفسه (شارة التوصيل، الشعار،
السعر)، فوضعه في زاوية كان يغطّي جزءاً من الإعلان. */
.sp-offer-share{width:38px;height:38px;border-radius:11px;flex-shrink:0;
background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);
display:flex;align-items:center;justify-content:center;cursor:pointer;
-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.sp-offer-share:active{transform:scale(.94)}
.sp-offer[role="button"]:active{transform:scale(.995)}
.sp-offers-page{padding:12px}
.sp-offers-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sp-offers-head .lg{width:46px;height:46px;border-radius:11px;overflow:hidden;flex-shrink:0;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center}
.sp-offers-head .lg img{width:100%;height:100%;object-fit:cover}
.sp-offers-head b{display:block;font-size:15px;color:var(--ink)}
.sp-offers-head span{display:block;font-size:12px;color:var(--muted);font-weight:700}
.mk-stores-empty{text-align:center;color:var(--muted);font-weight:700;font-size:14px;padding:46px 20px;line-height:1.8}
/* =============================================================
قسم «المتاجر» — أنماط مشتركة بين لوحة الأدمن (المعالج/المعاينة)
وتطبيق الزبون (الشبكة/صفحة الملف التجاري/المعرض)
============================================================= */
/* --- معالج الأدمن: خطوات + شرائح اختيار --- */
.str-steps{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding-bottom:4px;scrollbar-width:none}
.str-steps::-webkit-scrollbar{display:none}
.str-steps span{flex-shrink:0;font-size:11.5px;font-weight:700;color:var(--muted);background:var(--paper);border-radius:99px;padding:6px 11px;white-space:nowrap}
.str-steps span.on{background:var(--ink);color:#fff}
.str-step{display:none}
.str-biztype-group{display:flex;gap:10px}
.str-biztype-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:800;font-size:13.5px;font-family:inherit;cursor:pointer;transition:.15s}
.str-biztype-btn.on{background:var(--bg-strong-grad);color:#fff;border-color:transparent}
.str-chip-group{display:flex;flex-wrap:wrap;gap:8px}
.str-menu-sec{border:1.5px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px;background:var(--paper)}
.str-menu-sec-head{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.str-menu-sec-head input{flex:1;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:13.5px;font-weight:800;font-family:inherit}
.str-menu-items{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.str-menu-item-row{display:flex;align-items:center;gap:8px}
.str-menu-item-photo{width:44px;height:44px;border-radius:10px;background:#EDF1F7;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;overflow:hidden}
.str-menu-item-photo img{width:100%;height:100%;object-fit:cover;display:block}
.str-menu-item-photo.busy{opacity:.5;pointer-events:none}
.str-menu-item-fields{flex:1;display:flex;gap:6px;min-width:0}
.str-menu-item-fields input{flex:1;min-width:0;padding:8px 9px;border-radius:9px;border:1px solid var(--line);background:var(--card);font-size:12.5px;font-family:inherit}
.str-chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);font-family:inherit;font-weight:700;font-size:12.5px;padding:8px 13px;border-radius:99px;cursor:pointer;transition:.15s}
.str-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.str-logo-preview{width:64px;height:64px;border-radius:14px;background:var(--paper);border:1.5px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;overflow:hidden}
.str-cat-chip{flex-shrink:0;border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);font-family:inherit;font-weight:700;font-size:12.5px;padding:7px 13px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:.15s}
.str-cat-chip.on{background:var(--tuk-yellow);border-color:var(--tuk-yellow-dark);color:var(--ink)}
.str-open-filter-btn.on{background:var(--green-soft);border-color:var(--green);color:var(--green)}
.str-empty-note{text-align:center;color:var(--muted);font-weight:700;font-size:13.5px;padding:40px 16px;line-height:1.8}
.str-open-badge.on{background:var(--green-soft);color:var(--green)}
.str-open-badge.off{background:#FCE1E1;color:var(--red)}
.str-action-btn#strSaveBtn.on{background:#FCE9EC;border-color:#F3B6C2;color:var(--red)}
.str-hours-row.today{color:var(--ink);font-weight:800}
/* --- عارض الصور بملء الشاشة --- */
html[data-theme="dark"] .mk-cat-card{background:#0F1830;border-color:rgba(255,255,255,.12)}
/* --- بانر العروض (Offers Carousel) --- */
.mk-offers{margin-bottom:24px} /* هامش يكفي لبروز زر "اطلب الآن" 30% خارج حافة الصورة السفلية بلا تصادم مع ما بعده */
/* غلاف الوسائط: ارتفاعه = ارتفاع الصورة بالضبط (بلا أي عناصر إضافية تزيد ارتفاعه)،
لذا كل عنصر يُموضع بالنسبة له (top:50% أو bottom) يبقى متمركزاً على الصورة نفسها دائماً مهما تغيّرت أبعادها */
.mk-offers-media{position:relative}
.mk-offers-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.mk-offers-track::-webkit-scrollbar{display:none}
/* أسهم التنقّل بين العروض — دوائر بيضاء شبه شفافة فوق البانر، يمين ويسار.
بما أنها الآن داخل mk-offers-media (الذي ارتفاعه = ارتفاع الصورة فقط)، فـ top:50% يعني دائماً منتصف الصورة تماماً بصرف النظر عن أبعادها */
.mk-offers-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:34px;height:34px;border-radius:50%;
background:rgba(255,255,255,.92);border:0;display:flex;align-items:center;justify-content:center;color:#1F2A44;
box-shadow:0 3px 10px rgba(15,27,51,.18);cursor:pointer;padding:0}
.mk-offers-arrow.prev{left:10px}
.mk-offers-arrow.next{right:10px}
.mk-offers-arrow svg{width:16px;height:16px}
.mk-offers-arrow.next svg{transform:scaleX(-1)}
.mk-offer-card{
scroll-snap-align:start;flex:0 0 100%;min-width:100%;border-radius:18px;overflow:hidden;position:relative;
background:linear-gradient(120deg,#FFE9B8,#FFD98A);aspect-ratio:16/9; /* يُستخدم فقط حين لا توجد صورة مرفوعة للعرض */
border:0;outline:0;box-shadow:none; /* لا أي حدود على البطاقة — الصورة تظهر كما هي بلا إطار مضاف */
}
/* حين توجد صورة: البطاقة تأخذ نسبة أبعاد الصورة الأصلية بالضبط (بلا قصّ) بدل نسبة ثابتة مفروضة،
ولا تبقي خلفية احتياطية خلفها (كانت تسبب ظهور هالة/خط رفيع عند حواف الصورة المدوّرة) */
.mk-offer-card.has-img{aspect-ratio:auto;background:none}
.mk-offer-card img.mk-offer-bg{
display:block;width:100%;height:auto;border:0;outline:0;
/* تكبير خفيف جداً يُخفي أي خط شعرة داكن على حواف الصورة الأصلية (ناتج عن ضغط/تصدير الصورة) دون أي قصّ ملحوظ */
transform:scale(1.012);transform-origin:center;
}
/* لا يظهر على البانل سوى زر "اطلب الآن" — البانر نفسه يحمل سعره ضمن تصميمه */
/* "الفجوة" المخصصة للزر: كبسولة بلون خلفية الشاشة نفسها (var(--paper))، تلتف حول الزر بهامش ثابت صغير
وتكبر/تصغر تلقائياً بحسب طول نص الزر (لأنها تتبع حجم محتواها الحقيقي وليست عرضاً ثابتاً).
فتعطي إحساس أن الزر جالس داخل مكان محفور له بالضبط بدل أن يكون ملصوقاً فوق الصورة مباشرة،
وتتأقلم تلقائياً مع الوضع الليلي/النهاري لأنها تستخدم نفس متغيّر لون خلفية الشاشة */
.mk-offer-cta-wrap{position:absolute;bottom:0;left:12px;transform:translateY(30%);z-index:4;
display:inline-flex;background:var(--paper);border-radius:99px;padding:4px}
.mk-offer-cta{position:static;display:inline-flex;align-items:center;gap:4px;
background:var(--red,#E04848);color:#fff;font-weight:800;font-size:11px;
padding:6.5px 12px 6.5px 10px;border-radius:99px;border:0;box-shadow:0 3px 8px rgba(0,0,0,.2);cursor:pointer}
.mk-offer-cta svg{width:10px;height:10px}
/* نقاط التنقّل: أصبحت داخل الصورة عند حافتها السفلية (overlay) بدل أن تكون تحتها كعنصر منفصل يزيد ارتفاع الغلاف */
.mk-offers-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:4;
display:flex;justify-content:center;align-items:center;gap:6px;
padding:5px 9px;border-radius:99px;background:rgba(15,27,51,.28);backdrop-filter:blur(2px)}
/* كل النقاط بنفس الحجم تماماً دائماً — فقط اللون يتغيّر عند التنقّل، بلا أي تكبير */
.mk-offers-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);transition:background-color .2s}
.mk-offers-dots span.on{background:#fff}
.mk-offers-skel{display:flex;gap:10px}
.mk-offers-skel .sk{flex:0 0 100%;height:130px;border-radius:18px;background:linear-gradient(100deg,var(--paper) 30%,var(--line) 50%,var(--paper) 70%);background-size:200% 100%;animation:mkSkelShine 1.3s ease-in-out infinite}
@keyframes mkSkelShine{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* نافذة كتابة الطلب (وصف حر + السعر) — Reusable Order Request template لكل أنواع الطلبات */
/* رأس الطلب: العنوان والوصف الفرعي على اليمين، وأيقونة النوع في بطاقة بيضاء صغيرة على اليسار */
/* الأيقونة قبل العنوان (أقصى اليمين)، بلا مربع أبيض محيط بها — حجم ثابت معتدل، وسط عمودياً مع السطرين */
.mk-req-head{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:18px}
.mk-req-headtxt{display:flex;flex-direction:column;justify-content:center;gap:4px}
.mk-req-headtxt b{font-size:17px;font-weight:800;color:var(--ink);line-height:1.3}
.mk-req-emoji{
flex-shrink:0;width:52px;height:52px;
display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;
}
.mk-req-emoji img{width:100%;height:100%;object-fit:contain}
/* بطاقة بيضاء موحّدة لكل قسم (تفاصيل الطلب / السعر) — بديل أخف من .field وحده */
.mk-card{background:var(--card);border-radius:16px;padding:14px 15px;margin-bottom:11px;box-shadow:0 2px 10px rgba(15,27,51,.05)}
.mk-card-example{font-size:12.5px;color:var(--muted);font-weight:700;margin-bottom:9px;line-height:1.5}
.mk-input-wrap{position:relative}
.mk-input-wrap .ic{position:absolute;top:12px;left:11px;color:var(--muted);opacity:.7;pointer-events:none}
.mk-input-wrap:has(textarea) .ic{top:17px}
.mk-input-wrap:has(input) .ic{top:50%;transform:translateY(-50%)}
.mk-input-wrap textarea,.mk-input-wrap input{padding-left:34px !important}
.mk-card .field{margin-bottom:0}
.mk-card .field label{display:none} /* العنوان بديل عنه .mk-card-example — أخف وأقرب لسياق البطاقة */
/* إشعارات بسيطة (أجرة السائق / مبلغ التجميد) — سطر واحد رئيسي + سطر ثانوي اختياري مصغّر تحته، بلا نصوص تسويقية */
.mk-req-note{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink-soft);
background:var(--paper);border:0;border-radius:14px;padding:11px 13px;margin-bottom:9px;line-height:1.55}
.mk-req-note.hold{background:#FFF6E0;color:#7A5600}
.mk-req-note b{font-weight:800}
.mk-req-note-txt{flex:1;min-width:0}
.mk-req-note-sub{display:block;font-size:10px;font-weight:600;opacity:.75;margin-top:2px;line-height:1.5}
.mk-hold-amt{font-size:13px;font-weight:800;direction:ltr;unicode-bidi:bidi-override;display:inline-block}
/* ═══════════════════════════════════════════════════════════════════
صفحة «اطلب من السوق» — نموذج الطلب (واجهة مطابقة للصورة المرجعية)
كل القواعد مقيّدة بـ #mkViewReq أو بالصنف .mkq-on على #marketSheet،
فلا تتأثر بقية شاشات السوق (الأقسام/المتاجر/التتبّع) ولا باقي التطبيق.
المقاسات مستخرجة من الصورة المرجعية على عرض 360px.
═══════════════════════════════════════════════════════════════════ */
/* ملاحظة: الترويسة أصبحت .topbar موحّدة بأبعاد ثابتة (ServiceSwitcher) ولم تعد
.profile-head — فلا داعي بعد الآن لتصغيرها عند فتح نافذة كتابة الطلب */
#marketSheet.mkq-on .profile-head .chat-close{width:35px;height:35px;border-radius:11px}
#marketSheet.mkq-on .profile-body{padding:17px 16px 26px}
/* بطاقة بيضاء موحّدة */
#mkViewReq .mkq-card{
background:var(--card);border-radius:18px;padding:8px 10px 10px;margin-bottom:16px;
box-shadow:0 2px 10px rgba(15,27,51,.05);
}
/* صف العنوان: الأيقونة (إن وُجدت) أقصى اليمين ثم النص */
#mkViewReq .mkq-ttl{display:flex;align-items:center;gap:9px;margin:2px 2px 7px}
#mkViewReq .mkq-card-b{padding:12px 10px 11px}
#mkViewReq .mkq-card-b .mkq-ttl{margin:0 2px 6px}
#mkViewReq .mkq-ttl-txt{flex:1;min-width:0;font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.35}
#mkViewReq .mkq-ttl-sm{font-size:14px;line-height:1.4}
#mkViewReq .mkq-badge{
flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--paper);
display:flex;align-items:center;justify-content:center;color:var(--ink);
}
#mkViewReq .mkq-badge .ic{opacity:1}
/* صندوق الإدخال (تفاصيل الطلب / السعر) */
#mkViewReq .mkq-box{
position:relative;background:#F8F9FD;border:1.5px solid #E4E8F1;border-radius:14px;
}
html[data-theme="dark"] #mkViewReq .mkq-box{background:#0F1830;border-color:var(--line)}
#mkViewReq .mkq-box textarea{
display:block;width:100%;height:76px;resize:none;border:0;background:transparent;color:var(--ink);
font-size:14px;line-height:1.7;padding:11px 11px 0;outline:none;
}
#mkViewReq .mkq-box textarea::placeholder{color:var(--muted);opacity:1}
#mkViewReq .mkq-box-foot{
display:flex;align-items:center;justify-content:space-between;padding:0 9px 9px;
}
#mkViewReq .mkq-count{font-size:12.5px;font-weight:600;color:var(--muted);line-height:1;padding-bottom:2px}
#mkViewReq .mkq-img{
--mkq-imgbg:#EAEDF5;
width:30px;height:30px;border-radius:10px;background:var(--mkq-imgbg);color:var(--ink);
display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;
-webkit-tap-highlight-color:transparent;
}
html[data-theme="dark"] #mkViewReq .mkq-img{--mkq-imgbg:#1B2440}
#mkViewReq .mkq-img:active{transform:scale(.94)}
#mkViewReq .mkq-img.busy{opacity:.55;pointer-events:none}
/* بعد إرفاق صورة بنجاح: الأيقونة تتحول أزرق كإشارة "تمت الإضافة"، دون أي نص داخل مربع الكتابة */
#mkViewReq .mkq-img.has-img{background:var(--blue);color:#fff}
/* حقل السعر: الرقم على اليمين ومربّع العملة على اليسار */
#mkViewReq .mkq-box-row{display:flex;align-items:center;gap:8px;padding:5px 11px 5px 6px;height:41px}
#mkViewReq .mkq-box-row input{
flex:1;min-width:0;border:0;background:transparent;color:var(--ink);outline:none;
font-size:14px;font-weight:700;text-align:right;padding:0;
}
#mkViewReq .mkq-box-row input::placeholder{color:var(--muted);font-weight:600;opacity:1}
#mkViewReq .mkq-box-row input::-webkit-outer-spin-button,
#mkViewReq .mkq-box-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#mkViewReq .mkq-box-row input[type=number]{-moz-appearance:textfield}
#mkViewReq .mkq-cur{
flex-shrink:0;background:#EAEDF2;border-radius:9px;padding:5px 10px;
font-size:13px;font-weight:700;color:#333A44;line-height:1.2;letter-spacing:.2px;
}
html[data-theme="dark"] #mkViewReq .mkq-cur{background:#1B2440;color:var(--ink-soft)}
/* بطاقة الموقع */
#mkViewReq .mkq-loc{padding:16px 10px;margin-bottom:21px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#mkViewReq .mkq-loc-row{display:flex;align-items:center;gap:9px;margin:0}
#mkViewReq .mkq-loc-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#mkViewReq .mkq-loc-main{font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.35;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mkViewReq .mkq-loc-sub{font-size:13px;font-weight:600;color:var(--muted);line-height:1.35;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mkViewReq .mkq-chev{
flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--paper);color:var(--ink);
display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent;
}
#mkViewReq .mkq-chev:active{transform:scale(.94)}
/* زر رجوع مخصّص أعلى صفحات "تعبئة تفاصيل الطلب" وصفحة "عروض المتجر" — أُضيف بعد توحيد
الترويسة (ServiceSwitcher) التي لم تعد تحمل عنواناً/سهم رجوع خاصاً بكل خطوة؛ العناصر
تُدفع للأسفل قليلاً بشكل طبيعي بوجوده (لا حاجة لتغيير أي حشوة — أصلاً يوجد فراغ كافٍ
أسفل الصفحة يستوعب ذلك) */
#mkViewReq .mk-req-back-row, #mkViewOffers .mk-req-back-row{text-align:left;margin:0 0 12px}
#mkViewReq .mk-req-back-btn, #mkViewOffers .mk-req-back-btn{
display:inline-flex;align-items:center;justify-content:center;
width:36px;height:36px;border-radius:50%;flex-shrink:0;
background:var(--paper);border:1px solid var(--line);color:var(--ink);
cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 4px rgba(15,27,51,.08);
}
#mkViewReq .mk-req-back-btn:active, #mkViewOffers .mk-req-back-btn:active{background:var(--line);transform:scale(.92)}
/* شريط التنبيه الأصفر */
#mkViewReq .mkq-alert{
display:flex;align-items:center;gap:9px;background:#FFF4E0;color:#7A5600;
border-radius:12px;padding:9px 12px;margin:0;font-size:13px;font-weight:700;line-height:1.45;
}
#mkViewReq .mkq-alert .mkq-alert-txt{flex:1;min-width:0;text-align:right}
#mkViewReq .mkq-alert b{font-weight:800}
/* الفاصل + أجرة السائق */
#mkViewReq .mkq-sep{height:1.5px;background:var(--line);margin:24px 0 0;border-radius:2px}
#mkViewReq .mkq-fare{
display:flex;align-items:center;gap:9px;padding:0 2px;margin:18px 0 0;
font-size:14px;font-weight:700;color:var(--ink);line-height:1.4;
}
#mkViewReq .mkq-fare .ic{color:var(--ink);flex-shrink:0}
#mkViewReq .mkq-fare-txt{flex:1;min-width:0;text-align:right}
#mkViewReq .mkq-fare b{font-weight:800;direction:ltr;unicode-bidi:bidi-override;display:inline-block}
/* زر الإرسال */
#mkViewReq .mkq-send{
margin-top:23px;height:47px;padding:0;border-radius:14px;background:var(--bg-strong-grad);color:#fff;
font-size:16px;font-weight:800;gap:9px;box-shadow:0 8px 20px rgba(14,23,48,.32);
}
#mkViewReq .mkq-send .ic{color:#fff}
/* ملاحظات سياق المتجر/العرض (تظهر فقط عند الطلب من متجر أو عرض — غير موجودة بمسار الأقسام) */
#mkViewReq .mk-req-note{margin-bottom:12px;border-radius:12px}
/* لوحة خيارات الموقع الكاملة داخل بطاقة الموقع */
#mkViewReq .mk-loc-advanced{margin-top:12px;padding-top:12px;cursor:default}
#mkViewReq .mk-warn{margin-top:14px}
/* اختيار مكان الشراء / مكان الاستلام — زوج أزرار (اترك للسائق / حدّده بنفسك) + سطر عرض النقطة المختارة */
.mk-loc-toggle{display:flex;gap:8px;margin-bottom:8px}
.mk-loc-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:11px;
border:1.5px solid var(--line);background:var(--paper);color:var(--ink-soft);font-weight:700;font-size:12px;
cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.35;text-align:center}
.mk-loc-opt.on{border-color:var(--tuk-yellow-dark);background:var(--tuk-yellow-tint,#FFF6DC);color:var(--ink);font-weight:800}
.mk-loc-picked{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--paper);
font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mk-loc-picked .ic{flex-shrink:0;color:var(--rider-blue,#2E6DB4)}
.mk-loc-picked span.mk-loc-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-loc-picked .mk-loc-chg{flex-shrink:0;color:var(--rider-blue,#2E6DB4);font-weight:800;font-size:11.5px}
.mk-loc-note{font-size:11px;color:var(--muted);font-weight:600;line-height:1.5;padding:0 2px;margin-top:2px}
/* قسم فرعي (شراء/استلام) داخل بطاقة الموقع المشتركة، وخط فاصل رفيع بينهما */
.mk-loc-divider{height:1px;background:var(--line);margin:12px 0}
/* ملخّص الموقع المبسّط بنموذج الطلب — سطر واحد مضغوط (GPS تلقائياً) بدل بطاقتي اختيار كاملتين،
مع زر "تغيير العنوان" الوحيد اللي بيكشف لوحة الخيارات الكاملة عند الحاجة فقط (إخفاء تعقيد افتراضياً) */
.mk-loc-summary-row{display:flex;align-items:center;gap:10px}
.mk-loc-summary-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mk-loc-summary-line{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--ink);overflow:hidden}
.mk-loc-summary-line .ic{flex-shrink:0;color:var(--rider-blue,#2E6DB4)}
.mk-loc-summary-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-loc-summary-line.sub{font-size:11.5px;font-weight:700;color:var(--muted)}
.mk-loc-summary-line.sub .ic{color:var(--muted)}
.mk-loc-chg-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;background:none;border:1.5px solid var(--line);
color:var(--rider-blue,#2E6DB4);font-weight:800;font-size:12px;padding:7px 11px;border-radius:99px;
cursor:pointer;-webkit-tap-highlight-color:transparent}
.mk-loc-advanced{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
/* ملخّص الطلب في شاشة التتبّع */
.mk-track-summary{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:12px 0;background:var(--card)}
.mk-track-summary .mk-ts-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--ink-soft);font-weight:600;padding:3px 0}
.mk-track-summary .mk-ts-row b{font-weight:800;color:var(--ink)}
.mk-track-summary .mk-ts-row.hold{color:#7A5600}
.mk-track-summary .mk-ts-row.hold b{color:#7A5600}
.mk-track-summary .mk-ts-row:first-child span{font-weight:800;color:var(--ink);font-size:14px}
.mk-track-summary .mk-ts-req{font-size:13.5px;color:var(--ink);line-height:1.7;white-space:pre-wrap;word-break:break-word;
padding:8px 0;margin-bottom:4px;border-bottom:1px dashed var(--line)}
/* بطاقة السائق: القسم + نص الطلب + تفصيل المبلغ النقدي */
.mk-oc-cat{font-size:12px;font-weight:800;color:var(--tuk-yellow-dark);margin-top:2px}
.mk-oc-req{font-size:13.5px;color:var(--ink);line-height:1.7;white-space:pre-wrap;word-break:break-word;margin-top:4px}
.mk-oc-breakdown{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);
font-size:12.5px;color:var(--ink-soft);font-weight:600}
.mk-oc-breakdown b{font-weight:800;color:var(--ink)}
.mk-warn{
margin-top:12px;padding:11px 12px;border-radius:12px;background:#FFF2CC;color:#9A6B00;
font-size:12.5px;font-weight:700;line-height:1.6;display:flex;gap:8px;align-items:flex-start;
}
/* تنبيه "رصيد غير كافٍ": خلفية حمراء شفافة + سطر واحد دائماً (بدل التنسيق الأصفر متعدد الأسطر) */
.mk-warn.mk-warn-danger{
background:rgba(224,72,72,.14);color:#B3261E;align-items:center;font-size:11.5px;
}
/* overflow-x:auto على span (عنصر inline) كان يُخرج علامة تمرير/تحديد صغيرة قرب آخر
حرف (النقطة) على بعض المتصفحات — نستبدلها بقصّ نظيف بلا أي علامة مرئية */
.mk-warn.mk-warn-danger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}
/* ── مراحل تتبّع الطلب (زبون) ── */
.mk-track-status{
text-align:center;padding:20px 10px;border-radius:16px;background:var(--card);border:1px solid var(--line);margin-bottom:16px;
}
.mk-track-status .mk-ts-ic{font-size:38px;line-height:1;margin-bottom:8px}
.mk-track-status .mk-ts-lbl{font-weight:800;font-size:var(--fs-md);color:var(--ink)}
.mk-track-status .mk-ts-sub{font-size:12.5px;color:var(--muted);margin-top:4px}
.mk-steps{display:flex;justify-content:space-between;margin-bottom:18px;padding:0 6px}
.mk-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}
.mk-step:not(:last-child)::after{
content:'';position:absolute;top:13px;inset-inline-start:50%;width:100%;height:3px;background:var(--line);
border-radius:2px;transition:background .25s ease;
}
.mk-step.link-done:not(:last-child)::after{background:var(--green,#1FA855)}
.mk-step .mk-step-dot{
width:26px;height:26px;border-radius:50%;background:var(--paper);border:2.5px solid var(--line);
display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-weight:800;z-index:1;
transition:all .25s ease;
}
.mk-step.done .mk-step-dot{background:var(--green,#1FA855);border-color:var(--green,#1FA855);color:#fff}
/* المرحلة الحالية: لون برتقالي مميّز + نبضة خفيفة مستمرة تلفت النظر لها فوراً وسط بقية المراحل */
.mk-step.active .mk-step-dot{background:var(--rider-orange,#F97316);border-color:var(--rider-orange,#F97316);color:#fff;
box-shadow:0 0 0 4px rgba(249,115,22,.18);animation:mkStepPulse 1.7s ease-in-out infinite}
@keyframes mkStepPulse{
0%,100%{box-shadow:0 0 0 4px rgba(249,115,22,.18)}
50%{box-shadow:0 0 0 7px rgba(249,115,22,.05)}
}
.mk-step .mk-step-lbl{font-size:10px;font-weight:700;color:var(--muted);text-align:center}
.mk-step.done .mk-step-lbl{color:var(--ink)}
.mk-step.active .mk-step-lbl{color:var(--rider-orange,#F97316);font-weight:800}
/* شريط نافذة التراجع/الإلغاء — صغير وأنيق، لا يسيطر على الشاشة */
.mk-recall{margin-top:10px;background:#FFF6E9;border:1px solid #F3D8AE;border-radius:9px;padding:9px 11px}
html[data-theme="dark"] .mk-recall{background:#241C0E;border-color:#4A3A18}
.mk-recall-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mk-recall-lbl{font-size:11.5px;font-weight:700;color:#9A6B00}
html[data-theme="dark"] .mk-recall-lbl{color:#E0B667}
.mk-recall-timer{font-size:16px;font-weight:800;color:#9A5B00;font-variant-numeric:tabular-nums;letter-spacing:.5px}
html[data-theme="dark"] .mk-recall-timer{color:#F0C070}
.mk-recall-btn{margin-top:8px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;
background:#fff;border:1.5px solid #F1B3B3;color:#B02525;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:800;cursor:pointer}
.mk-recall-btn:active{opacity:.8}
html[data-theme="dark"] .mk-recall-btn{background:#2A1414;border-color:#5A2A2A;color:#FF9B9B}
.badge.pay{background:#FDE7C9;color:#9A5B00}
html[data-theme="dark"] .badge.pay{background:#3A2A12;color:#F0C070}
/* تبويب "الحالية / أرشيف الطلبات" أعلى لوحة السائق */
.mk-arch-tabs{display:flex;gap:6px;margin-bottom:12px;background:var(--paper,#F1F4F9);border-radius:9px;padding:4px}
html[data-theme="dark"] .mk-arch-tabs{background:#141B2E}
.mk-arch-tab{flex:1;border:0;background:transparent;color:var(--muted);font-size:12.5px;font-weight:800;padding:7px 6px;border-radius:7px;cursor:pointer}
.mk-arch-tab.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
html[data-theme="dark"] .mk-arch-tab.on{background:#22304F;color:#fff;box-shadow:none}
.mk-arch-row{display:flex;align-items:center;gap:10px;background:var(--card,#fff);border:1px solid var(--line,#E6EAF2);border-radius:9px;padding:10px;margin-bottom:8px}
html[data-theme="dark"] .mk-arch-row{background:#161E33;border-color:#26314F}
.mk-arch-row .mk-arch-ic{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.mk-arch-row .mk-arch-ic img,.mk-arch-row .mk-arch-ic svg{width:34px;height:34px;object-fit:contain;border-radius:8px}
.mk-arch-row .mk-arch-body{flex:1;min-width:0}
.mk-arch-row .mk-arch-title{font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-arch-row .mk-arch-meta{font-size:11px;color:var(--muted);margin-top:2px}
/* سطر زبون نحيف — بديل مختصر للبطاقة الكاملة بمراحل التوصيل/الدفع (بلا تكرار) */
.mk-slim{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px;font-weight:700;color:var(--ink);margin:2px 0 10px}
.mk-slim span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.mk-slim span svg{opacity:.7;flex-shrink:0}
/* كتلة المبلغ الموحّدة — كل الأرقام في مكان واحد بلا تكرار */
.mk-money{border:1px solid var(--line);border-radius:12px;padding:4px 12px;margin-bottom:12px;background:var(--card)}
.mk-money-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;color:var(--muted);font-weight:600;padding:7px 0;border-top:1px dashed var(--line)}
.mk-money-row:first-child{border-top:none}
.mk-money-row b{font-weight:800;color:var(--ink);font-size:13px}
.mk-money-row.big span{color:var(--ink);font-weight:800}
.mk-money-row.big b{color:var(--green,#1FA855);font-size:15px}
/* سطر أجرة/عمولة داخل صف الأرشيف */
.mk-arch-fee{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:4px;font-size:11px;color:var(--muted);font-weight:700}
.mk-arch-fee b{color:var(--ink);font-weight:800}
.mk-arch-fee .net b{color:var(--green,#1FA855)}
/* الوقت المتوقّع للاستلام (المرحلة الأخيرة، جانب الزبون) */
.mk-eta-note{display:flex;align-items:center;gap:8px;background:#EAF4FF;border:1px solid #CFE4FA;border-radius:10px;
padding:9px 12px;margin:10px 0;font-size:12.5px;font-weight:700;color:#1D4E86}
html[data-theme="dark"] .mk-eta-note{background:#13233A;border-color:#244669;color:#8FC0F0}
.mk-eta-note b{font-weight:800}
.mk-eta-note svg{opacity:.8;flex-shrink:0}
/* زر «تأخّر السائق في توصيل الطلب» — يظهر بعد مرور ساعة */
.mk-late-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:10px 0;
background:#fff;border:1.5px solid #F1B3B3;color:#B02525;border-radius:10px;padding:11px;font-size:13.5px;font-weight:800;cursor:pointer}
.mk-late-btn:active{opacity:.8}
html[data-theme="dark"] .mk-late-btn{background:#2A1414;border-color:#5A2A2A;color:#FF9B9B}
.mk-order-card{
background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:10px;
}
.mk-order-card .mk-oc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.mk-order-card .mk-oc-name{font-weight:800;font-size:var(--fs-sm)}
.mk-order-card .mk-oc-total{font-weight:800;color:var(--rider-orange,#F97316);font-size:var(--fs-sm)}
.mk-order-card .mk-oc-items{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:10px}
.mk-order-card .mk-oc-fee{
display:inline-flex;align-items:center;gap:5px;background:#E9F7EE;color:var(--green,#1FA855);
font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:99px;margin-bottom:10px;
}
/* خريطة صغيرة داخل بطاقة طلب السوق — تُظهر مكان الشراء (دبّوس برتقالي) ومكان التسليم (دبّوس أحمر)
مع خط المسار بينهما، كي يقدّر السائق المسافة قبل القبول وأثناء التنفيذ بدون فتح خريطة منفصلة */
.mk-order-map{
width:100%;height:150px;border-radius:12px;overflow:hidden;border:1px solid var(--line);
background:var(--paper);position:relative;margin:8px 0 10px;
}
.mk-order-map.sm{height:110px}
.mk-order-map.lg{height:195px}
.mk-order-map .leaflet-control-attribution{font-size:8px !important}
.mk-order-map .mk-map-fallback{
position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
color:var(--muted);font-size:11.5px;font-weight:700;text-align:center;padding:12px;
}
/* Mini Order Row — سطر مصغّر لكل طلب سوق بالقائمة الموحّدة (نشط عندي "قيد التنفيذ" أو معلّق
متاح للقبول "طلب جديد"): أيقونة PNG حقيقية لنوع الطلب + اسمه + رقم تسلسلي (لطلباتي المقبولة
فقط) + حالته + مسافته عن موقعي الحيّ. النقر على السطر بالكامل هو ما يفتح تفاصيل هذا الطلب. */
.mk-mini-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.mk-mini-card{
display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);
border-radius:15px;padding:10px 12px;cursor:pointer;transition:background .15s;
}
.mk-mini-card:active{background:var(--paper)}
/* الطلبات المقبولة من هذا السائق (قيد التنفيذ) تُميَّز بإطار أزرق خفيف — تلفت النظر لكونها
دائماً بأعلى القائمة ومرتبطة به، بلا تغيير جوهري بالتصميم العام للبطاقة */
.mk-mini-card.is-mine{border-color:#C7D7F7;background:linear-gradient(0deg,rgba(37,99,235,.035),rgba(37,99,235,.035)),var(--card)}
.mk-mini-ic{
position:relative;width:46px;height:46px;border-radius:13px;background:var(--paper);
display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;
}
.mk-mini-ic img{width:29px;height:29px;object-fit:contain;display:block}
.mk-mini-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.mk-mini-title-row{display:flex;align-items:center;gap:6px;min-width:0}
/* الرقم التسلسلي لطلبات السائق المقبولة فقط (1، 2، 3...) — تعداد ترتيب قبولها، وليس Order ID */
.mk-mini-num{
flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;
font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;
}
.mk-mini-title{font-weight:800;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-mini-badge{align-self:flex-start;padding:2.5px 9px;font-size:10.5px}
.mk-mini-dist{flex-shrink:0;text-align:center;min-width:44px}
.mk-mini-dist-val{display:block;font-weight:800;font-size:12.5px;color:var(--ink);white-space:nowrap}
.mk-mini-dist-lbl{display:block;font-size:9.5px;color:var(--muted);font-weight:700;margin-top:1px;white-space:nowrap}
.mk-mini-arrow{display:inline-flex;align-items:center;color:var(--muted);flex-shrink:0}
/* زر ثانوي خفيف (إغلاق/تجاهل) — أقل قوة بصرياً من btn-primary/btn-green/btn-dark عمداً */
.btn-outline{background:var(--card);color:var(--muted);border:1.5px solid var(--line) !important}
.btn-outline:active{background:var(--paper)}
/* ── شاشة "تفاصيل الطلب" قبل القبول (Screen 1) — بطاقة تفصيلية كاملة تحاكي المرجع البصري ── */
.mk-detail-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px}
.mk-detail-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.mk-detail-ic{width:52px;height:52px;border-radius:14px;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:26px;line-height:1}
.mk-detail-ic img{width:38px;height:38px;object-fit:contain;display:block}
.mk-detail-title{font-size:14px;font-weight:800;color:var(--ink)}
.mk-detail-price{font-size:17px;font-weight:800;color:var(--green,#1FA855);margin-top:2px}
.mk-detail-rows{display:flex;flex-direction:column}
.mk-detail-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px dashed var(--line)}
.mk-detail-row:first-child{border-top:none;padding-top:0}
.mk-detail-row .mk-dr-ic{width:20px;flex-shrink:0;display:flex;justify-content:center;color:var(--muted);margin-top:1px}
.mk-detail-row .mk-dr-body{flex:1;min-width:0}
.mk-detail-row .mk-dr-label{font-size:11px;color:var(--muted);font-weight:700}
.mk-detail-row .mk-dr-value{font-size:13.5px;color:var(--ink);font-weight:800;line-height:1.55;word-break:break-word}
.mk-detail-row.note .mk-dr-value{font-weight:600;color:var(--ink-soft);white-space:pre-wrap}
/* ── شاشة السائق المخصّصة لطلبات تعبئة جرّة الغاز (4 مراحل فقط) ── */
/* شريط "المسافة/الوصول" الاحترافي أسفل خريطة طلبات الغاز — قسمان مفصولان بخط عمودي بدل سطر نص بسيط */
.mk-gas-eta{margin-bottom:10px}
.mk-eta-bar{display:flex;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 6px}
.mk-eta-seg{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.mk-eta-seg .mk-eta-ic{color:var(--ink-soft);display:flex;flex-shrink:0}
.mk-eta-seg .mk-eta-txt{display:flex;align-items:baseline;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-eta-seg .mk-eta-lbl{font-size:10.5px;color:var(--muted);font-weight:700}
.mk-eta-seg .mk-eta-val{font-size:12.5px;color:var(--ink);font-weight:800}
.mk-eta-sep{width:1px;height:18px;background:var(--line);flex-shrink:0}
/* بطاقة حالة مضغوطة (بلا أيقونة كبيرة) — تُستخدم بمكان يجب فيه توفير أقصى مساحة عامودية ممكنة */
.mk-track-status.mk-ts-compact{padding:11px 12px;margin-bottom:10px;text-align:start}
.mk-track-status.mk-ts-compact .mk-ts-lbl{font-size:13.5px}
.mk-track-status.mk-ts-compact .mk-ts-sub{margin-top:3px}
.mk-delivered-card{text-align:center;padding:26px 14px;border-radius:16px;background:#E9F7EE;border:1px solid #BFE8CE;margin-bottom:14px}
.mk-delivered-card .mk-ts-ic{font-size:48px;line-height:1;margin-bottom:8px}
.mk-delivered-card .mk-ts-lbl{font-weight:800;font-size:var(--fs-md);color:var(--green,#1FA855)}
.mk-delivered-summary{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:14px;background:var(--card)}
.mk-delivered-summary .mk-ts-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--ink-soft);font-weight:600;padding:5px 0;border-top:1px dashed var(--line)}
.mk-delivered-summary .mk-ts-row:first-child{border-top:none}
.mk-delivered-summary .mk-ts-row b{font-weight:800;color:var(--ink)}
.pay-methods button.wallet{border-color:var(--green);color:var(--green);background:linear-gradient(170deg,#F2FBF6,var(--card))}
.pay-methods button.cash{border-color:var(--tuk-yellow-dark);background:linear-gradient(170deg,#FFFBEE,var(--card))}
html[data-theme="dark"] .pay-methods button.wallet{background:#12251C}
html[data-theme="dark"] .pay-methods button.cash{background:#2A2410}
/* ═══════ بطاقة المحفظة (البروفايل) ═══════ */
.wallet-card{
position:relative;overflow:hidden;border-radius:22px;padding:18px;color:#fff;
background:linear-gradient(135deg,#2A5FE0 0%,#16244A 55%,#0E1730 100%);
box-shadow:0 14px 36px rgba(14,23,48,.42), inset 0 1px 0 rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.08);
}
.wallet-card::after{
content:'';position:absolute;top:-46px;left:-46px;width:150px;height:150px;
border-radius:50%;background:rgba(255,197,49,.14);
}
.wc-top{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--fs-base);color:var(--tuk-yellow)}
.wc-balance{font-family:var(--font-display);font-size:30px;font-weight:700;margin-top:8px;position:relative}
.wc-usd{font-size:var(--fs-xs);color:rgba(255,255,255,.65);font-weight:400}
.wc-debt{font-size:var(--fs-xs);color:#FFD37A;font-weight:600;margin-top:7px;line-height:1.7;position:relative}
.wc-topup-lbl{display:flex;align-items:center;gap:7px;font-weight:800;font-size:var(--fs-md);color:var(--ink);margin:2px 2px 10px;color:var(--tuk-yellow-dark)}
/* ═══════ نافذة الإدارة المصغّرة ═══════ */
#supportSheet{
left:12px;right:12px;bottom:14px;top:auto;margin:0 auto;
width:min(92vw,360px);height:430px;max-height:70vh;border-radius:20px;
}
#supportSheet .chat-head{padding:11px 13px}
/* ═══════ شريط طلب تثبيت التطبيق ═══════ */
.pwa-bar{position:fixed;left:12px;right:12px;bottom:14px;z-index:2900;display:none}
.pwa-bar.on{display:block;animation:mup .3s ease}
.pwa-inner{
background:var(--bg-strong);color:#fff;border-radius:16px;padding:12px 14px;
display:flex;gap:11px;align-items:center;box-shadow:0 12px 34px rgba(0,0,0,.45);
border:1.5px solid rgba(255,197,49,.55);
}
.pwa-inner img{width:46px;height:46px;object-fit:contain;clip-path:circle(40%);flex-shrink:0}
.pwa-inner .pt{flex:1;font-size:var(--fs-xs);line-height:1.7;min-width:0}
.pwa-inner .pt b{font-size:var(--fs-sm)}
.pwa-inner .btn{width:auto;padding:9px 15px;font-size:var(--fs-sm);flex-shrink:0}
.pwa-x{
flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;
background:rgba(255,255,255,.12);color:#fff;font-size:14px;line-height:1;
display:flex;align-items:center;justify-content:center;padding:0;
}
.pwa-x:hover{background:rgba(255,255,255,.22)}
/* ═══════ الوضع الداكن ═══════ */
html[data-theme="dark"]{
--paper:#0B1222; --card:#151E38; --line:#28324E; --muted:#93A0B8;
--ink:#E9EEF7; --ink-soft:#C7D2E8;
--shadow:0 2px 6px rgba(0,0,0,.3), 0 10px 28px rgba(0,0,0,.45);
--shadow-lift:0 4px 10px rgba(0,0,0,.35), 0 18px 44px rgba(0,0,0,.55);
}
html[data-theme="dark"] .pt-card.act{background:#1E1A0E !important}
html[data-theme="dark"] .pay-box{background:linear-gradient(180deg,#12251C,#151E38) !important}
html[data-theme="dark"] .tabs,html[data-theme="dark"] .mode-toggle{box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .chat-input input{background:#0F1830;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .field input:focus,
html[data-theme="dark"] .field textarea:focus{background:#121C36}
html[data-theme="dark"] .field select{background-image:url("data:image/svg+xml;utf8,")}
html[data-theme="dark"] .chat-msgs{background:#0F1830}
html[data-theme="dark"] .msg.theirs{background:#1D2946;border-color:#2E3A5C}
html[data-theme="dark"] .fare-line{background:#2A2410;border-color:#8A6D00}
html[data-theme="dark"] .fare-line .fl{color:#E8C86A}
html[data-theme="dark"] .bcast{background:#2A2410;border-color:#8A6D00}
html[data-theme="dark"] .bcast .btx b{color:#E8C86A}
html[data-theme="dark"] .loc-line .set{background:#0F1830;color:var(--ink)}
html[data-theme="dark"] .role-pick button{background:#0F1830;color:var(--ink)}
html[data-theme="dark"] .role-pick button.on{background:#2A2410}
html[data-theme="dark"] .ride-status[style]{background:#1E1A0E !important}
html[data-theme="dark"] .lm-list button{background:#0F1830;color:var(--ink)}
html[data-theme="dark"] .chat-quick button{background:#14213F;color:#9DB8F0}
html[data-theme="dark"] .rq-actions .btn.view{background:#0F1830;color:var(--ink)}
html[data-theme="dark"] .radius-btn{background:#0F1830;color:var(--ink)}
html[data-theme="dark"] .radius-val{background:#14213F}
html[data-theme="dark"] .wmDriverName, html[data-theme="dark"] .field input:disabled{background:#0B1220;color:var(--muted)}
html[data-theme="dark"] .empty-note .ei{color:#3A4664}
/* ═══════ صفحة الملف الشخصي ═══════ */
.profile-sheet{
position:fixed;inset:0;z-index:2700;background:var(--paper);
transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.9,.3,1);
display:flex;flex-direction:column;
border-radius:20px 20px 0 0;overflow:hidden;
}
.profile-sheet.on:not(#marketSheet){transform:translateY(0) !important}
/* شاشة الملف الشخصي: نفس مشكلة walletSheet بالضبط — الشاشة تلامس أعلى الفيوبورت فعلياً
(inset:0) فتدوير الزوايا العلوية يكشف فراغاً أبيض خلف القوس على جهتي الشاشة. نجعلها قائمة */
#profileSheet{border-radius:0}
/* شاشة المحفظة/الشحن: الترويسة داكنة، فالزوايا المستديرة كانت تكشف خلفية بيضاء خلفها — نجعلها قائمة لتلتحم الترويسة بالزوايا */
#walletSheet{border-radius:0}
/* شاشة "الدعوات": نفس مشكلة walletSheet بالضبط — الشاشة تلامس أعلى الفيوبورت فعلياً فتدوير
الزوايا العلوية يكشف خلفية بيضاء خلف القوس (زاويتا الترويسة الخضراء). نجعلها قائمة كذلك */
#referralSheet{border-radius:0}
/* --- صفحة "اطلب من السوق": ظهور فوري بلا أي تأثير حركي (لا انبثاق ولا تكبير مؤقت) —
كانت سابقاً "تنبثق" من أيقونة العربة بتكبير مبالغ لحظي (scale 1.035) قبل استقرارها،
ما بدا وكأن عناصر الصفحة تكبر لجزء من الثانية ثم تعود لحجمها الطبيعي؛ أُلغي ذلك تماماً */
#marketSheet{transform:none;opacity:0;transition:none;animation:none}
/* وهي مغلقة تبقى غير قابلة للمس رغم بقائها بالـ DOM (كي لا تحجب أزرار الرأس تحتها) */
#marketSheet:not(.on){pointer-events:none}
#marketSheet.on{opacity:1}
.profile-head{
background:var(--bg-strong-grad);color:#fff;padding:13px 16px;display:flex;
align-items:center;gap:10px;flex-shrink:0;box-shadow:0 2px 14px rgba(0,0,0,.25);
border-bottom:2px solid rgba(255,197,49,.5);
}
.profile-head b{flex:1;font-size:var(--fs-lg)}
.profile-body{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}
/* طلبات السوق (سائق) — خط Cairo عربي أنيق بدل الخط الافتراضي (Rubik لا يدعم العربية أصلاً، فكانت
تظهر بخط النظام الاحتياطي الباهت) على كامل الشاشة: القائمة، تفاصيل الطلب، والتتبّع النشط */
/* نفس مشكلة الزوايا البيضاء أعلاه — هذه الشاشة أيضاً تلامس أعلى الفيوبورت مباشرة */
#marketDriverSheet{font-family:var(--font-cairo);border-radius:0}
/* رأس شاشة "اطلب من السوق": حواف سفلية دائرية + وزن أوضح للعنوان */
#marketSheet{border-radius:0;font-family:var(--font-cairo)} /* الشاشة تلامس أعلى الفيوبورت فعلياً — أي تدوير للزوايا العلوية يترك فراغات بيضاء خلف القوس */
/* الترويسة الآن .topbar موحّدة (ServiceSwitcher + صورة/اسم المستخدم) بدل .profile-head + عنوان متغيّر */
#marketSheet .topbar{border-radius:0;position:relative}
/* ═══════════════════════════════════════════════════════════════════
صفحة الملف الشخصي (pf2) — مطابقة للمرجع النهائي. كل القواعد مقيّدة بـ #profileSheet
حتى لا تتأثر بقية التطبيق. الأسطح: زوايا ناعمة محدودة (لا Pill ولا دوائر) عدا الصور.
═══════════════════════════════════════════════════════════════════ */
#profileSheet.pf2{
--pf-avatar:72px; /* قطر صورة المستخدم (بما فيه الإطار الأبيض) */
--pf-blue:#1770EE;
--pf-edge:#BDCCE7; /* حدّ زر السهم */
--pf-sub:#7A86A4;
--pf-slate:#6B7599;
background:linear-gradient(180deg,#F3F8FE 0%,#E9F1FC 100%);
font-family:var(--font-cairo);
}
/* تأثير "الأمواج الحريرية" في خلفية الصفحة — طبقات متعددة ناعمة الحواف بدل خطوط SVG حادة،
لمحاكاة نفس اللمعان المتدرج الموجود في التصميم المرجعي */
/* ملاحظة مهمة: هذه الطبقة يجب أن تبقى داخل حدود الصفحة تماماً (inset:0) بلا أي فلتر
(filter:blur) وبلا أي هامش سالب يتجاوز الحواف. سابقاً كانت الطبقة أكبر من الصفحة بـ60px
من كل جهة مع filter:blur لتنعيم الحواف، لكن هذا يخلق طبقة GPU منفصلة (compositing layer)
لا تنقص بدقة مع تدوير زوايا العنصر الأب (border-radius+overflow:hidden) على بعض الأجهزة
الحقيقية (خصوصاً Android/Chrome) — وهذا ما كان يسبب فراغاً أبيض دقيقاً بالضبط عند الزاوية
المدورة رغم ظهور النتيجة سليمة تماماً بمعاينات سطح المكتب. الحل: الاعتماد فقط على التلاشي
التدريجي الطبيعي للتدرجات نفسها (بإضافة وقفة لونية وسطى) بدل فلتر ضبابي، مع إبقاء الطبقة
بحجم العنصر تماماً — بذلك تُقصّ بشكل طبيعي وسليم 100% مع الزوايا المدورة على كل الأجهزة */
#profileSheet.pf2::before{
content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(240px 190px at left 100px top 70px, rgba(255,255,255,.70) 0%, rgba(255,255,255,.26) 45%, transparent 78%),
radial-gradient(280px 210px at left 244px top 50px, rgba(191,219,254,.58) 0%, rgba(191,219,254,.20) 45%, transparent 76%),
radial-gradient(300px 240px at right 60px top 60px, rgba(59,130,246,.32) 0%, rgba(59,130,246,.11) 45%, transparent 78%),
radial-gradient(300px 220px at left 300px top 180px, rgba(147,197,253,.20) 0%, rgba(147,197,253,.07) 45%, transparent 78%);
}
html[data-theme="dark"] #profileSheet.pf2{
--pf-blue:#8DB8FF;--pf-edge:#3A4668;--pf-sub:var(--muted);--pf-slate:#93A0B8;
background:linear-gradient(180deg,#0B1222 0%,#0E1730 100%);
}
html[data-theme="dark"] #profileSheet.pf2::before{
background:
radial-gradient(240px 190px at left 100px top 70px, rgba(93,159,255,.26) 0%, rgba(93,159,255,.09) 45%, transparent 78%),
radial-gradient(280px 210px at left 244px top 50px, rgba(59,130,246,.22) 0%, rgba(59,130,246,.08) 45%, transparent 76%),
radial-gradient(300px 240px at right 60px top 60px, rgba(29,99,214,.36) 0%, rgba(29,99,214,.13) 45%, transparent 78%),
radial-gradient(300px 220px at left 300px top 180px, rgba(59,130,246,.14) 0%, rgba(59,130,246,.05) 45%, transparent 78%);
}
#profileSheet.pf2>*{position:relative;z-index:1}
#profileSheet.pf2 button,#profileSheet.pf2 input{font-family:inherit}
/* شريط الرجوع: زر Back فقط (بدون تسجيل خروج) — كبسولة بيضاء شبه-شفافة مع نص "رجوع" */
#profileSheet .pf2-topbar{position:absolute;top:16px;inset-inline-end:20px;z-index:3;display:flex;gap:4px;padding:0}
#profileSheet .pf2-back{
width:auto;height:34px;padding:0 15px 0 10px;border-radius:999px;gap:5px;
background:rgba(255,255,255,.78);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;
flex-shrink:0;-webkit-tap-highlight-color:transparent;font-weight:700;font-size:13px;
box-shadow:0 3px 10px rgba(15,27,51,.10);border:1px solid rgba(255,255,255,.6);
}
#profileSheet .pf2-back svg{stroke-width:2}
#profileSheet .pf2-back-inner{display:inline-flex;align-items:center;gap:5px;transform:translateY(-2px)}
#profileSheet .pf2-back-ic{display:inline-flex;transform:scaleX(-1)}
#profileSheet .pf2-back:active{background:rgba(255,255,255,.95)}
html[data-theme="dark"] #profileSheet .pf2-back{background:rgba(255,255,255,.07);color:var(--ink);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] #profileSheet .pf2-back:active{background:rgba(255,255,255,.13)}
/* لوحة الإعدادات: نفس بطاقات pf2-item، مع عنوان صغير أعلاها */
#profileSheet .pf2-settings-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--ink);margin:0 2px 14px;padding-inline-start:14px}
#profileSheet .pf2-body{padding:34px 18px 28px}
/* ── الهيدر: صورة (يمين) ← اسم + شارة ← زر مستخدم + سهم ── */
#profileSheet .pf2-user{display:flex;flex-direction:column;margin-bottom:20px}
#profileSheet .pf2-user-row{display:flex;align-items:flex-start;gap:7px;width:100%;padding-inline-start:14px}
#profileSheet .pf2-avatar-wrap{position:relative;flex-shrink:0;width:var(--pf-avatar);height:var(--pf-avatar);margin-inline-start:-4px}
/* شادو أزرق خفيف خلف الصورة فقط — بلا حلقة محيطة */
#profileSheet .pf2-avatar-wrap::before{
content:'';position:absolute;inset:-16px;border-radius:50%;z-index:0;pointer-events:none;
background:radial-gradient(circle,rgba(23,112,238,.30) 0%,rgba(59,130,246,.12) 50%,rgba(23,112,238,0) 74%);
}
html[data-theme="dark"] #profileSheet .pf2-avatar-wrap::before{
background:radial-gradient(circle,rgba(93,159,255,.34) 0%,rgba(59,130,246,.14) 50%,rgba(23,112,238,0) 74%);
}
#profileSheet .pf-avatar{
position:relative;z-index:1;
width:100%;height:100%;border-radius:50%;overflow:hidden;
border:3.5px solid var(--card);background:var(--card);
display:flex;align-items:center;justify-content:center;
box-shadow:0 6px 18px rgba(15,27,51,.13);
}
#profileSheet .pf-avatar img,#profileSheet .pf-avatar svg{width:100%;height:100%;object-fit:cover}
#profileSheet .pf2-cam-btn{
position:absolute;bottom:-4px;inset-inline-start:3px;width:26px;height:26px;border-radius:50%;
background:#1B78F5;color:#fff;border:2.5px solid var(--card);z-index:2;
display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(27,120,245,.4);
}
#profileSheet .pf2-user-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:right;margin-top:15.5px}
#profileSheet .pf2-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-weight:800;font-size:19.5px;color:var(--ink);max-width:100%;line-height:1.35;padding-inline-start:5.5px}
#profileSheet .pf2-name-row #pfName{min-width:0;overflow-wrap:break-word}
#profileSheet #pfKycInline{display:inline-flex;align-items:center}
#profileSheet .pf2-role-wrap{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:11px}
#profileSheet .pf2-pill-row{display:flex;align-items:center;gap:8px}
/* زر "مستخدم": مستطيل بزوايا ناعمة محدودة (ليس Pill) بلون هادئ */
#profileSheet .pf2-pill{
display:flex;align-items:center;gap:6px;height:33px;padding:0 10px;
background:#E4EFFC;border:1px solid #BFD9F7;color:var(--pf-blue);
border-radius:10px;font-weight:600;font-size:13.5px;line-height:1;
}
/* زر السهم (تبديل الدور): شفاف، الحدّ فقط ظاهر، مربع بزوايا خفيفة (ليس دائرة) */
#profileSheet .pf2-pill-chev{
width:32px;height:32px;border-radius:9px;background:transparent;color:#17264A;
border:1.5px solid var(--pf-edge);box-shadow:none;
display:flex;align-items:center;justify-content:center;
}
html[data-theme="dark"] #profileSheet .pf2-pill{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.38)}
html[data-theme="dark"] #profileSheet .pf2-pill-chev{color:var(--ink-soft)}
#profileSheet .pf2-pop{display:none;width:100%;max-width:360px;margin-top:12px;background:var(--card);border:1px solid var(--line);
border-radius:12px;padding:4px 14px;box-shadow:var(--shadow);text-align:right}
#profileSheet .pf2-pop.open{display:block}
#profileSheet .pf2-lang-wrap .pf2-pop{margin:-6px 0 18px;max-width:none;text-align:center}
#profileSheet #rolePickerPop{max-width:none}
/* ── بطاقة الرصيد: بطاقة كحلية داكنة فاخرة ثابتة اللون — [محفظة+نص (يمين)] [زر شحن (يسار)]
حالة الدَّين (سالب) لا تُغيّر لون البطاقة بعد الآن، بل تُظهر شارة تحذير صغيرة تحت المبلغ
كي لا تضيع الدلالة المالية المهمة (أن على المستخدم ديناً) وسط لون واحد ثابت ── */
#profileSheet .pf2-balance{
--b-ink:#F6C453;--b-lbl:rgba(255,255,255,.8);
width:100%;min-height:100px;display:flex;flex-direction:row-reverse;align-items:center;gap:10px;
position:relative;overflow:hidden;
padding:16px 16px;margin-bottom:19px;
background:linear-gradient(135deg,#0F3866 0%,#0A2C52 55%,#081F3C 100%);
border:1px solid rgba(255,255,255,.08);border-radius:26px;
box-shadow:0 14px 32px rgba(8,20,42,.28);
}
#profileSheet .pf2-balance::before{
content:'';position:absolute;inset-inline-start:-42px;top:-42px;width:150px;height:150px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%);pointer-events:none;
}
#profileSheet .pf2-balance::after{
content:'';position:absolute;inset-inline-end:-32px;bottom:-52px;width:130px;height:130px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);pointer-events:none;
}
#profileSheet .pf2-bal-main{
flex:1;min-width:0;display:flex;flex-direction:row-reverse;align-items:center;gap:12px;background:none;text-align:start;
padding:0;color:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative;z-index:1;
margin-inline-end:10px;
}
#profileSheet .pf2-bal-main:active{opacity:.85}
/* أيقونة المحفظة = ملف PNG المرفق كما هو، داخل مربّع كحلي فاتح قليلاً */
#profileSheet .pf2-bal-ic{
flex-shrink:0;width:54px;height:54px;border-radius:16px;padding:3px;box-sizing:border-box;
display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);
}
#profileSheet .pf2-bal-ic img{width:100%;height:100%;object-fit:contain;display:block}
#profileSheet .pf2-bal-txt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-width:0}
#profileSheet .pf2-bal-lbl{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--b-lbl);align-self:stretch}
#profileSheet .pf2-bal-lbl-txt{flex-shrink:0}
#profileSheet .pf2-bal-eye{display:inline-flex;align-items:center;justify-content:center;color:var(--b-lbl);opacity:.85;background:none;border:0;padding:2px;-webkit-tap-highlight-color:transparent}
#profileSheet .pf2-bal-eye:active{opacity:.6}
/* LBP و USD بجانب بعض بفاصل رأسي خفيف؛ الالتفاف فقط عند ضيق المساحة */
#profileSheet .pf2-bal-row{display:flex;direction:ltr;align-items:baseline;flex-wrap:nowrap;column-gap:9px;row-gap:0;max-width:100%}
#profileSheet .pf2-bal-amt{font-size:22.5px;font-weight:800;line-height:1.3;color:var(--b-ink);white-space:nowrap;direction:ltr;unicode-bidi:isolate}
#profileSheet .pf2-bal-div{width:1px;height:13px;background:rgba(255,255,255,.25);flex-shrink:0}
#profileSheet .pf-balance-usd{font-size:12.5px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.75);white-space:nowrap;direction:ltr;unicode-bidi:isolate}
/* شارة "عليك دين" — تظهر فقط عندما تكون الحالة سالبة (data-state="neg") */
#profileSheet .pf2-bal-debt{
display:none;align-items:center;gap:5px;margin-top:1px;font-size:10.5px;font-weight:700;
color:#FFD3D3;background:rgba(224,72,72,.24);border:1px solid rgba(255,130,130,.4);
border-radius:999px;padding:3px 9px;width:fit-content;max-width:100%;
}
#profileSheet .pf2-balance[data-state="neg"] .pf2-bal-debt{display:inline-flex}
/* حيّز فارغ بعرض زر الإيداع القديم (المحذوف) — يحافظ على موقع الرصيد كما كان تماماً */
#profileSheet .pf2-bal-spacer{flex-shrink:0;width:40px}
/* ── البطاقات الثلاث: كلمة مرور احتياطية / الوضع الداكن / اللغة ── */
#profileSheet .pf2-item{
display:flex;align-items:center;gap:12px;width:100%;min-height:73px;padding:15px 11px 15px 9px;margin-bottom:18px;
background:var(--card);border:0;border-radius:14px;
box-shadow:0 1px 2px rgba(31,64,140,.04),0 8px 22px rgba(31,64,140,.07);
text-align:right;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
#profileSheet .pf2-item:active{transform:scale(.99)}
#profileSheet .pf2-item-ic{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
#profileSheet .pf2-item-ic.blue{background:#E4EEFC;color:#1677F2}
#profileSheet .pf2-item-ic.purple{background:#EEE7FC;color:#9A47F0}
#profileSheet .pf2-item-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#profileSheet .pf2-item-txt b{font-size:14px;font-weight:800;color:var(--ink);line-height:1.5}
#profileSheet .pf2-item-txt span{font-size:12.5px;color:var(--pf-sub);font-weight:500;line-height:1.5}
#pfPwState.on{color:var(--green)}
#profileSheet .pf2-chev{color:var(--pf-slate);flex-shrink:0;display:flex}
#profileSheet .pf2-chev svg{stroke-width:1.9}
html[data-theme="dark"] #profileSheet .pf2-item{box-shadow:none;border:1px solid var(--line)}
html[data-theme="dark"] #profileSheet .pf2-item-ic.blue{background:rgba(59,130,246,.18)}
html[data-theme="dark"] #profileSheet .pf2-item-ic.purple{background:rgba(139,92,246,.22)}
/* بطاقات: الخصوصية والشروط (أخضر) · طلب حذف الحساب (أحمر) */
#profileSheet .pf2-item-ic.green{background:#E1F5EA;color:#159A57}
#profileSheet .pf2-item-ic.red{background:#FCE4E4;color:#E04848}
#profileSheet .pf2-item-ic.slate{background:#EAECF3;color:#5B6685}
html[data-theme="dark"] #profileSheet .pf2-item-ic.slate{background:rgba(107,117,153,.22)}
html[data-theme="dark"] #profileSheet .pf2-item-ic.green{background:rgba(34,197,94,.18)}
html[data-theme="dark"] #profileSheet .pf2-item-ic.red{background:rgba(239,68,68,.2)}
#profileSheet .pf2-item.danger .pf2-item-txt b{color:var(--red)}
/* نافذتا طلب حذف الحساب (المستخدم) وحذف حساب نهائياً (الأدمن) */
.da-text{font-size:13px;line-height:1.85;color:var(--ink);margin:2px 0 12px}
.da-warn{background:#FFF4E0;color:#8A5A00;border:1px solid #F6D9A0;border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.75;margin-bottom:12px;font-weight:600;white-space:pre-line}
html[data-theme="dark"] .da-warn{background:rgba(245,158,11,.12);color:#F3C56B;border-color:rgba(245,158,11,.3)}
.da-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:700;color:var(--ink);margin:4px 0;cursor:pointer;line-height:1.6}
.da-check input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--red)}
.ada-info{background:var(--paper);border-radius:12px;padding:10px 12px;margin:2px 0 10px;font-size:13px;line-height:1.7}
.ada-list{margin:0 0 10px;padding:0 18px 0 0;font-size:12.5px;line-height:1.85;color:var(--ink)}
.ada-list li{margin-bottom:2px}
.legal-tabs{display:flex;gap:6px;background:var(--paper);padding:4px;border-radius:12px;margin:2px 0 10px}
.legal-tabs button{flex:1;padding:8px 6px;border-radius:9px;font-weight:700;font-size:13px;color:var(--muted);background:transparent;transition:.15s}
.legal-tabs button.on{background:var(--card,#fff);color:var(--ink);box-shadow:0 1px 6px rgba(20,32,60,.14)}
/* ── ختام الصفحة: أيقونات التواصل بحجم كبير في وسط أسفل الصفحة + سطر المنصة تحتها (بلا بطاقة) ── */
/* الجسم عمود مرن كي يلتصق الختام بأسفل الصفحة عندما يكون المحتوى قصيراً، ويتبع المحتوى (بعد الأفاتارات) عندما يطول */
#profileSheet .pf2-body{display:flex;flex-direction:column;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
#profileSheet .pf2-body > *{flex-shrink:0}
#profileSheet .pf2-footer{margin-top:auto;padding-top:20px}
/* ── بطاقة "تابعنا على مواقع التواصل" — حاوية مستقلة بنفس لغة بطاقات الدعوات/الإعدادات ── */
#profileSheet .pf2-social-card{
background:none;border:1px solid transparent;border-radius:24px;
padding:20px 14px 18px;box-shadow:0 0 0 1px rgba(15,27,51,.03),0 2px 14px rgba(15,27,51,.07);
}
html[data-theme="dark"] #profileSheet .pf2-social-card{border-color:transparent;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 2px 14px rgba(0,0,0,.22)}
#profileSheet .pf2-social-title{display:flex;align-items:center;gap:8px;margin-bottom:18px}
#profileSheet .pf2-social-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line) 50%,transparent)}
#profileSheet .pf2-social-title-text{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
#profileSheet .pf2-social-title-text b{font-size:13.5px;font-weight:800;color:var(--ink)}
#profileSheet .pf2-social-title-text span{font-size:10px;color:var(--pf-sub);font-weight:500}
#profileSheet .pf2-social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}
#profileSheet .pf2-soc{display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent}
#profileSheet .pf2-soc:active .pf2-soc-ring{transform:scale(.93)}
/* الحلقة الخارجية الخفيفة جداً حول كل أيقونة — تفصل الأيقونة عن الخلفية بلمسة فاخرة هادئة */
#profileSheet .pf2-soc-ring{
width:100%;max-width:44px;aspect-ratio:1/1;border-radius:50%;
display:flex;align-items:center;justify-content:center;color:#fff;
border:1px solid rgba(255,255,255,.65);
box-shadow:0 0 0 1px rgba(15,27,51,.10),0 3px 8px rgba(19,32,58,.10);
transition:transform .12s;
}
html[data-theme="dark"] #profileSheet .pf2-soc-ring{border-color:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.10)}
#profileSheet .pf2-soc-ring.ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
#profileSheet .pf2-soc-ring.tg{background:#26A5E4}
#profileSheet .pf2-soc-ring.tk{background:#000}
html[data-theme="dark"] #profileSheet .pf2-soc-ring.tk{box-shadow:0 0 0 1px var(--line)}
#profileSheet .pf2-soc-ring.yt{background:#FF0000}
#profileSheet .pf2-soc-lbl{font-size:10px;font-weight:600;color:var(--ink);text-align:center}
#profileSheet .pf2-thanks-pill{
display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto;width:fit-content;max-width:100%;
background:#E9F1FC;color:#1770EE;font-size:12px;font-weight:700;
border-radius:999px;padding:8px 16px;text-align:center;
}
html[data-theme="dark"] #profileSheet .pf2-thanks-pill{background:rgba(59,130,246,.14);color:#8DB8FF}
/* شاشات ضيقة (≤ 350px): تصغير طفيف كي يبقى المبلغ والدولار في سطر واحد */
@media (max-width:350px){
#profileSheet .pf2-bal-amt{font-size:18px}
#profileSheet .pf-balance-usd{font-size:11px}
#profileSheet .pf2-bal-row{column-gap:6px}
#profileSheet .pf2-bal-ic{width:44px;height:44px}
#profileSheet .pf2-bal-main{gap:9px}
#profileSheet .pf2-balance{padding:12px}
#profileSheet .pf2-user-row{gap:6px;padding-inline-start:9px}
#profileSheet .pf2-bal-spacer{width:32px}
#profileSheet .pf2-soc-ring{max-width:40px}
}
.pf-role-row{display:flex;align-items:center;gap:11px;padding:11px 0}
.pf-role-row + .pf-role-row{border-top:1px dashed var(--line)}
.pf-role-ic{width:44px;height:44px;border-radius:10px;background:transparent;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink)}
#profileSheet .pf-role-ic img{width:24px;height:24px;object-fit:contain;filter:brightness(0)}
html[data-theme="dark"] #profileSheet .pf-role-ic img{filter:brightness(0) invert(1)}
.pf-role-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pf-role-info b{font-size:14px;font-weight:800}
.pf-role-state{font-size:12px;color:var(--muted);font-weight:600}
.pf-role-state.wait{color:#B9700E}
.pf-role-state.blk{color:var(--red)}
.pf-role-state.on{color:var(--green)}
.pf-role-btn{flex-shrink:0;padding:9px 13px;border-radius:11px;border:1.5px solid rgba(20,150,85,.32);background:rgba(20,150,85,.12);color:#0B7A35;font-weight:700;font-size:12.5px;white-space:nowrap;transition:.2s}
.pf-role-btn.primary{border-color:rgba(20,150,85,.38);background:rgba(20,150,85,.14);color:#0B7A35}
.pf-role-btn.current{border-color:rgba(20,150,85,.5);background:rgba(20,150,85,.24);color:#0B7A35}
.pf-role-btn.disabled{opacity:.5;pointer-events:none}
html[data-theme="dark"] .pf-role-btn{background:rgba(20,150,85,.16);border-color:rgba(20,150,85,.4);color:#6FCB94}
html[data-theme="dark"] .pf-role-btn.primary{background:rgba(20,150,85,.2);border-color:rgba(20,150,85,.45);color:#6FCB94}
html[data-theme="dark"] .pf-role-btn.current{background:rgba(20,150,85,.3);border-color:rgba(20,150,85,.55);color:#6FCB94}
.pf-photo-required{
display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;
color:var(--red);background:rgba(224,72,72,.1);border:1px solid rgba(224,72,72,.3);
border-radius:10px;padding:7px 12px;font-size:12px;font-weight:700;margin:8px auto 0;max-width:300px;
}
.topup-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}
.topup-grid button{
padding:13px 8px;border-radius:13px;border:1.5px solid var(--line);background:var(--card);
font-weight:700;font-size:var(--fs-md);color:var(--ink);transition:.15s;
}
.topup-grid button:hover{border-color:#1FA855;background:rgba(31,168,85,.07)}
.topup-grid button .tl{display:block;font-weight:400;font-size:var(--fs-xs);color:var(--muted)}
.topup-grid button.locked{
display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);
background:var(--paper);cursor:pointer;opacity:.75;
}
.topup-grid button.locked .tl{display:inline;font-weight:700}
.topup-grid button.locked:hover{border-color:var(--line);background:var(--paper)}
.wc-held{
display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#FFD37A;
margin-top:8px;background:rgba(255,255,255,.1);border-radius:10px;padding:7px 10px;line-height:1.6;
}
.pf-beginner-note{
display:flex;gap:8px;align-items:flex-start;background:rgba(255,197,49,.12);border:1.5px solid rgba(230,170,0,.35);
border-radius:12px;padding:9px 11px;font-size:12px;line-height:1.7;color:var(--ink);margin-bottom:10px;
}
.pf-beginner-note .ic{color:#9A6B00;flex-shrink:0;margin-top:1px}
.wallet-terms{
margin-top:12px;padding:12px 13px;background:var(--paper);border-radius:12px;border:1px solid var(--line);
}
.wallet-terms-title{display:flex;align-items:center;gap:7px;font-weight:800;font-size:12.5px;color:var(--ink);margin-bottom:8px}
.wallet-terms ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:7px}
.wallet-terms li{font-size:11.5px;line-height:1.8;color:var(--muted)}
.wallet-terms li b{color:var(--ink);font-weight:800}
.wa-note{
display:flex;gap:9px;align-items:flex-start;background:rgba(31,168,85,.09);
border:1.5px solid rgba(31,168,85,.4);border-radius:12px;padding:10px 12px;
font-size:var(--fs-sm);line-height:1.8;margin-top:11px;color:var(--ink);
}
.wa-note .ic{color:#1FA855;flex-shrink:0;margin-top:2px}
.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0}
.set-row + .set-row{border-top:1px dashed var(--line)}
.set-row .sl{display:flex;align-items:center;gap:9px;font-weight:600;font-size:var(--fs-base)}
.set-row .sl .ic{color:var(--tuk-yellow-dark)}
.lang-pick{display:flex;background:var(--paper);border-radius:10px;padding:3px;gap:3px}
.lang-pick button{padding:7px 16px;border-radius:8px;font-weight:700;font-size:var(--fs-sm);background:transparent;color:var(--muted);transition:.2s}
.lang-pick button.on{background:var(--bg-strong);color:#fff}
.social-row{display:flex;justify-content:center;gap:14px;margin:18px 0 8px}
.social-row a{
width:46px;height:46px;border-radius:14px;display:flex;align-items:center;
justify-content:center;color:#fff;transition:.18s;box-shadow:0 5px 14px rgba(19,32,58,.22);
}
.social-row a:hover{transform:translateY(-3px)}
.social-row a.ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.social-row a.tg{background:#26A5E4}
.social-row a.tk{background:#000}
.social-row a.yt{background:#FF0000}
@media (max-width:480px){
.brand h1{font-size:22px}
.stat .v{font-size:17px}
.pay-box .pv{font-size:32px}
}
/* ═══════════════════════════════════════════════════════════════
نظام إحالة الأصدقاء — «شارك التطبيق واكسب رحلات مجانية»
═══════════════════════════════════════════════════════════════ */
.ref-hero{
background:var(--ref-grad); border-radius:var(--radius); padding:18px 16px;
color:#fff; box-shadow:var(--shadow-lift); position:relative; overflow:hidden;
}
.ref-hero .rh-top{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--fs-base);color:#EFFFF6}
.ref-hero .rh-title{font-family:var(--font-display);font-size:17.5px;font-weight:800;margin-top:10px;line-height:1.5}
/* كلمة "مجانية" وحدها هي المُبرَزة الآن (بدل الأرقام) — لون أصفر + توهّج نابض خفيف يلفت النظر
بلا مبالغة، بنفس هوية التطبيق البصرية (--tuk-yellow) */
.ref-hero .rh-title .rh-free{
color:var(--tuk-yellow); font-weight:900; display:inline-block;
animation:rhFreeGlow 2.4s ease-in-out infinite;
}
@keyframes rhFreeGlow{
0%,100%{ text-shadow:0 0 8px rgba(255,197,49,.55), 0 1px 3px rgba(0,0,0,.2) }
50%{ text-shadow:0 0 18px rgba(255,197,49,.95), 0 1px 3px rgba(0,0,0,.2) }
}
.ref-hero .rh-sub{font-size:var(--fs-sm);color:rgba(255,255,255,.85);margin-top:4px;line-height:1.7}
.ref-code-row{
display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);
border:1.5px solid rgba(255,255,255,.3); border-radius:12px; padding:10px 12px; margin-top:14px;
}
.ref-code-row b{flex:1;font-family:var(--font-display);font-size:15px;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-code-row button{
display:flex;align-items:center;gap:5px;background:var(--tuk-yellow);color:var(--ink);
border-radius:9px;padding:7px 12px;font-weight:800;font-size:var(--fs-sm);flex-shrink:0;
}
.ref-share-row{display:flex;gap:8px;margin-top:16px}
.ref-share-row button{
flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);
color:#fff;border-radius:10px;padding:9px 0;font-weight:700;font-size:var(--fs-sm);
}
.ref-progress-wrap{margin-top:16px}
.ref-progress-lbl{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:rgba(255,255,255,.85);margin-bottom:6px;font-weight:700}
.ref-bar{height:9px;border-radius:99px;background:rgba(255,255,255,.22);overflow:hidden}
.ref-bar i{display:block;height:100%;background:var(--tuk-yellow);border-radius:99px;transition:width .3s}
.ref-stats{display:flex;gap:10px;margin-top:14px}
.ref-stat{flex:1;background:var(--card);border-radius:12px;padding:12px 10px;text-align:center;box-shadow:var(--shadow)}
.ref-stat b{display:block;font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--ink)}
.ref-stat span{font-size:var(--fs-xs);color:var(--muted);font-weight:600}
.ref-section-title{font-size:var(--fs-sm);color:var(--muted);font-weight:800;margin:18px 2px 8px}
.ref-invitee{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:12px;padding:10px 12px;margin-bottom:8px;box-shadow:var(--shadow)}
.ref-inv-av{width:34px;height:34px;border-radius:50%;background:var(--tuk-yellow);color:var(--ink);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.ref-inv-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ref-invitee b{flex:1;font-size:var(--fs-base);font-weight:700;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-pill{font-size:11px;font-weight:800;border-radius:99px;padding:4px 10px;flex-shrink:0}
/* نشط: نقطة خضراء نابضة بجانب الكلمة توحي بأن الحساب حيّ فعلاً */
.ref-pill.on{background:var(--green-soft);color:var(--green);display:inline-flex;align-items:center;gap:5px}
.ref-pill.on::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 0 2.5px rgba(20,150,85,.22)}
/* غير نشط: رمادي محايد بدل الأصفر/البرتقالي — يوحي بالانتظار لا بالتنبيه */
.ref-pill.pend{background:var(--paper);color:var(--muted);border:1px solid var(--line)}
.ref-empty{text-align:center;color:var(--muted);font-size:var(--fs-sm);padding:24px 10px}
.ref-voucher-note{
display:flex;gap:9px;align-items:flex-start;background:rgba(255,197,49,.14);
border:1.5px solid rgba(255,197,49,.5);border-radius:12px;padding:10px 12px;
font-size:var(--fs-sm);line-height:1.8;margin-top:14px;color:var(--ink);
}
html[data-theme="dark"] .ref-voucher-note{background:rgba(255,197,49,.1);color:#fff}
/* ═══════════════════════════════════════════════════════════════
إعادة تصميم واجهة الزبون — مطابقة للتصميم المعتمد
شريط علوي أبيض · خريطة كبطاقة دائرية · لوحة زرقاء سفلية
حقل بحث بيضاوي مع زر موقع أحمر · زر طلب دائري برتقالي
═══════════════════════════════════════════════════════════════ */
:root{
--rider-blue:#2E6DB4;
--rider-blue-deep:#22568F;
--rider-orange:#F97316;
--rider-orange-deep:#DD5C00;
}
#riderScreen{background:var(--card)}
/* --- الشريط العلوي: أُعيد الآن للون الأزرق الداكن الموحّد (طلب الأدمن) — بلا override هون،
فيرث من قاعدة .topbar العامة (نفس خلفية شاشتي السائق/الأدمن) بدل الأبيض الذي كان معتمداً سابقاً */
#riderScreen .icon-btn{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
#riderScreen .icon-btn:hover{background:var(--line)}
/* --- الخريطة كبطاقة بزوايا دائرية --- */
#riderScreen .map-wrap{background:var(--card)}
#riderScreen #pMap{
inset:10px 14px 16px;border-radius:24px;overflow:hidden;
border:1px solid var(--line);
box-shadow:0 12px 30px rgba(15,27,51,.16);
}
#riderScreen .topbar .mode-fab{position:static;transform:none;margin:0 auto;background:var(--paper);border:1px solid var(--line)}
#riderScreen .topbar-brand{position:static;transform:none;margin:0 auto;display:flex;align-items:center;pointer-events:none}
#riderScreen .topbar-brand .tbb-logo-img{height:34px;width:auto;max-width:150px;object-fit:contain;flex-shrink:0}
/* .topbar-more: النقاط الثلاث بأعلى الهيدر — بيضاء دوماً (تُرث من .topbar{color:#fff})
فوق الشريط الأزرق الداكن الموحّد، بهيدري الراكب والسوق معاً */
.topbar-more{
background:transparent;border:0;padding:6px;margin:0 -4px 0 -2px;cursor:pointer;color:#fff;
display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;
-webkit-tap-highlight-color:transparent;
}
.topbar-more:active{background:rgba(255,255,255,.14)}
/* تعديل دقيق مطلوب: جرّ عناصر الهيدر (نقاط+صورة+اسم+جرس) يميناً —
النقاط الثلاث تنزاح 4px، وباقي العناصر (الصورة/الاسم/الجرس) تنزاح 4px
+ 2px إضافية نحو النقاط = 6px إجمالاً — بهيدري الراكب والسوق معاً */
.topbar-more{transform:translateX(4px)}
#riderScreen .topbar .avatar,#marketSheet .topbar .avatar,.who-name,.svc-bell{transform:translateX(6px)}
#riderScreen .eta-chip{top:20px}
/* --- الآن أن مفتاح "متصل" انتقل لشريط الحالة أعلى الخريطة، تُرفع شريحة الوقت المتبقي لأعلى الخريطة مباشرة --- */
#driverScreen .eta-chip{top:14px}
/* --- اللوحة السفلية: أبيض نظيف موحّد (بلا إطار داكن) --- */
#riderScreen .bottom-sheet{
background:var(--card);
border-top:none;border-radius:24px 24px 0 0;
box-shadow:0 -10px 34px rgba(15,27,51,.14);
padding:8px 14px 14px;max-height:56vh;
}
#riderScreen .sheet-grab{background:var(--line)}
#riderScreen .sheet-grab-btn{padding:8px 0 6px}
#riderScreen .bottom-sheet.sheet-collapsed{padding:6px 14px 10px;max-height:none}
.rider-panel{background:transparent;border-radius:0;padding:0;box-shadow:none}
/* --- حقل البحث البيضاوي مع زر الموقع الأحمر --- */
#riderScreen .search-bar{
position:static;border-radius:999px;border:1.6px solid #C6D3E4;
padding:5px 14px 5px 6px;box-shadow:0 4px 14px rgba(15,27,51,.06);
background:var(--card);
}
#riderScreen .search-bar input{font-size:15px;font-weight:600}
#riderScreen .search-bar .sgps{
width:44px;height:44px;border-radius:50%;
background:linear-gradient(160deg,#F15B5B 0%,#D32F2F 100%);color:#fff;
box-shadow:0 6px 16px rgba(211,47,47,.42);
}
#riderScreen .search-results{position:static;margin-top:8px;max-height:30vh}
/* --- ترتيب محتوى النموذج --- */
#riderScreen #riderForm{display:flex;flex-direction:column;gap:10px;margin-top:12px;align-items:center}
#riderScreen #normalMode{order:2;width:100%}
#riderScreen #simpleMode{order:3;width:100%;display:flex;justify-content:center}
/* --- زر الطلب الدائري البرتقالي الكبير --- */
#riderScreen .order-btn{
position:relative;
background:transparent;box-shadow:none;animation:none;padding:0;
flex-direction:column;gap:12px;margin:14px auto 10px;width:auto;
}
#riderScreen .order-btn::before{
content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
width:154px;height:154px;border-radius:50%;z-index:0;pointer-events:none;
background:radial-gradient(circle,rgba(255,140,55,.45) 0%,rgba(255,140,55,.16) 55%,rgba(255,140,55,0) 72%);
animation:orderGlowPulse 2.6s ease-in-out infinite;
}
@keyframes orderGlowPulse{
0%,100%{ transform:translateX(-50%) scale(1); opacity:.65; }
50%{ transform:translateX(-50%) scale(1.16); opacity:1; }
}
#riderScreen .order-btn .ob-ic{
position:relative;z-index:1;
width:154px;height:154px;border-radius:50%;
background:radial-gradient(circle at 32% 26%,#FFB25C 0%,var(--rider-orange) 48%,var(--rider-orange-deep) 100%);
color:#fff;display:flex;align-items:center;justify-content:center;
border:6px solid rgba(255,255,255,.96);
box-shadow:0 20px 44px rgba(221,92,0,.55), 0 0 0 1px rgba(221,92,0,.22);
transition:transform .18s;
}
#riderScreen .order-btn .ob-ic img{
width:78%;height:78%;object-fit:contain;
filter:drop-shadow(0 3px 6px rgba(0,0,0,.28));
pointer-events:none;
}
#riderScreen .order-btn:hover{filter:none}
#riderScreen .order-btn:hover .ob-ic{transform:scale(1.05)}
#riderScreen .order-btn:active{transform:scale(.97)}
#riderScreen .order-btn.loading .ob-ic{animation:pu 1s infinite}
#riderScreen .order-btn .ob-tx{
position:relative;z-index:1;
font-size:15px;color:var(--ink);font-weight:800;
}
/* عند اختيار "تاكسي خاص" — توهج ذهبي بدل البرتقالي، لتمييز بصري واضح عن السيرفيس */
#riderScreen .order-btn.taxi-mode::before{
background:radial-gradient(circle,rgba(255,197,49,.5) 0%,rgba(255,197,49,.18) 55%,rgba(255,197,49,0) 72%);
}
#riderScreen .order-btn.taxi-mode .ob-ic{
background:radial-gradient(circle at 32% 26%,#FFE28A 0%,var(--tuk-yellow) 48%,var(--tuk-yellow-dark) 100%);
box-shadow:0 20px 44px rgba(232,169,0,.55), 0 0 0 1px rgba(232,169,0,.22);
}
/* --- أنيميشن الضغط على زر الطلب الدائري: رجة محرك + حلقات رادار + ارتداد --- */
#riderScreen .order-btn .ob-ring{
position:absolute;top:50%;left:50%;
width:154px;height:154px;border-radius:50%;
border:3px solid var(--rider-orange-deep);
transform:translate(-50%,-50%) scale(.65);
opacity:0;pointer-events:none;z-index:0;
}
#riderScreen .order-btn.taxi-mode .ob-ring{border-color:var(--tuk-yellow-dark)}
@keyframes obRingExpand{
0%{transform:translate(-50%,-50%) scale(.65);opacity:.75}
100%{transform:translate(-50%,-50%) scale(1.9);opacity:0}
}
#riderScreen .order-btn.ob-playing .ob-ring:nth-child(1){animation:obRingExpand .9s ease-out}
#riderScreen .order-btn.ob-playing .ob-ring:nth-child(2){animation:obRingExpand .9s .15s ease-out}
#riderScreen .order-btn.ob-playing .ob-ring:nth-child(3){animation:obRingExpand .9s .3s ease-out}
@keyframes obEngineShake{
0%,100%{transform:translate(0,0)}
20%{transform:translate(-2px,1px)}
40%{transform:translate(2px,-1px)}
60%{transform:translate(-2px,0)}
80%{transform:translate(2px,1px)}
}
#riderScreen .order-btn.ob-playing .ob-ic{animation:obEngineShake .35s ease}
@keyframes obSpringBounce{
0%{transform:scale(1)}
30%{transform:scale(.9)}
55%{transform:scale(1.08)}
75%{transform:scale(.97)}
100%{transform:scale(1)}
}
#riderScreen .order-btn.ob-playing{animation:obSpringBounce .5s ease}
/* --- زر الطلب في نمط تحديد الوجهة (برتقالي متناسق) --- */
#riderScreen #requestBtn{
background:linear-gradient(140deg,#FF8A3C 0%,var(--rider-orange-deep) 100%);color:#fff;
box-shadow:0 5px 14px rgba(221,92,0,.24);border-radius:999px;
width:calc(100% - 16px);margin:0 8px;
}
/* ============================================================
زر السحب لطلب التوك توك (الوضع البسيط فقط)
============================================================ */
#riderScreen .slide-order{
position:relative;height:74px;border-radius:20px;margin-top:12px;width:100%;
background:#2E8B47;overflow:hidden;
box-shadow:0 14px 30px rgba(46,139,71,.28);
user-select:none;touch-action:none;
}
#riderScreen .slide-order.so-taxi{
background:var(--tuk-yellow-dark);
box-shadow:0 14px 30px rgba(232,169,0,.30);
}
/* خط الطريق المنقّط (يلامس الدواليب) — عناصر أصغر وأكثر شفافية */
#riderScreen .so-road{position:absolute;left:0;right:0;bottom:15px;height:1.5px;opacity:.5;
background-image:linear-gradient(90deg,rgba(255,255,255,.85) 0 11px,transparent 11px 22px);
background-size:22px 1.5px;}
#riderScreen .slide-order.so-dragging .so-road{animation:soRoadMove .55s linear infinite}
@keyframes soRoadMove{to{background-position:22px 0}}
/* النص */
#riderScreen .so-label{position:absolute;top:0;left:0;right:0;bottom:12px;
display:flex;align-items:center;justify-content:center;
color:#fff;font-family:var(--font-display);font-weight:800;font-size:13.5px;white-space:nowrap;
padding-right:64px;padding-left:40px;pointer-events:none;transition:opacity .2s;
text-shadow:0 1px 3px rgba(0,0,0,.15);}
/* الأسهم الوامضة قرب النص */
#riderScreen .so-arrows{position:absolute;left:24px;top:calc(50% - 6px);transform:translateY(-50%);
display:inline-flex;gap:1px;color:#fff;pointer-events:none;transition:opacity .2s;z-index:2;}
#riderScreen .so-arrows svg{width:9px;height:15px;display:block}
#riderScreen .so-arrows span{display:inline-flex;animation:soArrowPulse 1.4s ease-in-out infinite}
#riderScreen .so-arrows span:nth-child(2){animation-delay:.18s}
#riderScreen .so-arrows span:nth-child(3){animation-delay:.36s}
@keyframes soArrowPulse{0%,100%{opacity:.35}50%{opacity:1}}
/* خطوط السرعة (داخل المقبض) */
#riderScreen .so-speed{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;
display:flex;flex-direction:column;gap:7px;opacity:0;transition:opacity .25s;z-index:3;}
#riderScreen .slide-order.so-dragging .so-speed{opacity:1}
#riderScreen .so-speed i{display:block;height:4px;border-radius:99px;background:rgba(255,255,255,.6)}
#riderScreen .so-speed i:nth-child(1){width:26px}
#riderScreen .so-speed i:nth-child(2){width:38px}
#riderScreen .so-speed i:nth-child(3){width:20px}
#riderScreen .slide-order.so-dragging .so-speed i{animation:soSpeedPulse .5s linear infinite}
@keyframes soSpeedPulse{0%{opacity:.25}50%{opacity:.9}100%{opacity:.25}}
/* المقبض: التوك توك */
#riderScreen .so-knob{position:absolute;top:0;bottom:0;right:0;width:104px;padding-inline-start:4px;
display:flex;align-items:center;justify-content:center;cursor:grab;z-index:4;touch-action:none;}
#riderScreen .so-knob:active{cursor:grabbing}
#riderScreen .so-knob img{width:88px;height:auto;max-height:60px;object-fit:contain;
filter:drop-shadow(0 4px 8px rgba(0,0,0,.28));pointer-events:none}
#riderScreen .slide-order.so-dragging .so-knob{animation:soWalk .3s ease-in-out infinite}
@keyframes soWalk{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
/* الكشف الفاتح أثناء السحب */
#riderScreen .so-reveal{position:absolute;top:0;bottom:0;inset-inline-start:0;width:0;
background:#C9E6D1;z-index:1;overflow:hidden;}
#riderScreen .slide-order.so-taxi .so-reveal{background:#FBEDC0}
/* حالة النجاح */
#riderScreen .slide-order.so-done .so-label,
#riderScreen .slide-order.so-done .so-arrows,
#riderScreen .slide-order.so-done .so-knob,
#riderScreen .slide-order.so-done .so-road,
#riderScreen .slide-order.so-done .so-reveal,
#riderScreen .slide-order.so-done .so-speed{opacity:0}
#riderScreen .so-success{position:absolute;inset:0;display:flex;flex-direction:row-reverse;align-items:center;gap:11px;
padding:0 18px;opacity:0;transition:opacity .35s .12s;pointer-events:none;z-index:5;}
#riderScreen .slide-order.so-done .so-success{opacity:1}
#riderScreen .so-check{width:40px;height:40px;border-radius:50%;background:#fff;
display:flex;align-items:center;justify-content:center;flex-shrink:0;
box-shadow:0 4px 14px rgba(0,0,0,.2);}
#riderScreen .slide-order.so-done .so-check{animation:soPulse 1.6s ease-in-out infinite}
@keyframes soPulse{0%,100%{box-shadow:0 4px 14px rgba(0,0,0,.2),0 0 0 0 rgba(255,255,255,.5)}50%{box-shadow:0 4px 14px rgba(0,0,0,.2),0 0 0 9px rgba(255,255,255,0)}}
#riderScreen .so-check svg{width:22px;height:22px}
#riderScreen .slide-order.so-taxi .so-check svg{stroke:var(--tuk-yellow-dark)}
#riderScreen .so-txt{flex:1;text-align:center}
#riderScreen .so-txt b{display:block;color:rgba(255,255,255,.7);font-family:var(--font-display);font-weight:800;font-size:13.5px}
#riderScreen .so-txt small{display:inline-flex;align-items:center;color:rgba(255,255,255,.78);font-size:11px;margin-top:2px;font-weight:500;animation:soSearching 1.8s ease-in-out infinite}
@keyframes soSearching{0%,100%{opacity:.5}50%{opacity:1}}
#riderScreen .so-txt small .so-dots span{animation:soDotBlink 1.4s infinite}
#riderScreen .so-txt small .so-dots span:nth-child(2){animation-delay:.2s}
#riderScreen .so-txt small .so-dots span:nth-child(3){animation-delay:.4s}
@keyframes soDotBlink{0%,100%{opacity:.2}50%{opacity:1}}
/* --- الوضع الداكن --- */
html[data-theme="dark"] #riderScreen .search-bar{border-color:var(--line)}
html[data-theme="dark"] .rider-panel{box-shadow:none}
html[data-theme="dark"] #riderScreen .order-btn .ob-tx{color:var(--ink)}
/* ============================================================
سجل الرحلات — سطر واحد لكل رحلة + زر مشاركة الرحلة
============================================================ */
.trip-row{display:flex;align-items:center;gap:10px;padding:12px 2px;justify-content:space-between}
.trip-row + .trip-row{border-top:1px dashed var(--line)}
.trip-row .tr-main{min-width:0;flex:1}
.trip-row .tr-date{font-size:var(--fs-base);font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-row .tr-date .tr-time{font-weight:500;color:var(--muted);font-size:var(--fs-sm)}
.trip-row .tr-meta{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap}
.trip-row .tr-meta span{display:inline-flex;align-items:center;gap:3px}
.trip-row .tr-meta .ic{width:13px;height:13px;opacity:.75}
.trip-row .tr-meta .dot{opacity:.5}
.tr-share-btn .ic{width:14px;height:14px}
/* زر "معلومات الرحلة" في سطر السجل — محايد قابل للضغط بدل زر المشاركة الذهبي */
.tr-info-btn{
display:flex;align-items:center;gap:5px;flex-shrink:0;
background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:999px;
padding:8px 13px;font-family:var(--font-body);font-weight:700;font-size:11.5px;
cursor:pointer;transition:transform .15s,background .15s;white-space:nowrap;
}
.tr-info-btn:active{transform:scale(.94);background:var(--card)}
.tr-info-btn .ic{width:14px;height:14px;opacity:.85}
.tr-info-btn .chev{width:12px;height:12px;opacity:.5;transform:scaleX(-1)}
/* ═══════ ورقة "معلومات الرحلة" ═══════ */
.ti-sheet{max-width:480px}
/* رأس ثابت مع زر رجوع واضح */
.ti-head{position:sticky;top:0;background:var(--card);z-index:5;padding-bottom:10px;margin-bottom:2px}
.ti-close{display:inline-flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:50%;width:34px;height:34px;padding:0;cursor:pointer}
.ti-close:active{transform:scale(.92)}
.ti-close .ic{width:18px;height:18px}
#tripInfoBody{display:flex;flex-direction:column;gap:9px}
/* الخريطة التفاعلية — أقصر قليلاً لتوفير مساحة عمودية */
.ti-map{width:100%;height:158px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--paper);position:relative}
.ti-map .leaflet-control-attribution{font-size:8px !important}
.ti-auto-badge{
position:absolute;bottom:8px;inset-inline-start:8px;z-index:600;
display:inline-flex;align-items:center;gap:4px;
background:rgba(19,32,58,.86);color:#fff;border-radius:999px;
padding:4px 9px;font-size:10px;font-weight:700;backdrop-filter:blur(4px);
}
.ti-auto-badge .ic{width:11px;height:11px}
/* الخط الزمني انطلاق → وصول */
.ti-timeline{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 14px;display:flex;flex-direction:column;gap:0}
.ti-tl-row{display:flex;align-items:flex-start;gap:11px;position:relative}
.ti-tl-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;margin-top:2px;border:2.5px solid var(--card);box-shadow:0 0 0 1.5px currentColor}
.ti-tl-dot.go{color:#1F9254;background:#1F9254}
.ti-tl-dot.end{color:#D64545;background:#D64545}
.ti-tl-line{width:2px;flex:1;min-height:22px;background:repeating-linear-gradient(to bottom,var(--line) 0 4px,transparent 4px 8px);margin:1px 0 1px 5.5px}
.ti-tl-body{flex:1;min-width:0;padding-bottom:6px}
.ti-tl-lbl{font-size:11px;color:var(--muted);font-weight:700}
/* الاسم والتوقيت في سطر واحد — الاسم يتمدّد والتوقيت ثابت على الطرف */
.ti-tl-place-row{display:flex;align-items:center;gap:8px;margin-top:1px}
.ti-tl-place{flex:1;min-width:0;font-size:13.5px;color:var(--ink);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ti-tl-time{flex-shrink:0;font-size:12px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap}
.ti-tl-time .ic{width:12px;height:12px;opacity:.7}
/* شرائح الإحصائيات */
.ti-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ti-stat{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:9px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.ti-stat .ic{width:17px;height:17px;opacity:.7;color:var(--brand)}
.ti-stat .v{font-size:15px;font-weight:800;color:var(--ink);line-height:1;font-family:var(--font-display)}
.ti-stat .l{font-size:10px;color:var(--muted);font-weight:700}
.ti-stat.wide{grid-column:1/-1}
/* بطاقة الطرف الآخر */
.ti-party{display:flex;align-items:center;gap:11px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:9px 13px}
.ti-party-av{width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--tuk-grad);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--ink);font-size:19px}
.ti-party-av img{width:100%;height:100%;object-fit:cover}
.ti-party-info{flex:1;min-width:0}
.ti-party-role{font-size:10.5px;color:var(--muted);font-weight:700}
.ti-party-name-row{display:flex;align-items:center;gap:9px;margin-top:1px}
.ti-party-name{flex:1;min-width:0;font-size:14.5px;color:var(--ink);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ti-party-rate{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:800;color:var(--ink);direction:ltr}
.ti-party-rate .ic{width:13px;height:13px;color:#E2B752}
/* صف معلومات ثانوية (طريقة الدفع · رقم الرحلة) */
.ti-meta-row{display:flex;flex-wrap:wrap;gap:7px}
.ti-chip{display:inline-flex;align-items:center;gap:5px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700;color:var(--muted)}
.ti-chip .ic{width:12px;height:12px;opacity:.7}
.ti-chip b{color:var(--ink);font-weight:800}
/* زر مشاركة الملخّص */
.ti-share-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:2px}
/* --- ورقة معاينة بطاقة المشاركة --- */
.share-back{display:none;position:fixed;inset:0;background:rgba(10,16,32,.72);z-index:2600;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}
.share-back.on{display:flex}
/* ورقة معلومات الرحلة تُفتح من نافذة السجل (modal-back z-index:2960) — لازم تظهر فوقها */
#tripInfoBack{z-index:2965}
.share-sheet{background:var(--card);width:100%;max-width:460px;border-radius:22px 22px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto;animation:mup .25s ease}
.share-sheet h4{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:16px;color:var(--ink);margin:0 0 12px}
.share-sheet h4 button{background:var(--paper);border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer}
/* لوحة مشاركة الدعوات تحديداً: ترويسة بنفس هوية صفحة "الدعوات" (--ref-grad) لتبدو
اللوحة امتداداً طبيعياً للصفحة لا عنصراً منفصلاً عنها */
#refShareBack .share-sheet h4{background:var(--ref-grad);color:#fff;margin:-16px -16px 16px;padding:16px;border-radius:22px 22px 0 0}
#refShareBack .share-sheet h4 button{background:rgba(255,255,255,.16);color:#fff}
.share-stage .sc-loading .ic{opacity:.6}
.share-actions .btn{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
/* --- ورقة مشاركة رابط الدعوة (أيقونات تواصل مباشرة) ---
تُفتَح من فوق صفحة "الدعوات" (profile-sheet، z-index:2700)، فيجب أن تعلوها
وإلا تظهر خلفها مخفية تماماً فيبدو الأمر كأن زر المشاركة لا يستجيب */
#refShareBack{z-index:2800}
.rs-banner{width:100%;display:block;border-radius:14px;margin-bottom:14px;box-shadow:var(--shadow)}
.rs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.rs-ic{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 2px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.rs-ic b{font-size:11.5px;font-weight:700;color:var(--ink)}
.rs-ic-circ{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.rs-ic-circ.wa{background:#25D366}
.rs-ic-circ.tg{background:#29A9EB}
.rs-ic-circ.tw{background:#000}
.rs-ic-circ.fb{background:#1877F2}
.rs-copy-row{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:9px 12px}
.rs-copy-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}
.rs-copy-row button{display:flex;align-items:center;gap:5px;background:var(--tuk-yellow);color:var(--ink);border-radius:9px;padding:7px 12px;font-weight:800;font-size:var(--fs-sm);flex-shrink:0}
/* --- بطاقة المشاركة نفسها (تُصدَّر لصورة PNG) — تصميم "بطاقة الرحلة" الذهبي/الأسود
مطابق للنموذج المعتمد (سياق ثابت بمعزل عن الوضع الداكن) --- */
#shareCardOffstage{position:fixed;top:-9999px;left:-9999px;pointer-events:none}
/* ═══════════════════════ ADMIN DASHBOARD V2 ═══════════════════════
كل ما يلي محصور تحت #adminScreen فلا يمسّ شاشات الزبون أو السائق أو الدخول.
التنقّل انتقل من شريط أفقي إلى شريط جانبي، لكن الوجهات نفسها ونفس
Admin.tab() ونفس لوحات .admin-panel — طبقة عرض جديدة فوق منطق قائم. */
#adminScreen{--adm-bg:#F3F6FC;--adm-line:#E6EBF5;--adm-ink:#16213F;--adm-muted:#7C8AA6;
--adm-blue:#2F6BFF;--adm-navy:#131C31;--adm-navy2:#1B2540;}
#adminScreen .adm-shell{display:flex;height:100%;overflow:hidden;background:var(--adm-bg)}
#adminScreen .adm-sidebar{transition:flex-basis .22s ease,width .22s ease,padding .22s ease}
/* حالة الطيّ: الشريط لا يحجز عرضاً إطلاقاً والمحتوى يتمدّد فوراً */
#adminScreen.adm-collapsed .adm-sidebar{flex:0 0 0;width:0;padding-inline:0;overflow:hidden;opacity:0;pointer-events:none;border:0}
/* ─── الشريط الجانبي ─── */
#adminScreen .adm-sidebar{flex:0 0 250px;width:250px;background:var(--adm-navy);color:#fff;
display:flex;flex-direction:column;padding:18px 16px 14px;overflow-y:auto;scrollbar-width:none}
#adminScreen .adm-sidebar::-webkit-scrollbar{display:none}
#adminScreen .adm-nav{display:flex;flex-direction:column;gap:5px}
#adminScreen .adm-nav button{display:flex;align-items:center;gap:11px;width:100%;
padding:11px 13px;border:0;border-radius:11px;background:transparent;color:#C9D4E8;
font-family:inherit;font-size:14px;cursor:pointer;text-align:right;position:relative;
transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;
/* touch-action:none (بدل manipulation العام) يمنع المتصفّح من التعامل مع أي لمسة على هذه
الأزرار كسحب/تمرير صفحة أو بدء إيماءة ضغط مطوّل خاصة به — فيُسلَّم التحكّم الكامل بأحداث
المؤشّر (pointerdown/move/up) لمنطق إعادة الترتيب بالأسفل دون أي تعارض أو إلغاء مفاجئ
لتسلسل اللمسة (كان هذا ما يُلغي مؤقّت الضغط المطوّل بصمت رغم منع قائمة كروم أعلاه) */
touch-action:none}
#adminScreen .adm-nav button b{font-weight:700;flex:1}
#adminScreen .adm-nav button:hover{background:rgba(255,255,255,.06);color:#fff}
#adminScreen .adm-nav button.on{background:linear-gradient(135deg,#3B7BFF,#2455E8);color:#fff;
box-shadow:0 6px 16px rgba(47,107,255,.35)}
#adminScreen .adm-nav-badge{min-width:20px;height:20px;padding:0 5px;border-radius:99px;
background:#E8443F;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* ─── إعادة ترتيب أزرار القائمة الجانبية: ضغطة مستمرة (2 ثانية) على أي زر تُفعّل
وضع الترتيب لكل الأزرار معاً؛ ثم أي سحب على أي زر (حتى لمسة قصيرة، طالما الوضع مفعّل)
يُعيد ترتيبه. الترتيب المخصَّص يُحفظ محلياً على الجهاز (لا يمس أي بيانات مشتركة) ── */
#adminScreen .adm-reorder-bar{display:none;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;
background:rgba(59,123,255,.16);border:1px dashed rgba(255,255,255,.28);border-radius:11px;color:#DCE6FA;font-size:12px}
#adminScreen .adm-reorder-bar b{flex:1;font-weight:700}
#adminScreen .adm-reorder-done{border:0;border-radius:8px;background:#3B7BFF;color:#fff;font-family:inherit;
font-size:12.5px;font-weight:800;padding:6px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}
#adminScreen .adm-nav.reordering button{outline:1.5px dashed rgba(255,255,255,.35);outline-offset:-2px;
cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#adminScreen .adm-nav.reordering button::after{content:'';width:14px;height:10px;flex-shrink:0;
background-image:repeating-linear-gradient(#8393B5 0 2px, transparent 2px 4px)}
#adminScreen .adm-nav button.dragging{cursor:grabbing;box-shadow:0 14px 28px rgba(0,0,0,.38);
background:rgba(59,123,255,.24);opacity:.97}
#adminScreen .adm-nav-placeholder{border:1.5px dashed rgba(255,255,255,.32);border-radius:11px;
background:rgba(255,255,255,.05)}
#adminScreen .adm-logout{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:9px;
padding:12px;border:0;border-radius:12px;background:#22304F;color:#fff;font-family:inherit;
font-size:14px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
#adminScreen .adm-logout:hover{background:#2A3A5E}
#adminScreen .adm-foot{margin-top:auto;padding-top:16px;text-align:center;font-size:10.5px;color:#7C8CA8;line-height:1.9}
/* ─── الترويسة ─── */
#adminScreen .adm-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow:hidden}
#adminScreen .adm-header{height:62px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--adm-line);
display:flex;align-items:center;gap:12px;padding:0 18px}
#adminScreen .adm-user{display:flex;align-items:center;gap:9px}
#adminScreen .adm-user-av{width:36px;height:36px;border-radius:50%;background:var(--adm-bg);
display:flex;align-items:center;justify-content:center;color:var(--adm-muted);flex-shrink:0}
#adminScreen .adm-user-txt{display:flex;flex-direction:column;line-height:1.3;text-align:right}
#adminScreen .adm-user-txt b{font-size:13.5px;font-weight:800;color:var(--adm-ink)}
#adminScreen .adm-user-txt span{font-size:11.5px;color:var(--adm-muted);font-weight:600}
/* ─── زر رجوع للوحات الفرعية (غير الموجودة بالقائمة الجانبية) ─── */
#adminScreen .adm-back-btn{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;
padding:7px 14px;border:1px solid var(--adm-line);border-radius:10px;background:#fff;
color:var(--adm-muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;
transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}
#adminScreen .adm-back-btn:hover{background:var(--adm-bg);color:var(--adm-blue);border-color:var(--adm-blue)}
#adminScreen .adm-back-btn span{display:flex}
#adminScreen .adm-bell{position:relative;width:36px;height:36px;border:0;border-radius:10px;background:transparent;
color:var(--adm-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
#adminScreen .adm-bell:hover{background:var(--adm-bg)}
#adminScreen .adm-bell-badge{position:absolute;top:2px;left:2px;min-width:18px;height:18px;padding:0 4px;
border-radius:99px;background:#E8443F;color:#fff;font-size:10.5px;font-weight:800;
display:flex;align-items:center;justify-content:center;border:2px solid #fff}
#adminScreen .adm-search{flex:1;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:9px;
height:38px;padding:0 13px;border:1px solid var(--adm-line);border-radius:10px;background:#fff;color:var(--adm-muted)}
#adminScreen .adm-search input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;
font-size:13.5px;color:var(--adm-ink)}
#adminScreen .adm-search input::placeholder{color:#A9B4C9}
#adminScreen .adm-date{display:flex;align-items:center;gap:9px;color:var(--adm-ink);flex-shrink:0}
#adminScreen .adm-date-txt{display:flex;flex-direction:column;line-height:1.35;text-align:right}
#adminScreen .adm-date-txt b{font-size:12.5px;font-weight:800;white-space:nowrap}
#adminScreen .adm-date-txt span{font-size:11.5px;color:var(--adm-muted);font-weight:600;white-space:nowrap}
/* ─── منطقة التمرير ─── */
#adminScreen .adm-scroll{flex:1;overflow-y:auto;padding:16px 18px 20px}
#adminScreen .adm-welcome h1{font-family:var(--font-display);font-size:25px;font-weight:800;color:var(--adm-ink);margin:0}
#adminScreen .adm-welcome p{font-size:13.5px;color:var(--adm-muted);font-weight:600;margin:5px 0 0}
/* ─── بطاقات الإحصائيات ─── */
#adminScreen .adm-stats{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px}
#adminScreen .adm-stat{flex:1 1 200px;min-width:0}
#adminScreen .adm-stat{display:flex;align-items:center;gap:12px;background:#fff;
border:1px solid var(--adm-line);border-radius:14px;padding:12px 14px;box-shadow:0 1px 3px rgba(20,35,70,.05)}
#adminScreen .adm-stat-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#adminScreen .adm-stat-body{flex:1;min-width:0}
#adminScreen .adm-stat-title{font-size:12.5px;font-weight:700;color:var(--adm-muted)}
#adminScreen .adm-stat-num{font-family:var(--font-display);font-size:21px;font-weight:800;color:var(--adm-ink);line-height:1.2;margin-top:1px}
#adminScreen .adm-stat-sub{font-size:11px;color:var(--adm-muted);font-weight:600;margin-top:1px}
#adminScreen .sc-violet .adm-stat-ic{background:#F2ECFF;color:#7C4DFF}
#adminScreen .sc-blue .adm-stat-ic{background:#E8F1FF;color:#2F6BFF}
#adminScreen .sc-green .adm-stat-ic{background:#E3F8EC;color:#12A05A}
#adminScreen .sc-gold .adm-stat-ic{background:#FFF3DE;color:#E08A00}
#adminScreen .sc-red .adm-stat-ic{background:#FFE9E8;color:#E8443F}
#adminScreen .adm-stat.sc-gold .adm-stat-num{color:#C97A00;font-size:18px}
/* ─── البطاقات العامة داخل اللوحة ─── */
#adminScreen .content{flex:none;overflow:visible;padding:0}
#adminScreen .adm-card{background:#fff;border:1px solid var(--adm-line);border-radius:15px;
padding:15px;box-shadow:0 1px 3px rgba(20,35,70,.05);margin-bottom:14px}
#adminScreen .adm-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}
#adminScreen .adm-card-title{display:flex;align-items:center;gap:10px}
#adminScreen .adm-card-ic{width:42px;height:42px;border-radius:12px;background:var(--adm-bg);color:var(--adm-ink);
display:flex;align-items:center;justify-content:center;flex-shrink:0}
#adminScreen .adm-card-title h3{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--adm-ink);margin:0}
#adminScreen .adm-card-title p{font-size:12px;color:var(--adm-muted);font-weight:600;margin:3px 0 0}
#adminScreen .adm-btn-primary{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;
border:0;border-radius:11px;background:var(--adm-blue);color:#fff;font-family:inherit;font-size:13.5px;
font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(47,107,255,.28)}
#adminScreen .adm-btn-primary:hover{background:#2455E8}
/* ─── شريط البحث والفلتر ─── */
#adminScreen .adm-toolbar{display:flex;gap:10px;margin-bottom:12px}
#adminScreen .adm-field{display:flex;align-items:center;gap:9px;height:40px;padding:0 13px;
border:1px solid var(--adm-line);border-radius:10px;background:#fff;color:var(--adm-muted)}
#adminScreen .adm-field.grow{flex:1}
#adminScreen .adm-field input,#adminScreen .adm-field select{flex:1;border:0;outline:0;background:transparent;
font-family:inherit;font-size:13px;color:var(--adm-ink);cursor:inherit}
#adminScreen .adm-field select{cursor:pointer;min-width:150px}
/* ─── الجدول ─── */
#adminScreen .adm-table-wrap{overflow-x:auto}
#adminScreen .adm-table{width:100%;border-collapse:collapse}
#adminScreen .adm-table th{background:var(--adm-bg);color:var(--adm-muted);font-size:12px;font-weight:700;
padding:10px 13px;text-align:right;white-space:nowrap;border:0}
#adminScreen .adm-table th:first-child{border-radius:0 10px 10px 0}
#adminScreen .adm-table th:last-child{border-radius:10px 0 0 10px}
#adminScreen .adm-table td{padding:9px 13px;border-bottom:1px solid var(--adm-line);
font-size:13px;color:var(--adm-ink);vertical-align:middle}
#adminScreen .adm-table tbody tr:last-child td{border-bottom:0}
#adminScreen .adm-table tbody tr:hover{background:#FAFCFF}
#adminScreen .adm-who{display:flex;align-items:center;gap:9px}
#adminScreen .adm-who-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;
display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}
#adminScreen .adm-who-av img{width:100%;height:100%;object-fit:cover}
#adminScreen .adm-who-txt b{display:flex;align-items:center;gap:5px;font-size:13.5px;font-weight:800;color:var(--adm-ink)}
#adminScreen .adm-who-txt span{display:block;font-size:11.5px;color:var(--adm-muted);direction:ltr;text-align:right}
#adminScreen .adm-num{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
#adminScreen .adm-money{font-weight:800;direction:ltr;display:inline-block}
#adminScreen .adm-money.pos{color:#12A05A}
#adminScreen .adm-money.neg{color:#E8443F}
#adminScreen .adm-rate{display:inline-flex;align-items:center;gap:5px;font-weight:700;direction:ltr}
#adminScreen .adm-rate .s{color:#F3B01C}
#adminScreen .adm-state{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;
font-size:11.5px;font-weight:700;white-space:nowrap}
#adminScreen .adm-state i{width:7px;height:7px;border-radius:50%;display:block}
#adminScreen .adm-state.on{background:#E3F8EC;color:#12A05A}
#adminScreen .adm-state.on i{background:#12A05A}
#adminScreen .adm-state.off{background:#EEF1F7;color:#7C8AA6}
#adminScreen .adm-state.off i{background:#9AA7BC}
#adminScreen .adm-state.blk{background:#FFE9E8;color:#E8443F}
#adminScreen .adm-state.blk i{background:#E8443F}
#adminScreen .adm-state.wait{background:#FFF3DE;color:#C97A00}
#adminScreen .adm-state.wait i{background:#E0A008}
#adminScreen .adm-date2{font-size:12px;line-height:1.5;color:var(--adm-ink)}
#adminScreen .adm-date2 span{display:block;font-size:11px;color:var(--adm-muted)}
#adminScreen .adm-acts{display:flex;gap:6px}
#adminScreen .adm-act{position:relative;width:34px;height:34px;border:0;border-radius:10px;cursor:pointer;
display:flex;align-items:center;justify-content:center;transition:filter .15s}
#adminScreen .adm-act:hover{filter:brightness(.94)}
#adminScreen .adm-act.red{background:#E8443F;color:#fff}
#adminScreen .adm-act.blue{background:#2F6BFF;color:#fff}
#adminScreen .adm-act.soft{background:var(--adm-bg);color:var(--adm-muted)}
#adminScreen .adm-act-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;
border-radius:99px;background:#E8443F;color:#fff;font-size:10px;font-weight:800;
display:flex;align-items:center;justify-content:center;border:2px solid #fff}
/* ─── ترقيم الصفحات ─── */
#adminScreen .adm-pager{display:flex;align-items:center;justify-content:space-between;
gap:12px;margin-top:12px;flex-wrap:wrap}
#adminScreen .adm-pager-size{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--adm-muted);font-weight:600}
#adminScreen .adm-pager-size select{height:38px;padding:0 10px;border:1px solid var(--adm-line);border-radius:10px;
background:#fff;font-family:inherit;font-size:13px;color:var(--adm-ink);cursor:pointer}
#adminScreen .adm-pager-mid{display:flex;align-items:center;gap:8px}
#adminScreen .adm-pager-mid button{min-width:38px;height:38px;padding:0 13px;border:1px solid var(--adm-line);
border-radius:10px;background:#fff;color:var(--adm-ink);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
#adminScreen .adm-pager-mid button.on{background:var(--adm-blue);border-color:var(--adm-blue);color:#fff}
#adminScreen .adm-pager-mid button:disabled{opacity:.45;cursor:not-allowed}
#adminScreen .adm-pager-info{font-size:12px;color:var(--adm-muted);font-weight:600}
/* ─── البطاقات السفلية ─── */
#adminScreen .adm-summary{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}
#adminScreen .adm-sum,#adminScreen .adm-help{flex:1 1 200px;min-width:0}
#adminScreen .adm-sum{display:flex;align-items:center;gap:11px;background:#fff;
border:1px solid var(--adm-line);border-radius:14px;padding:12px 14px;box-shadow:0 1px 3px rgba(20,35,70,.05);
font-family:inherit;cursor:pointer;text-align:right}
#adminScreen .adm-sum-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#adminScreen .adm-sum-ic.sc-gold{background:#FFF3DE;color:#E08A00}
#adminScreen .adm-sum-ic.sc-red{background:#FFE9E8;color:#E8443F}
#adminScreen .adm-sum-ic.sc-blue{background:#E8F1FF;color:#2F6BFF}
#adminScreen .adm-sum-ic.sc-green{background:#E3F8EC;color:#12A05A}
#adminScreen .adm-sum-body{flex:1;min-width:0}
#adminScreen .adm-sum-num{font-family:var(--font-display);font-size:21px;font-weight:800;color:var(--adm-ink);line-height:1.2}
#adminScreen .adm-sum-lbl{font-size:12px;color:var(--adm-muted);font-weight:700;margin-top:2px}
#adminScreen .adm-sum-go{color:var(--adm-muted);flex-shrink:0}
#adminScreen .adm-help{background:#fff;border:1px solid var(--adm-line);border-radius:14px;
padding:11px 13px;display:flex;align-items:center;gap:11px;box-shadow:0 1px 3px rgba(20,35,70,.05)}
#adminScreen .adm-help-ic{width:46px;height:46px;border-radius:13px;background:var(--adm-bg);color:var(--adm-ink);
display:flex;align-items:center;justify-content:center;flex-shrink:0}
#adminScreen .adm-help b{display:block;font-size:13.5px;font-weight:800;color:var(--adm-ink)}
#adminScreen .adm-help span{display:block;font-size:11.5px;color:var(--adm-muted);font-weight:600;margin:2px 0 7px}
#adminScreen .adm-help button{height:32px;padding:0 14px;border:0;border-radius:9px;background:var(--adm-blue);
color:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
/* ─── بلاطات الرئيسية ─── */
#adminScreen .adm-tiles{display:flex;flex-wrap:wrap;gap:14px}
#adminScreen .adm-tile{flex:1 1 170px;min-width:0}
#adminScreen .adm-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;
padding:18px 12px;border:1px solid var(--adm-line);border-radius:14px;background:#fff;
font-family:inherit;font-size:13px;font-weight:700;color:var(--adm-ink);cursor:pointer}
#adminScreen .adm-tile:hover{background:#FAFCFF}
#adminScreen .adm-tile .ti{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center}
#adminScreen .adm-tile .ti.sc-blue{background:#E8F1FF;color:#2F6BFF}
#adminScreen .adm-tile .ti.sc-red{background:#FFE9E8;color:#E8443F}
#adminScreen .adm-tile .ti.sc-violet{background:#F2ECFF;color:#7C4DFF}
#adminScreen .adm-tile .ti.sc-green{background:#E3F8EC;color:#12A05A}
#adminScreen .adm-tile-badge{position:absolute;top:10px;left:10px;min-width:20px;height:20px;padding:0 5px;
border-radius:99px;background:#E8443F;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* ─── زرّا طيّ/إظهار القائمة ─── */
#adminScreen .adm-toggle{width:38px;height:38px;margin:0 0 10px auto;display:flex;align-items:center;justify-content:center;
border:0;border-radius:11px;background:#22304F;color:#fff;cursor:pointer;flex-shrink:0;
-webkit-tap-highlight-color:transparent}
#adminScreen .adm-toggle:hover{background:#2A3A5E}
#adminScreen .adm-toggle-out{display:none;width:36px;height:36px;border:1px solid var(--adm-line);border-radius:10px;
background:var(--adm-bg);color:var(--adm-ink);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
#adminScreen.adm-collapsed .adm-toggle-out{display:flex}
#adminScreen .adm-toggle-out:hover{filter:brightness(.96)}
/* ─── الشاشات الأضيق: لا نكسر RTL ولا نُغطّي المحتوى ─── */
@media (max-width:1180px){ #adminScreen .adm-search{max-width:none} }
@media (max-width:860px){
#adminScreen .adm-sidebar{flex:0 0 68px;width:68px;padding:14px 8px}
#adminScreen .adm-foot{display:none}
#adminScreen .adm-nav button{justify-content:center;padding:12px 0}
#adminScreen .adm-nav button b,#adminScreen .adm-logout b{display:none}
#adminScreen .adm-nav-badge{position:absolute;top:4px;left:6px;min-width:17px;height:17px;font-size:10px}
#adminScreen .adm-nav.reordering button::after{display:none}
#adminScreen .adm-reorder-bar b{font-size:10.5px}
#adminScreen .adm-header{height:auto;padding:10px 14px;flex-wrap:wrap;gap:10px}
#adminScreen .adm-date,#adminScreen .adm-user-txt{display:none}
#adminScreen .adm-scroll{padding:14px}
#adminScreen .adm-stat,#adminScreen .adm-sum,#adminScreen .adm-help,#adminScreen .adm-tile{flex:1 1 100%}
}
/* ── صلاحيات التطبيق (تطبيق أندرويد فقط) ── */
.perm-intro{color:var(--muted);font-size:13px;margin:0 0 12px;line-height:1.7}
.perm-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid rgba(128,128,128,.18)}
.perm-row:first-child{border-top:0}
.perm-txt{flex:1;min-width:0}
.perm-txt b{display:block;font-size:14px}
.perm-txt span{display:block;color:var(--muted);font-size:12px;line-height:1.55;margin-top:2px}
.perm-txt .perm-chip{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;margin-top:5px}
.perm-chip.ok{background:rgba(34,197,94,.16);color:#159A57}
.perm-chip.no{background:rgba(239,68,68,.16);color:#E04848}
.perm-chip.unk{background:rgba(245,158,11,.18);color:#B7791F}
.perm-btn{flex:none;border:0;border-radius:10px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;background:var(--primary,#F5A623);color:#1a1a1a}
.perm-btn.sub{background:rgba(128,128,128,.16);color:inherit}
.perm-row .switch{width:48px;height:26px}
.perm-row .slider::before{height:20px;width:20px}
.perm-row .switch input:checked + .slider::before{transform:translateX(-22px)}
/* زر حذف الرسالة (على رسائل المرسِل نفسه فقط) — نقرتان للتأكيد */
.msg-del{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;opacity:.65;padding:2px 6px;margin-inline-end:6px;font:inherit;font-size:10px;font-weight:700;line-height:1.4;cursor:pointer;border-radius:8px;vertical-align:middle;-webkit-tap-highlight-color:transparent}
.msg-del svg{width:12px;height:12px}
.msg-del.armed{background:#E5484D;color:#fff;opacity:1}
/* ============ تحسينات طلبات السوق ============ */
/* نص الطلب في شاشة تسوّق السائق: بارز، عريض، على خلفية زرقاء شفافة */
.mk-oc-req.mk-oc-req-hero{
background:linear-gradient(180deg,rgba(37,99,235,.10),rgba(37,99,235,.06));
border:1px solid rgba(37,99,235,.22);border-right:4px solid var(--blue);
border-radius:14px;padding:12px 13px;margin-top:8px;
font-size:17px;font-weight:800;line-height:1.7;color:#0B2A6B}
.mk-oc-breakdown.mini{flex-direction:row;justify-content:space-between;gap:8px;border-top:0;padding:9px 12px;margin-top:10px;
background:var(--paper);border-radius:12px;font-size:12px}
/* رابط الصورة المرفقة: نص قابل للضغط + أيقونة SVG */
.req-img-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:800;cursor:pointer;
text-underline-offset:3px;-webkit-tap-highlight-color:transparent;padding:3px 0}
.req-img-link u{text-decoration-thickness:1.5px}
.req-img-link:active{opacity:.6}
.req-img-link svg{flex-shrink:0}
/* عارض الصورة الكاملة: فوق كل الطبقات (أعلى من النوافذ وحتى الرسائل العائمة) */
.req-img-viewer{position:fixed;inset:0;z-index:3100;background:rgba(6,10,22,.96);display:flex;align-items:center;justify-content:center;
animation:reqImgFade .22s ease}
.req-img-viewer img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pinch-zoom}
.req-img-back{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;display:flex;align-items:center;gap:4px;
background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);
border-radius:99px;padding:8px 15px 8px 12px;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
@keyframes reqImgFade{from{opacity:0}to{opacity:1}}
/* نبض تنبيه الزبون على زرّي «إكمال الطلب» و«إلغاء الطلب» (حركة فقط بلا ظلال) */
.mk-pulse{animation:mkPulse 1.5s ease-in-out infinite}
.mk-pulse.mk-pulse-2{animation-delay:.75s}
@keyframes mkPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.mk-approve.mk-approve-live{border:1.5px solid rgba(37,99,235,.5);animation:mkGlow 1.6s ease-in-out infinite}
@keyframes mkGlow{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.3)}50%{box-shadow:0 0 0 9px rgba(37,99,235,0)}}
.chat-unread{animation:mkPulse 1.5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.mk-pulse,.chat-unread,.mk-approve.mk-approve-live{animation:none}}