/* ==========================================================================
   ForumREXAR - Dedicated Mobile Stylesheet (ملف تنسيقات الجوال المستقل)
   - هذا الملف مخصص حصرياً لشاشات الهواتف الذكية (Android / iPhone)
   - محمي بالكامل بقواعد Media Query بحيث لا يؤثر على متصفحات الكمبيوتر إطلاقاً
   ========================================================================== */

@media screen and (max-width: 768px) {

    /* -------------------------------------------------------------------------
       1. General Mobile Base & Container Adjustments
       ------------------------------------------------------------------------- */
    body {
        padding-bottom: 75px !important; /* مسافة للدوك السفلي على الجوال */
        background-color: #f1f5f9 !important;
    }

    .home-main-container,
    .startimes-main-container,
    .forum-main-container,
    .topic-main-container,
    .user-main-container {
        width: 98% !important;
        max-width: 100% !important;
        margin: 4px auto !important;
        padding: 0 3px !important;
        box-sizing: border-box !important;
    }

    /* -------------------------------------------------------------------------
       2. Isolation Rules: Hide Desktop Table on Mobile (Home Page)
       ------------------------------------------------------------------------- */
    .table-responsive-wrapper,
    .desktop-only {
        display: none !important;
    }

    /* -------------------------------------------------------------------------
       3. Mobile Header Fine-Tuning
       ------------------------------------------------------------------------- */
    .startimes-header {
        padding: 4px 6px !important;
    }

    .header-inner {
        padding: 0 4px !important;
    }

    .brand-name-link {
        font-size: 15px !important;
    }

    .brand-page-link {
        font-size: 12px !important;
    }

    .startimes-logo-icon svg,
    .startimes-logo-icon img {
        width: 36px !important;
        height: 36px !important;
    }

    /* -------------------------------------------------------------------------
       4. قائمة البرجر (Sidebar Drawer): إتاحة الوصول لكافة الوصلات حتى النهاية
       ------------------------------------------------------------------------- */
    .sidebar-drawer {
        height: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        z-index: 99999 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .drawer-scroll-body {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 140px !important; /* مساحة كافية لتمرير كافة الوصلات وتجاوز أي شريط سفلي */
        overscroll-behavior: contain !important;
    }

    /* -------------------------------------------------------------------------
       5. الصفحة الرئيسية: شبكة الأقسام المتجاوبة (مطابقة تماماً للصورة 5 لستار تايمز)
       ------------------------------------------------------------------------- */
    .mobile-category-block {
        display: block !important;
        margin-bottom: 12px !important;
        box-sizing: border-box !important;
    }

    /* بنر عنوان القسم الرئيسي بخلفية #0279b8 وخطوط الترويسة المميزة كما في الكمبيوتر */
    .mobile-cat-banner {
        background-color: #0279b8 !important;
        background: #0279b8 !important;
        border: 1.5px solid #016295 !important;
        border-radius: 10px !important;
        padding: 5px 12px !important;
        text-align: center !important;
        box-shadow: 0 1.5px 3px rgba(2, 121, 184, 0.25) !important;
        margin-bottom: 5px !important;
    }

    .mobile-cat-title {
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: bold !important;
        font-family: 'LaureenBold', Arial, Tahoma, sans-serif !important;
        text-decoration: none !important;
        display: block !important;
        letter-spacing: 0.3px !important;
        text-align: center !important;
        transition: color 0.15s ease !important;
    }

    .mobile-cat-title:hover,
    .mobile-cat-title:active {
        color: #e2f952 !important; /* تحول النص للون الليموني عند التحويم كما في الكمبيوتر */
    }

    /* شبكة المنتديات الفرعية: قسمين قسمين بجانب بعض */
    .mobile-forums-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 4px !important;
        box-sizing: border-box !important;
    }

    /* القاعدة الذكية: إذا كان هناك منتدى فردي في نهاية القسم بدون أخ يمتد بعرض كامل (100%) */
    .mobile-forum-card:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }

    /* كرت المنتدى الفرعي المقوس */
    .mobile-forum-card {
        background: #ffffff !important;
        border: 1.5px solid #7ea7c8 !important;
        border-radius: 12px !important;
        padding: 5px 6px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        min-height: 52px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        text-decoration: none !important;
        position: relative !important;
        transition: background-color 0.15s ease, border-color 0.15s ease !important;
    }

    .mobile-forum-card:active,
    .mobile-forum-card:hover {
        background: #f0f7fd !important;
        border-color: #558dbb !important;
    }

    /* الطرف الأيمن: الأيقونة + النصوص */
    .m-forum-right {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    /* حاوية الأيقونة */
    .m-forum-icon-box {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 50% !important;
        background: #f1f5f9 !important;
        border: 1px solid #cbd5e1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
    }

    .m-forum-emoji {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .m-forum-details {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
    }

    .m-forum-name {
        color: #0279b8 !important;
        font-size: 11.5px !important;
        font-weight: bold !important;
        font-family: Arial, Tahoma, sans-serif !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1.25 !important;
        display: block !important;
    }

    .m-forum-desc {
        color: #475569 !important;
        font-size: 9.5px !important;
        font-weight: normal !important;
        font-family: Arial, Tahoma, sans-serif !important;
        line-height: 1.2 !important;
        margin-top: 1px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
    }

    /* الطرف الأيسر: عداد المواضيع فقط (بدون أي أيقونة) + زر النقاط الثلاث */
    .m-forum-left {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        width: 22px !important;
        min-width: 22px !important;
        flex-shrink: 0 !important;
        height: 38px !important;
        margin-right: 2px !important;
        gap: 2px !important;
    }

    .m-forum-count {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        color: #475569 !important;
        font-size: 11px !important;
        font-weight: bold !important;
        font-family: Arial, Tahoma, sans-serif !important;
        white-space: nowrap !important;
    }

    .m-count-num {
        line-height: 1 !important;
        display: inline-block !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    .m-forum-dots-btn {
        background: transparent !important;
        border: none !important;
        color: #64748b !important;
        font-size: 13px !important;
        line-height: 1 !important;
        padding: 0 !important;
        cursor: pointer !important;
        font-weight: 800 !important;
        opacity: 0.85 !important;
    }

    /* كرت المنتدى الفردي الممتد بالعرض الكامل */
    .mobile-forum-card:last-child:nth-child(odd) .m-forum-name {
        font-size: 12.5px !important;
    }

    .mobile-forum-card:last-child:nth-child(odd) .m-forum-desc {
        font-size: 10px !important;
    }

    .mobile-forum-card:last-child:nth-child(odd) .m-forum-icon-box {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    .mobile-forum-card:last-child:nth-child(odd) .m-forum-left {
        width: 28px !important;
        min-width: 28px !important;
    }

    /* الأقسام السرية والإشرافية: اللون الليموني الأصلي لستار تايمز (#d7eea8 وعند التحويم #cce69b) */
    .mobile-forum-card.m-card-admin {
        background-color: #d7eea8 !important;
        background: #d7eea8 !important;
        border-color: #aed172 !important;
    }

    .mobile-forum-card.m-card-admin:hover,
    .mobile-forum-card.m-card-admin:active {
        background-color: #cce69b !important;
        background: #cce69b !important;
        border-color: #9ec55e !important;
    }

    .mobile-forum-card.m-card-admin .m-forum-name {
        color: #1f5209 !important;
        font-weight: 800 !important;
    }

    .mobile-forum-card.m-card-admin .m-forum-desc {
        color: #3b5c22 !important;
    }

    .mobile-forum-card.m-card-admin .m-forum-icon-box {
        background-color: #cbe59a !important;
        border-color: #a3ca63 !important;
    }

    .mobile-forum-card.m-card-admin .m-forum-count {
        color: #27671d !important;
    }

    /* الأقسام المقفولة */
    .mobile-forum-card.m-card-locked {
        background: #fff8f8 !important;
        border-color: #fca5a5 !important;
    }

    .m-lock-badge {
        display: inline-flex !important;
        align-items: center !important;
        margin-left: 2px !important;
    }

    /* -------------------------------------------------------------------------
       6. صفحة القسم والمواضيع (f.aspx?f=...) على الجوال (مطابقة تامة لستار تايمز)
       ------------------------------------------------------------------------- */
    .forum-topics-view .brand-name-link {
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #0279b8 !important;
        line-height: 1.2 !important;
    }

    .forum-topics-view .brand-page-link {
        font-size: 12.5px !important;
        font-weight: bold !important;
        color: #f2720c !important; /* لون برتقالي لاسم المنتدى مطابق لستار تايمز بالصورة */
        line-height: 1.2 !important;
    }

    .header-page-nav-pill {
        display: inline-flex !important;
        align-items: center !important;
        background: #eef6fd !important;
        border: 1px solid #7cb1ea !important;
        border-radius: 14px !important;
        padding: 1px 6px !important;
        height: 26px !important;
        font-size: 11px !important;
        gap: 3px !important;
    }

    /* شريط التحكم والكبسولة وأزرار الفلترة */
    .st-control-capsule-strip {
        display: flex !important;
        flex-direction: row-reverse !important; /* وضع كبسولة القسم على اليمين وأزرار الفلترة على اليسار */
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin: 4px 0 6px 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .st-forum-long-capsule {
        display: inline-flex !important;
        align-items: center !important;
        background: #ffffff !important;
        border: 1.5px solid #7cb1ea !important;
        border-radius: 20px !important;
        padding: 2px 10px !important;
        height: 32px !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
    }

    .capsule-inner-right {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .forum-capsule-icon {
        width: 24px !important;
        height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .moderators-label {
        color: #f2720c !important;
        font-weight: bold !important;
        font-size: 12.5px !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    .forum-mod-link {
        color: #000000 !important;
        font-weight: bold !important;
        font-size: 12.5px !important;
        font-family: Arial, Tahoma, sans-serif !important;
        text-decoration: none !important;
    }

    .moderators-sep {
        color: #f2720c !important;
        font-weight: bold !important;
        margin: 0 2px !important;
    }

    .forum-capsule-title {
        color: #1e3a8a !important;
        font-weight: bold !important;
        font-size: 13px !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    .st-filter-pills-group {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        flex-wrap: wrap !important;
    }

    .st-oval-filter-pill {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        background: #eef6fd !important;
        border: 1px solid #9dc3e6 !important;
        border-radius: 14px !important;
        padding: 2px 7px !important;
        height: 26px !important;
        font-size: 11px !important;
        font-family: Arial, Tahoma, sans-serif !important;
        color: #0279b8 !important;
        box-sizing: border-box !important;
    }

    .st-oval-filter-pill select,
    .st-inline-select {
        border: none !important;
        background: transparent !important;
        color: #0279b8 !important;
        font-weight: bold !important;
        font-size: 11px !important;
        font-family: Arial, Tahoma, sans-serif !important;
        padding: 0 !important;
        cursor: pointer !important;
    }

    /* شريط خيارات الإشراف على الجوال */
    .st-mod-options-bar {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        padding: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .st-mod-options-dropdown-wrap {
        width: 100% !important;
    }

    .st-mod-dropdown-trigger {
        width: 100% !important;
        justify-content: space-between !important;
    }

    /* شريط وصلات المنتدى وزر كتابة موضوع */
    .st-sub-actions-bar {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        margin-bottom: 6px !important;
        width: 100% !important;
    }

    .carousel-wrapper {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 2px !important;
    }

    .carousel-wrapper ul.fixedtopic {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .carousel-wrapper li.fixedtopic,
    .carousel-wrapper li.fixedtopic2 {
        flex-shrink: 0 !important;
    }

    .carousel-wrapper a.fixedtopic {
        display: inline-block !important;
        background: #cbe3fb !important;
        border: 1.5px solid #20639b !important;
        border-radius: 10px !important;
        padding: 2px 10px !important;
        font-size: 11px !important;
        font-weight: bold !important;
        font-family: Arial, Tahoma, sans-serif !important;
        color: #014d75 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .sub-actions-left {
        width: 100% !important;
    }

    .btn-st-new-topic {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: 100% !important;
        padding: 6px 12px !important;
        background: linear-gradient(180deg, #0284c7, #0279b8) !important;
        border: 1px solid #016295 !important;
        border-radius: 6px !important;
        color: #ffffff !important;
        font-weight: bold !important;
        font-size: 13px !important;
        font-family: Arial, Tahoma, sans-serif !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    /* إخفاء جدول الكمبيوتر وإظهار قائمة مواضيع الجوال */
    .startimes-table-frame,
    .user-posts-view .table-responsive-wrapper,
    .active-topics-view .table-responsive-wrapper,
    .active-topics-view .category-table-wrapper {
        display: none !important;
    }

    .mobile-topics-container {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        background: #ffffff !important;
        border: 1px solid #b4cde3 !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    }

    /* كرت سطر الموضوع المتناسق والمطرز على الجوال */
    .m-topic-item {
        display: flex !important;
        flex-direction: column !important;
        padding: 7px 10px !important;
        border-bottom: 1px solid #dce6f0 !important;
        background-color: #ffffff !important;
        position: relative !important;
        box-sizing: border-box !important;
        transition: background-color 0.12s ease !important;
    }

    .m-topic-item:last-child {
        border-bottom: none !important;
    }

    /* التفاعل الافتراضي للتحويم واللمس للأسطر العادية */
    .m-topic-item:hover,
    .m-topic-item:active {
        background-color: #f8fafc !important;
    }

    /* خلفيات الحالات الخاصة للمواضيع (مطابقة لأصل ستار تايمز) */
    .m-topic-item.row-toptopic {
        background-color: #ffffff !important;
    }

    .m-topic-item.row-pending-approval {
        background-color: #eceff9 !important;
    }

    .m-topic-item.row-pending-approval:hover,
    .m-topic-item.row-pending-approval:active {
        background-color: #dfe6f5 !important;
    }

    /* تمييز خلفية السطر باللون الرمادي إذا كان آخر رد هو العضو الحالي (مطابق لستار تايمز) */
    .m-topic-item.row-last-by-me {
        background-color: #ededed !important;
    }

    .m-topic-item.row-last-by-me:hover,
    .m-topic-item.row-last-by-me:active {
        background-color: #e2e2e2 !important;
    }

    /* المواضيع المثبتة: لون سماوي ثلجي أصلي (#e1f0fc) يعلو دائماً فوق أي رتبة تميز أو قفل */
    .m-topic-item.row-pinned,
    .m-topic-item.row-pinned.row-toptopic,
    .m-topic-item.row-pinned.row-locked,
    .m-topic-item.row-pinned.row-last-by-me {
        background-color: #e1f0fc !important;
    }

    .m-topic-item.row-pinned:hover,
    .m-topic-item.row-pinned:active,
    .m-topic-item.row-pinned.row-toptopic:hover,
    .m-topic-item.row-pinned.row-toptopic:active,
    .m-topic-item.row-pinned.row-locked:hover,
    .m-topic-item.row-pinned.row-locked:active {
        background-color: #cfe4fa !important;
    }

    /* المواضيع المخفية: لون ليموني أصلي (#d7eea8) */
    .m-topic-item.row-hidden,
    .m-topic-item.row-hidden.row-pinned,
    .m-topic-item.row-hidden.row-toptopic {
        background-color: #d7eea8 !important;
    }

    .m-topic-item.row-hidden:hover,
    .m-topic-item.row-hidden:active,
    .m-topic-item.row-hidden.row-pinned:hover,
    .m-topic-item.row-hidden.row-pinned:active {
        background-color: #cce69b !important;
    }

    /* السطر العلوي: العنوان وأيقونات الحالة على اليمين وزر الخيارات على اليسار */
    .m-topic-top-row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        direction: rtl !important;
    }

    .m-topic-title-box {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        text-align: right !important;
    }

    .m-topic-status-icon {
        display: inline-flex !important;
        align-items: center !important;
        font-size: 13px !important;
        line-height: 1 !important;
    }

    .m-topic-status-img {
        height: 14px !important;
        width: auto !important;
        vertical-align: middle !important;
    }

    /* العنوان كامل على اليمين بخط Arial عريض */
    .m-topic-title-link {
        font-family: Arial, Tahoma, sans-serif !important;
        font-size: 13.5px !important;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
        line-height: 1.35 !important;
        word-break: break-word !important;
        transition: color 0.12s ease !important;
    }

    .m-topic-title-link:hover,
    .m-topic-title-link:active {
        color: #ff0000 !important;
        text-decoration: none !important;
    }

    /* زر القائمة المنسدلة الإشرافية في الزاوية اليسرى */
    .m-topic-actions-box {
        display: inline-flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
        margin-right: 4px !important;
    }

    .m-topic-menu-btn {
        background: transparent !important;
        border: none !important;
        font-size: 16px !important;
        color: #475569 !important;
        cursor: pointer !important;
        padding: 2px 4px !important;
        line-height: 1 !important;
        font-weight: bold !important;
    }

    .m-topic-menu-btn:hover,
    .m-topic-menu-btn:active {
        color: #0279b8 !important;
    }

    /* السطر السفلي: كافة البيانات بتطريز وتنسيق موحد مطابق لستار تايمز بالصورة */
    .m-topic-meta-row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px 7px !important;
        margin-top: 3px !important;
        font-family: Arial, Tahoma, sans-serif !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        direction: rtl !important;
    }

    .m-meta-group {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        white-space: nowrap !important;
    }

    .m-meta-lbl {
        color: #64748b !important;
        font-weight: normal !important;
    }

    .m-meta-author,
    .m-meta-lastuser {
        font-weight: bold !important;
        text-decoration: none !important;
        transition: color 0.12s ease !important;
    }

    .m-meta-date-green {
        color: #059669 !important;
        font-weight: bold !important;
        direction: ltr !important;
        display: inline-block !important;
    }

    .m-meta-stat {
        color: #0f172a !important;
        font-weight: bold !important;
    }

    .m-tag-pill {
        background: #0284c7 !important;
        color: #ffffff !important;
        border-radius: 10px !important;
        padding: 1px 7px !important;
        font-size: 10.5px !important;
        font-weight: bold !important;
        text-decoration: none !important;
        line-height: 1.2 !important;
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        transition: background 0.15s ease !important;
    }

    .m-tag-pill:hover,
    .m-tag-pill:active {
        background: #0369a1 !important;
        color: #ffffff !important;
    }

    .m-no-topics {
        padding: 20px !important;
        text-align: center !important;
        color: #64748b !important;
        font-size: 13px !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    /* أشرطة الفلترة والترويسات لصفحات مشاركاتك والمواضيع النشطة على الجوال */
    .user-posts-view .brand-page-title,
    .active-topics-view .brand-page-title {
        color: #f2720c !important;
        font-weight: bold !important;
        font-size: 13px !important;
    }

    .st-posts-filter-strip {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 8px 10px !important;
        background: #ffffff !important;
        border: 1px solid #b4cde3 !important;
        border-radius: 6px !important;
        margin-bottom: 8px !important;
        box-sizing: border-box !important;
    }

    .st-posts-filter-strip .filter-right,
    .st-posts-filter-strip .filter-left {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .st-posts-filter-strip select {
        flex: 1 1 auto !important;
        max-width: 100% !important;
        height: 30px !important;
        font-size: 12px !important;
    }

    .st-active-control-strip {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 8px 10px !important;
        background: #ffffff !important;
        border: 1px solid #b4cde3 !important;
        border-radius: 6px !important;
        margin-bottom: 8px !important;
        box-sizing: border-box !important;
    }

    .st-active-control-strip .control-col {
        width: 100% !important;
    }

    .st-active-control-strip .st-oval-filter-pill {
        width: 100% !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        padding: 4px 8px !important;
    }

    .st-active-control-strip .st-inline-select {
        flex: 1 1 auto !important;
        max-width: calc(100% - 70px) !important;
        height: 28px !important;
        font-size: 12px !important;
    }

    /* -------------------------------------------------------------------------
       7. صفحة استعراض الموضوع والردود على الجوال (مطابقة للصورة 1 والصورة 2)
       ------------------------------------------------------------------------- */
    .st-topic-header-flex-row {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
        margin-bottom: 6px !important;
        width: 100% !important;
    }

    .startimes-topic-blue-banner {
        height: 34px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .topic-banner-title-h1 {
        font-size: 12.5px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .st-topic-nav-capsule {
        height: 28px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
        border-radius: 12px !important;
        white-space: nowrap !important;
    }

    .st-post-box-authentic {
        border: 1.5px solid #7cb1ea !important;
        border-radius: 8px !important;
        margin-bottom: 8px !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    .st-post-grid-layout {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    /* هيدر العضوية الأفقي أعلى المشاركة مطابق 100% للمرفق 1 لستار تايمز */
    .st-author-sidebar-col {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        border-left: none !important;
        border-bottom: 1.5px solid #7cb1ea !important;
        background: #eaf4fd !important;
        padding: 4px 6px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 5px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        direction: rtl !important;
    }

    /* 1. صورة العضو على اليمين */
    .st-author-sidebar-col .author-avatar-container {
        display: inline-flex !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        margin: 0 !important;
        border: 1.5px solid #93c5fd !important;
        order: 1 !important;
        flex: 0 0 38px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .st-author-sidebar-col .author-avatar-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 2. الاسم وأسفله النجوم */
    .st-author-sidebar-col .leadership-top-pill {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 3px 10px !important;
        border-radius: 14px !important;
        min-height: 26px !important;
        height: auto !important;
        width: auto !important;
        min-width: unset !important;
        max-width: unset !important;
        order: 2 !important;
        flex: 0 0 auto !important;
        box-sizing: border-box !important;
    }

    .st-author-sidebar-col .leadership-pill-link {
        font-size: 13.5px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        line-height: normal !important;
    }

    .st-author-sidebar-col .author-plain-box {
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        max-width: unset !important;
        min-width: unset !important;
        width: auto !important;
        order: 2 !important;
        flex: 0 0 auto !important;
    }

    .st-author-sidebar-col .author-plain-name {
        font-size: 13.5px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        display: inline-block !important;
        margin-bottom: 1px !important;
    }

    .st-author-sidebar-col .mod-red-stars-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1px !important;
        font-size: 9.5px !important;
        line-height: 1 !important;
        margin-top: 1px !important;
    }

    .st-author-sidebar-col .mod-red-stars-row {
        display: flex !important;
        gap: 1px !important;
        line-height: 1 !important;
    }

    /* 3. مربع يعرض المشاركات: والعداد بالسطر الثاني والسطر الثالث العلم */
    .st-author-sidebar-col .author-stats-flag-wrapper {
        order: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        border: 1px solid #7cb1ea !important;
        border-radius: 4px !important;
        padding: 2px 7px !important;
        width: auto !important;
        min-width: 60px !important;
        max-width: 75px !important;
        flex: 0 0 auto !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .st-author-sidebar-col .author-stats-flag-wrapper .author-stats-lines {
        width: auto !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .st-author-sidebar-col .author-stats-flag-wrapper .stat-line-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0px !important;
        line-height: 1.15 !important;
        margin: 0 !important;
    }

    .st-author-sidebar-col .author-stats-flag-wrapper .stat-lbl {
        font-size: 10px !important;
        color: #475569 !important;
        font-weight: normal !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    .st-author-sidebar-col .author-stats-flag-wrapper .stat-num {
        font-size: 10.5px !important;
        font-weight: bold !important;
        color: #000000 !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    .st-author-sidebar-col .author-stats-flag-wrapper .author-flag-container {
        margin: 2px 0 0 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    .st-author-sidebar-col .author-stats-flag-wrapper .author-real-flag-img {
        height: 12px !important;
        width: auto !important;
        border: 0.5px solid #cbd5e1 !important;
        display: block !important;
    }

    .st-author-sidebar-col .author-points-desktop-only {
        display: none !important;
    }

    /* 4. مربع الوصف (نفس لون خلفية بطاقة العضو في متصفح الكمبيوتر #f8fafc) */
    .st-author-sidebar-col .author-role-label {
        order: 4 !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        background: #f8fafc !important; /* نفس لون خلفية بطاقة العضو في متصفح الكمبيوتر */
        border: 1px solid #c2daf0 !important;
        border-radius: 4px !important;
        padding: 4px 6px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 40px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .st-author-sidebar-col .author-role-label * {
        font-size: 11px !important;
        font-weight: bold !important;
        color: #000000 !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        text-align: center !important;
        white-space: normal !important;
        font-family: Arial, Tahoma, sans-serif !important;
        line-height: 1.25 !important;
    }

    .st-author-sidebar-col .author-stats-green-lines,
    .st-author-sidebar-col .author-latest-medal-card {
        display: none !important;
    }

    /* شريط أدوات المشاركة العلوي على الجوال */
    .st-post-top-toolbar {
        padding: 3px 6px !important;
        background: transparent !important;
        border-bottom: 1px solid #eef2f6 !important;
        display: flex !important;
        align-items: center !important;
        direction: rtl !important;
    }

    .post-date-and-tools-group {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 4px !important;
        flex-wrap: nowrap !important;
    }

    .post-date-pill {
        background: #eef7fd !important;
        border: 1px solid #c8e1f5 !important;
        color: #20639b !important;
        border-radius: 12px !important;
        padding: 2px 8px !important;
        font-size: 11px !important;
        font-weight: bold !important;
        white-space: nowrap !important;
        order: 1 !important;
    }

    #topic-followers-pill-wrap {
        order: 2 !important;
    }

    .topic-followers-pill {
        border-radius: 12px !important;
        padding: 2px 8px !important;
        font-size: 11px !important;
        font-weight: bold !important;
        white-space: nowrap !important;
    }

    .st-post-circular-strip {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        margin-right: auto !important;
        order: 3 !important;
        overflow-x: auto !important;
        max-width: calc(100% - 90px) !important;
    }

    .st-post-circ-btn {
        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    .st-post-circ-btn svg {
        width: 12px !important;
        height: 12px !important;
    }

    .st-post-content-col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 6px 10px !important;
        box-sizing: border-box !important;
    }

    .st-post-text-body {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    .st-post-text-body img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* -------------------------------------------------------------------------
       8. صفحة الملف الشخصي (f.aspx?member=...) على الجوال (مطابقة للصورة 3)
       ------------------------------------------------------------------------- */
    .user-profile-container {
        width: 98% !important;
        margin: 4px auto !important;
        padding: 0 !important;
    }

    .profile-block-card {
        margin-bottom: 6px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        border: 1.5px solid #2172b8 !important;
    }

    .profile-role-header {
        height: 32px !important;
        padding: 0 10px !important;
        background: #2172b8 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
    }

    .profile-header-title {
        font-size: 14.5px !important;
        font-weight: bold !important;
        color: #ffffff !important;
    }

    .btn-profile-edit-toggle {
        left: 8px !important;
        width: 24px !important;
        height: 24px !important;
    }

    /* تقسيم بطاقة البيانات الشخصية إلى عمودين مطابق للصورة 2 */
    .profile-body-flex-authentic {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        background: #ffffff !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .profile-avatar-frame-box-right {
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 6px 4px !important;
        border-left: 1.5px solid #7eb4ea !important;
        border-right: none !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    .profile-avatar-inner {
        width: 80px !important;
        height: 80px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .user-profile-real-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 6px !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .member_points_box {
        background: #ff9900 !important;
        color: #000000 !important;
        font-weight: bold !important;
        font-size: 11px !important;
        padding: 3px 4px !important;
        border-radius: 3px !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 4px !important;
        line-height: 1.2 !important;
    }

    .profile-dashed-table-wrapper {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        background: #ffffff !important;
    }

    .authentic-user-info-table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    .authentic-user-info-table tr {
        height: 26px !important;
    }

    .authentic-user-info-table td.info-label-cell {
        background: #2172b8 !important;
        color: #ffffff !important;
        font-size: 11.5px !important;
        font-weight: bold !important;
        width: 80px !important;
        min-width: 80px !important;
        text-align: center !important;
        padding: 2px 4px !important;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.4) !important;
        box-sizing: border-box !important;
    }

    .authentic-user-info-table td.info-value-cell {
        background: #ffffff !important;
        color: #000000 !important;
        font-size: 11.5px !important;
        font-weight: bold !important;
        text-align: right !important;
        padding: 2px 6px !important;
        border-bottom: 1px dotted #7eb4ea !important;
        box-sizing: border-box !important;
    }

    /* كبسولات الأزرار السريعة */
    .useraction-bar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 6px 4px !important;
        background: #ffffff !important;
        border-top: none !important;
        border-bottom: 1.5px solid #7eb4ea !important;
    }

    .user_action_item {
        padding: 3px 8px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
        font-weight: bold !important;
        border: 1.5px solid #20639b !important;
        color: #165a88 !important;
        background: #ffffff !important;
        gap: 4px !important;
        height: 26px !important;
        box-sizing: border-box !important;
    }

    .action-pill-circle {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
    }

    .action-pill-circle svg {
        width: 9px !important;
        height: 9px !important;
    }

    /* الأدوات الإشرافية بالملف الشخصي */
    .profile-mod-tools-bar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 6px 4px !important;
        background: #ffffff !important;
    }

    .st-profile-mod-pill {
        padding: 3px 8px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
        font-weight: bold !important;
        border: 1.5px solid #20639b !important;
        color: #165a88 !important;
        background: #ffffff !important;
        height: 26px !important;
        box-sizing: border-box !important;
    }

    /* جدول إحصائيات وبيانات */
    .st-profile-stats-table tr {
        height: 26px !important;
    }

    .st-profile-stats-table td.st-stat-lbl-cell {
        background: #2172b8 !important;
        color: #ffffff !important;
        font-size: 11.5px !important;
        font-weight: bold !important;
        width: 95px !important;
        min-width: 95px !important;
        text-align: center !important;
        padding: 2px 4px !important;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.4) !important;
    }

    .st-profile-stats-table td.st-stat-val-cell {
        background: #ffffff !important;
        color: #000000 !important;
        font-size: 11.5px !important;
        font-weight: bold !important;
        text-align: right !important;
        padding: 2px 8px !important;
        border-bottom: 1px dotted #7eb4ea !important;
    }

    /* -------------------------------------------------------------------------
       بطاقة آخر المواضيع بالملف الشخصي على الجوال (مطابقة 100% للمرفق 2 لستار تايمز)
       ------------------------------------------------------------------------- */
    .m-profile-topics-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        padding: 6px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    .m-profile-topic-card {
        background: #ffffff !important;
        border: 1.5px solid #7cb1ea !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        transition: background-color 0.15s ease !important;
    }

    .m-profile-topic-card:hover {
        background-color: #f8fafc !important;
    }

    /* 1. الخلية اليمنى: المنتدى والأيقونة */
    .m-ptopic-forum-cell {
        width: 105px !important;
        min-width: 95px !important;
        max-width: 115px !important;
        border-left: 1.5px solid #7cb1ea !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 6px 4px !important;
        background: #ffffff !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
    }

    .m-ptopic-forum-title {
        font-size: 11px !important;
        font-weight: bold !important;
        color: #000000 !important;
        text-align: center !important;
        line-height: 1.2 !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    .m-ptopic-forum-ico {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }

    .m-ptopic-forum-img {
        width: 16px !important;
        height: 16px !important;
        object-fit: contain !important;
    }

    .m-ptopic-forum-emoji {
        font-size: 13px !important;
        line-height: 1 !important;
    }

    /* 2. الخلية اليسرى: الموضوع والبيانات */
    .m-ptopic-body-cell {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 5px 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 3px !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
    }

    .m-ptopic-row-title {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
        line-height: 1.3 !important;
    }

    .m-ptopic-icon-doc,
    .m-ptopic-icon-lock,
    .m-ptopic-icon-pin {
        font-size: 12px !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
    }

    .m-ptopic-dots {
        font-size: 10px !important;
        color: #475569 !important;
        flex-shrink: 0 !important;
        user-select: none !important;
    }

    .m-ptopic-link {
        font-size: 12.5px !important;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    .m-ptopic-link:hover {
        color: #0279b8 !important;
        text-decoration: underline !important;
    }

    .m-ptopic-row-meta {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        flex-wrap: wrap !important;
        font-size: 10.5px !important;
        line-height: 1.3 !important;
        font-family: Arial, Tahoma, sans-serif !important;
    }

    .m-pmeta-item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        white-space: nowrap !important;
    }

    .m-pmeta-lbl {
        color: #475569 !important;
        font-weight: normal !important;
    }

    .m-pmeta-user {
        font-weight: bold !important;
        text-decoration: none !important;
    }

    .m-pmeta-user:hover {
        text-decoration: underline !important;
    }

    .m-pmeta-val-bold {
        font-weight: bold !important;
        color: #000000 !important;
    }

    .m-pmeta-time-green {
        color: #059669 !important;
        font-weight: bold !important;
        direction: ltr !important;
        display: inline-block !important;
    }

    .m-ptopic-page-wrap {
        display: flex !important;
        justify-content: flex-end !important;
        margin-top: 1px !important;
    }

    .m-ptopic-page-pill {
        background: #2172b8 !important;
        color: #ffffff !important;
        padding: 1px 7px !important;
        border-radius: 4px !important;
        font-size: 10.5px !important;
        font-weight: bold !important;
        text-decoration: none !important;
        font-family: Arial, Tahoma, sans-serif !important;
        transition: background 0.15s ease !important;
    }

    .m-ptopic-page-pill:hover {
        background: #1a5c96 !important;
        color: #ffffff !important;
    }

    /* شبكة الأوسمة */
    .profile-medals-grid-authentic {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        padding: 6px !important;
        background: #ffffff !important;
    }

    .medal-pill-box-authentic {
        padding: 4px 6px !important;
        border-radius: 8px !important;
        border: 1.5px solid #93c5fd !important;
        min-height: 50px !important;
        gap: 4px !important;
        box-sizing: border-box !important;
    }

    .medal-emoji-circle {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    .medal-emoji-circle img {
        max-width: 32px !important;
        max-height: 32px !important;
    }

    .medal-forum-name {
        font-size: 11px !important;
    }

    .medal-award-title {
        font-size: 10.5px !important;
    }

    .medal-date-time {
        font-size: 10px !important;
    }


    /* -------------------------------------------------------------------------
       9. فوتر الصفحة الرئيسية على الجوال بسطرين لكي تبان الحقوق والنسخة كاملة
       ------------------------------------------------------------------------- */
    .forumrexar-home-footer {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
        padding: 0 4px !important;
        margin: 10px auto 16px auto !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
    }

    .home-footer-dock-strip {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 34px !important;
        max-height: unset !important;
        line-height: 1.4 !important;
        padding: 6px 12px !important;
        text-align: center !important;
        justify-content: center !important;
        white-space: normal !important;
        font-size: 13px !important;
        font-family: Arial, Tahoma, sans-serif !important;
        font-weight: bold !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
    }

    .footer-version-link {
        color: #0279b8 !important;
        text-decoration: none !important;
        cursor: pointer !important;
        font-weight: bold !important;
        display: inline-block !important;
        transition: color 0.15s ease !important;
    }

    .footer-version-link:hover,
    .footer-version-link:active {
        color: #f2720c !important; /* لون برتقالي عند تمرير الماوس أو اللمس */
        text-decoration: none !important;
    }
}