/* ==========================================================================
   taxi_syria 4.10 — رمز التفعيل: تلميح واتساب قبل الإرسال + قناة الإرسال
   (CSS عادي خارج Tailwind؛ الألوان من متغيّرات --tsx-* مع احتياط)
   ========================================================================== */

/* قبل الإرسال: الدولة مو سوريا → الرمز رح يوصل على واتساب (phoneintl.js) */
.ts-otp-wa-hint {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 10px 0 0;
    padding: 9px 12px;
    border-radius: 10px;
    border: 1px solid rgba(37, 211, 102, .35);
    background: rgba(37, 211, 102, .09);
    color: var(--tsx-ink, #16202e);
    font-size: 13px;
    line-height: 1.55;
}
.ts-otp-wa-hint[hidden] { display: none !important; }
.ts-otp-wa-hint__ico { flex: 0 0 auto; margin-top: 2px; color: #128C7E; }

/* بعد الإرسال: وين راح الرمز (SMS / واتساب) */
.ts-otp-channel {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 12px;
    padding: 9px 12px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--tsx-ink, #16202e);
    border: 1px solid var(--tsx-line, rgba(22, 32, 46, .12));
    background: var(--tsx-surface-alt, rgba(22, 32, 46, .04));
}
.ts-otp-channel__ico { flex: 0 0 auto; margin-top: 1px; color: var(--tsx-amber-deep, #9A6E1E); }
.ts-otp-channel--wa {
    border-color: rgba(37, 211, 102, .35);
    background: rgba(37, 211, 102, .09);
}
.ts-otp-channel--wa .ts-otp-channel__ico { color: #128C7E; }

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ts-otp-wa-hint__ico,
    :root:not([data-theme="light"]) .ts-otp-channel--wa .ts-otp-channel__ico { color: #25D366; }
}
:root[data-theme="dark"] .ts-otp-wa-hint__ico,
:root[data-theme="dark"] .ts-otp-channel--wa .ts-otp-channel__ico { color: #25D366; }

/* 4.10.4: على الكمبيوتر، لوحة «طلبك الحالي» بتبلّش من فوق — margin-top:auto (مأخوذة من
   ترتيب الجوال، حيث اللوحة بتطلع من تحت فوق الخريطة) كانت تترك فراغ أبيض كبير فوقها. */
@media (min-width: 768px) {
    .ts-ride__panel > .ts-layer--sheet { margin-top: 0; }
}

/* 4.10.5: صفحة «حسابي» — عنوان الصفحة («إنشاء حساب») بيختفي وإنت مسجّل، وبيطلع بدالو
   «حسابي» مع زر رجوع للوحة */
.frame:has(.ts-profile-page) > header { display: none; }
.ts-profile-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.ts-profile-top__title { margin: 0; font-family: var(--tsx-display, inherit); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: var(--tsx-ink, #16202e); }
.ts-backbtn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 18px; border-radius: 999px;
    border: 1px solid rgba(184, 137, 43, .55); background: #fff; color: #7a5a14; font-weight: 700; text-decoration: none;
    box-shadow: 0 4px 14px -8px rgba(150, 110, 30, .6); }
.ts-backbtn:hover { background: #fbf4e2; }
.ts-backbtn__arrow { font-size: 1.3em; line-height: 1; }
[dir="rtl"] .ts-backbtn__arrow { transform: scaleX(-1); }