/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* ==========================================================================
   Executive Dark Tech Admin Layout Scoped CSS — Elite Business Solutions
   Exact Match to Arabic Recruitment Admin Dashboard Screenshot
   ========================================================================== */
.admin-app-layout[b-thx90laa8s] {
    min-height: 100vh;
    background-color: #040B1A;
    background-image: 
        radial-gradient(circle at 50% 0%, rgba(14, 165, 233, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 15% 40%, rgba(2, 132, 199, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(56, 189, 248, 0.06) 0%, transparent 45%);
    color: #FFFFFF;
    font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.admin-topbar[b-thx90laa8s] {
    height: 68px;
    background: rgba(5, 13, 28, 0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(14, 165, 233, 0.18);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.admin-topbar-inner[b-thx90laa8s] {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 1.5rem;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
}

.admin-brand-cluster[b-thx90laa8s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.admin-brand-link[b-thx90laa8s] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    text-decoration: none;
    color: inherit;
}

.admin-logo[b-thx90laa8s] {
    width: 38px;
    height: 38px;
    object-fit: contain;
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.45));
}

.admin-brand-title[b-thx90laa8s] {
    font-size: 1.2rem;
    font-weight: 900;
    color: #FFFFFF;
    display: block;
    line-height: 1;
    letter-spacing: 0.5px;
}

.admin-brand-subtitle[b-thx90laa8s] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94A3B8;
    display: block;
    margin-top: 2px;
}

/* Global Search Input in Topbar */
.admin-topbar-search[b-thx90laa8s] {
    flex: 1;
    max-width: 520px;
    margin: 0 auto;
}

.topbar-search-wrap[b-thx90laa8s] {
    position: relative;
    width: 100%;
}

.topbar-search-icon[b-thx90laa8s] {
    position: absolute;
    top: 50%;
    right: 1.1rem;
    transform: translateY(-50%);
    color: #38BDF8;
    font-size: 0.95rem;
    pointer-events: none;
}

.topbar-search-input[b-thx90laa8s] {
    width: 100%;
    height: 40px;
    background: rgba(8, 20, 42, 0.85);
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 30px;
    padding: 0 2.6rem 0 1.2rem;
    color: #FFFFFF;
    font-size: 0.85rem;
    font-family: inherit;
    outline: none;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.topbar-search-input:focus[b-thx90laa8s] {
    border-color: #38BDF8;
    box-shadow: 0 0 15px rgba(56, 189, 248, 0.25);
    background: rgba(10, 25, 52, 0.95);
}

.topbar-search-input[b-thx90laa8s]::placeholder {
    color: #64748B;
}

/* Left Actions: Notification Bell & User Profile */
.admin-actions[b-thx90laa8s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.topbar-notif-btn[b-thx90laa8s] {
    position: relative;
    background: transparent;
    border: none;
    color: #CBD5E1;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.topbar-notif-btn:hover[b-thx90laa8s] {
    color: #38BDF8;
}

.notif-badge[b-thx90laa8s] {
    position: absolute;
    top: 0;
    right: 0;
    background: #EF4444;
    color: #FFFFFF;
    font-size: 0.65rem;
    font-weight: 800;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
}

.admin-user-pill[b-thx90laa8s] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(15, 28, 54, 0.75);
    border: 1px solid rgba(56, 189, 248, 0.22);
    padding: 0.3rem 0.4rem 0.3rem 0.85rem;
    border-radius: 30px;
    color: #E2E8F0;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
}

.user-avatar-circle[b-thx90laa8s] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0284C7, #38BDF8);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.btn-return-site[b-thx90laa8s] {
    background: rgba(14, 165, 233, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.3);
    color: #38BDF8;
    padding: 0.4rem 1rem;
    border-radius: 30px;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 0.2s ease;
}

.btn-return-site:hover[b-thx90laa8s] {
    background: #0284C7;
    color: #FFFFFF;
}

.admin-main-content[b-thx90laa8s] {
    flex: 1;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
}

/* Status Footer Bar */
.admin-footer[b-thx90laa8s] {
    border-top: 1px solid rgba(56, 189, 248, 0.14);
    background: rgba(4, 10, 22, 0.96);
    padding: 0.7rem 1.5rem;
    color: #94A3B8;
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: auto;
}

.admin-footer-inner[b-thx90laa8s] {
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.footer-right-status[b-thx90laa8s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.footer-sep[b-thx90laa8s] {
    color: rgba(255, 255, 255, 0.15);
}

.footer-online-item[b-thx90laa8s] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #CBD5E1;
}

.live-dot[b-thx90laa8s] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #10B981;
    box-shadow: 0 0 8px #10B981;
    display: inline-block;
}

.footer-left-brand[b-thx90laa8s] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
}

.footer-mini-logo[b-thx90laa8s] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.footer-ver[b-thx90laa8s] {
    color: #64748B;
    font-size: 0.75rem;
}

@media (max-width: 991.98px) {
    .admin-topbar-search[b-thx90laa8s] {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .admin-topbar[b-thx90laa8s] {
        height: 58px;
    }
    .admin-topbar-inner[b-thx90laa8s] {
        padding: 0 0.85rem;
    }
    .admin-main-content[b-thx90laa8s] {
        padding: 0.75rem 0.65rem;
    }
    .admin-brand-subtitle[b-thx90laa8s],
    .admin-username[b-thx90laa8s] {
        display: none;
    }
    .admin-footer-inner[b-thx90laa8s] {
        justify-content: center;
        text-align: center;
    }
}

/* زر تسجيل الخروج في الشريط العلوي */
.btn-topbar-logout[b-thx90laa8s] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.42rem 0.85rem;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: 9999px;
    color: #FCA5A5;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
}

.btn-topbar-logout:hover[b-thx90laa8s] {
    background: rgba(239, 68, 68, 0.28);
    border-color: #EF4444;
    color: #FFFFFF;
    box-shadow: 0 0 14px rgba(239, 68, 68, 0.4);
    transform: translateY(-1px);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* MainLayout.razor Scoped CSS — Professional Responsive Header & Layout System */

.brand-logo-fallback[b-2ko7oslnyr] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   Comprehensive Responsive Header Adaptations across All Viewports
   ========================================================================== */

.site-header[b-2ko7oslnyr] {
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    transition: height 0.25s ease, background 0.25s ease !important;
}

.elite-header-container[b-2ko7oslnyr] {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* --- Laptops & Small Desktops (1024px - 1279.98px) --- */
@media (min-width: 1024px) and (max-width: 1279.98px) {
    .elite-header-container[b-2ko7oslnyr] {
        padding: 0 1.25rem !important;
    }
    .nav-links[b-2ko7oslnyr] {
        gap: 0.75rem !important;
    }
    .nav-item[b-2ko7oslnyr] {
        font-size: 0.88rem !important;
        padding: 0.35rem 0.5rem !important;
    }
    .btn-header-cta[b-2ko7oslnyr] {
        padding: 0.45rem 0.85rem !important;
        font-size: 0.85rem !important;
    }
}

/* --- Medium Tablets & Boundary Viewports (992px - 1023.98px) --- */
@media (min-width: 992px) and (max-width: 1023.98px) {
    .elite-header-container[b-2ko7oslnyr] {
        padding: 0 1rem !important;
    }
    .nav-links[b-2ko7oslnyr] {
        gap: 0.5rem !important;
    }
    .nav-item[b-2ko7oslnyr] {
        font-size: 0.82rem !important;
        padding: 0.3rem 0.45rem !important;
    }
    .btn-header-cta[b-2ko7oslnyr] {
        padding: 0.4rem 0.75rem !important;
        font-size: 0.82rem !important;
    }
}

/* --- Tablets & Mobile Boundary (< 992px) --- */
@media (max-width: 991.98px) {
    .nav-links[b-2ko7oslnyr] {
        display: none !important;
    }
    .mobile-menu-btn[b-2ko7oslnyr] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* --- Large Mobile & Small Tablets (< 768px) --- */
@media (max-width: 767.98px) {
    .site-header[b-2ko7oslnyr] {
        height: 60px !important;
    }
    .elite-header-container[b-2ko7oslnyr] {
        padding: 0 0.85rem !important;
    }
    .btn-header-cta[b-2ko7oslnyr] {
        display: none !important; /* Hide desktop quote CTA to prevent crowding; CTA is prominent in mobile drawer */
    }
    .brand-logo[b-2ko7oslnyr] {
        gap: 0.65rem !important;
    }
    .brand-logo-wrap[b-2ko7oslnyr] {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .brand-logo-text .brand-name[b-2ko7oslnyr] {
        font-size: 0.95rem !important;
        white-space: nowrap !important;
    }
    .brand-logo-text .brand-tagline[b-2ko7oslnyr] {
        font-size: 0.65rem !important;
        opacity: 0.85 !important;
    }
    .header-actions[b-2ko7oslnyr] {
        gap: 0.5rem !important;
    }
    .lang-switch-pill[b-2ko7oslnyr] {
        padding: 0.35rem 0.65rem !important;
        font-size: 0.8rem !important;
        height: 36px !important;
    }
    .mobile-menu-btn[b-2ko7oslnyr] {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        font-size: 1.25rem !important;
    }

    /* Mobile Drawer Improvements */
    .mobile-drawer-nav .mobile-nav-item[b-2ko7oslnyr],
    .mobile-drawer-nav .mobile-nav-subitem[b-2ko7oslnyr] {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0.65rem 1rem !important;
        font-size: 0.95rem !important;
    }
    .btn-drawer-cta[b-2ko7oslnyr] {
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 1rem !important;
    }
    .footer-social-strip .social-circle[b-2ko7oslnyr] {
        width: 42px !important;
        height: 42px !important;
        font-size: 1.15rem !important;
    }
}

/* --- Small Mobile Phones (320px - 375px) --- */
@media (max-width: 375.98px) {
    .site-header[b-2ko7oslnyr] {
        height: 56px !important;
    }
    .elite-header-container[b-2ko7oslnyr] {
        padding: 0 0.5rem !important;
    }
    .brand-logo[b-2ko7oslnyr] {
        gap: 0.45rem !important;
    }
    .brand-logo-wrap[b-2ko7oslnyr] {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .brand-logo-text .brand-name[b-2ko7oslnyr] {
        font-size: 0.84rem !important;
    }
    .brand-logo-text .brand-tagline[b-2ko7oslnyr] {
        display: none !important; /* Hide tagline on ultra-compact 320px-375px phones */
    }
    .header-actions[b-2ko7oslnyr] {
        gap: 0.35rem !important;
    }
    .lang-switch-pill[b-2ko7oslnyr] {
        padding: 0.25rem 0.5rem !important;
        font-size: 0.75rem !important;
        height: 32px !important;
    }
    .mobile-menu-btn[b-2ko7oslnyr] {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        font-size: 1.15rem !important;
    }
}

/* Mobile Responsive Fine-Tuning for Header */
@media (max-width: 767.98px) {
    .site-header[b-2ko7oslnyr] {
        height: 60px !important;
    }
    .elite-header-container[b-2ko7oslnyr] {
        padding: 0 0.85rem !important;
    }
    .brand-logo-text .brand-name[b-2ko7oslnyr] {
        font-size: 0.92rem !important;
        white-space: nowrap !important;
    }
    .brand-logo-text .brand-tagline[b-2ko7oslnyr] {
        display: none !important;
    }
    .btn-header-cta[b-2ko7oslnyr] {
        display: none !important;
    }
    .lang-toggle-btn[b-2ko7oslnyr] {
        padding: 0.28rem 0.6rem !important;
        font-size: 0.74rem !important;
        min-height: 34px !important;
        height: 34px !important;
    }
    .mobile-menu-btn[b-2ko7oslnyr] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
}

@media (max-width: 375.98px) {
    .site-header[b-2ko7oslnyr] {
        height: 56px !important;
    }
    .elite-header-container[b-2ko7oslnyr] {
        padding: 0 0.5rem !important;
    }
    .brand-logo-wrap[b-2ko7oslnyr] {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .brand-logo-img[b-2ko7oslnyr] {
        height: 26px !important;
    }
    .brand-logo-text .brand-name[b-2ko7oslnyr] {
        font-size: 0.82rem !important;
    }
    .lang-toggle-btn[b-2ko7oslnyr] {
        padding: 0.2rem 0.45rem !important;
        font-size: 0.68rem !important;
        min-height: 30px !important;
        height: 30px !important;
    }
    .mobile-menu-btn[b-2ko7oslnyr] {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        font-size: 1.1rem !important;
    }
}


/* Header Logo Enhancements & Tech Glow */
.brand-logo-wrap[b-2ko7oslnyr] {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
}

.brand-logo-img[b-2ko7oslnyr] {
    height: 42px !important;
    width: auto !important;
    max-width: 150px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 10px rgba(0, 214, 240, 0.4)) !important;
    transition: transform 0.25s ease, filter 0.25s ease !important;
}

.brand-logo:hover .brand-logo-img[b-2ko7oslnyr] {
    transform: scale(1.04) !important;
    filter: drop-shadow(0 0 18px rgba(0, 214, 240, 0.7)) !important;
}

/* Footer Logos (Pure White) */
.footer-logo-img[b-2ko7oslnyr] {
    height: 44px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 255, 255, 0.2)) !important;
    opacity: 0.95 !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.footer-logo-img:hover[b-2ko7oslnyr] {
    opacity: 1 !important;
    transform: scale(1.03) !important;
}

.footer-bottom-logo[b-2ko7oslnyr] {
    height: 22px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    opacity: 0.85 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
/* /Components/Pages/AdminDashboard.razor.rz.scp.css */
/* ==========================================================================
   Admin Dashboard Scoped CSS — Elite Business Solutions
   Exact Match to Official "Arabic Recruitment Admin Dashboard.png"
   Color Palette:
     - Deep Midnight Background: #040B1A / #061024
     - KPI Card 1 (Blue):    linear-gradient(135deg, #0A254E 0%, #071834 100%)
     - KPI Card 2 (Purple):  linear-gradient(135deg, #3B175E 0%, #260E40 100%)
     - KPI Card 3 (Emerald): linear-gradient(135deg, #063E3B 0%, #042928 100%)
     - KPI Card 4 (Navy):    linear-gradient(135deg, #0C2244 0%, #07142C 100%)
   Full Mobile & Cross-Device Responsiveness Included
   ========================================================================== */

/* 🌟 الحاوية الرئيسية الشاملة: توزيع ثنائي أفقي (Sidebar على اليمين + Main Content على اليسار) 🌟 */
.admin-dashboard-wrapper[b-blaoeeys9b] {
    display: flex;
    flex-direction: row;
    gap: 1.35rem;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    position: relative;
    font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;
    color: #FFFFFF;
    background: transparent;
    padding: 0.25rem 0 2rem 0;
}

/* 🌟 طبقة التعتيم الخلفية للشاشات الصغيرة والمتوسطة 🌟 */
.sidebar-backdrop[b-blaoeeys9b] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(2, 8, 20, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 2040;
    cursor: pointer;
    animation: adminBackdropFade-b-blaoeeys9b 0.22s ease-out;
}

@keyframes adminBackdropFade-b-blaoeeys9b {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* =========================================================================
   1. القائمة الجانبية اليمنى (Right Sidebar - Exact Match to Screenshot)
   ========================================================================= */
.admin-sidebar[b-blaoeeys9b] {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    flex-shrink: 0;
    background: rgba(5, 13, 28, 0.96);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(14, 165, 233, 0.2);
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.65);
    position: sticky;
    top: 68px;
    height: calc(100vh - 68px);
    max-height: calc(100vh - 68px);
    display: flex;
    flex-direction: column;
    z-index: 100;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 992px) {
    .sidebar-mobile-top[b-blaoeeys9b] {
        display: none !important;
    }
}

.sidebar-mobile-top[b-blaoeeys9b] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(56, 189, 248, 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(8, 22, 46, 0.8);
}

/* رأس القائمة الجانبية للشاشات الكبيرة مع زر طي/توسيع القائمة */
.sidebar-header-desktop[b-blaoeeys9b] {
    display: none;
    padding: 0.85rem 1rem 0.35rem 1rem;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .sidebar-header-desktop[b-blaoeeys9b] {
        display: flex;
    }
}

.sidebar-brand-cluster[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 0.95rem;
}

.sidebar-title-text[b-blaoeeys9b] {
    color: #FFFFFF;
    letter-spacing: -0.2px;
}

.btn-sidebar-toggle[b-blaoeeys9b] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(56, 189, 248, 0.22);
    color: #38BDF8;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-sidebar-toggle:hover[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.2);
    color: #FFFFFF;
    border-color: #38BDF8;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
}

/* وضع القائمة المطوية (Collapsed Sidebar) */
.admin-sidebar.collapsed[b-blaoeeys9b] {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
}

.admin-sidebar.collapsed .sidebar-title-text[b-blaoeeys9b],
.admin-sidebar.collapsed .home-label[b-blaoeeys9b],
.admin-sidebar.collapsed .item-label[b-blaoeeys9b],
.admin-sidebar.collapsed .item-badge[b-blaoeeys9b] {
    display: none !important;
}

.admin-sidebar.collapsed .sidebar-item[b-blaoeeys9b] {
    justify-content: center !important;
    padding: 0.65rem 0.5rem !important;
    position: relative !important;
}

.admin-sidebar.collapsed .item-content[b-blaoeeys9b] {
    justify-content: center !important;
    width: 100% !important;
}

.admin-sidebar.collapsed .item-icon[b-blaoeeys9b] {
    font-size: 1.25rem !important;
    margin: 0 !important;
}

.admin-sidebar.collapsed .btn-sidebar-home[b-blaoeeys9b] {
    justify-content: center !important;
    padding: 0.65rem 0.5rem !important;
}

.admin-sidebar.collapsed .btn-sidebar-home .home-icon[b-blaoeeys9b] {
    margin: 0 !important;
    font-size: 1.25rem !important;
}

.admin-sidebar.collapsed .sidebar-header-desktop[b-blaoeeys9b] {
    justify-content: center !important;
    padding: 0.75rem 0.25rem !important;
}

.admin-sidebar.collapsed .sidebar-brand-cluster[b-blaoeeys9b] {
    display: none !important;
}

.btn-sidebar-close[b-blaoeeys9b] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(56, 189, 248, 0.25);
    color: #94A3B8;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* زر 'الرئيسية' الأزرق البارز في أعلى القائمة الجانبية */
.sidebar-top-cta[b-blaoeeys9b] {
    padding: 1rem 0.85rem 0.5rem 0.85rem;
}

.btn-sidebar-home[b-blaoeeys9b] {
    width: 100%;
    height: 48px;
    background: linear-gradient(90deg, #1D4ED8 0%, #0284C7 100%);
    border: 1px solid rgba(56, 189, 248, 0.45);
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 1.1rem;
    gap: 0.75rem;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4);
    transition: all 0.22s ease;
    font-family: inherit;
}

.btn-sidebar-home:hover[b-blaoeeys9b],
.btn-sidebar-home.active[b-blaoeeys9b] {
    background: linear-gradient(90deg, #2563EB 0%, #0EA5E9 100%);
    box-shadow: 0 8px 25px rgba(14, 165, 233, 0.55);
    transform: translateY(-1px);
}

.home-icon[b-blaoeeys9b] {
    font-size: 1.25rem;
    color: #FFFFFF;
}

/* جسم القائمة والتنقل بين الأقسام */
.sidebar-nav-body[b-blaoeeys9b] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    box-sizing: border-box;
}

.sidebar-nav-body[b-blaoeeys9b]::-webkit-scrollbar {
    width: 4px;
}
.sidebar-nav-body[b-blaoeeys9b]::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.25);
    border-radius: 10px;
}

.sidebar-nav-group[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sidebar-section-heading[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.75rem;
    color: #CBD5E1;
    font-size: 0.88rem;
    font-weight: 800;
}

/* عناصر القائمة الجانبية (Sidebar Items) */
.sidebar-item[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.62rem 0.85rem;
    border-radius: 10px;
    color: #CBD5E1;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    border: 1px solid transparent;
    text-decoration: none;
}

.sidebar-item:hover[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.12);
    color: #FFFFFF;
    border-color: rgba(56, 189, 248, 0.2);
}

/* العنصر النشط في القائمة الجانبية - مطابق لـ 'طلبات التوظيف مستمر' في الصورة */
.sidebar-item.active[b-blaoeeys9b] {
    background: linear-gradient(90deg, rgba(2, 132, 199, 0.85) 0%, rgba(14, 165, 233, 0.95) 100%) !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    border-color: #38BDF8 !important;
    box-shadow: 0 4px 18px rgba(14, 165, 233, 0.4) !important;
}

.sidebar-item.active .item-icon[b-blaoeeys9b] {
    color: #FFFFFF !important;
}

.item-content[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.item-icon[b-blaoeeys9b] {
    font-size: 1.1rem;
    color: #94A3B8;
    flex-shrink: 0;
    transition: color 0.2s ease;
}

.sidebar-item:hover .item-icon[b-blaoeeys9b] {
    color: #38BDF8;
}

.item-label[b-blaoeeys9b] {
    font-size: 0.86rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* شارات الأرقام الملونة على يسار عناصر القائمة الجانبية (مطابقة تماماً للصورة) */
.item-badge[b-blaoeeys9b] {
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.15rem 0.6rem;
    border-radius: 20px;
    line-height: 1.2;
    flex-shrink: 0;
    font-family: 'JetBrains Mono', monospace;
}

.badge-blue[b-blaoeeys9b],
.badge-all[b-blaoeeys9b] {
    background: rgba(2, 132, 199, 0.35);
    color: #38BDF8;
    border: 1px solid rgba(56, 189, 248, 0.35);
}

.badge-cyan-solid[b-blaoeeys9b] {
    background: #0EA5E9;
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.badge-gold[b-blaoeeys9b],
.badge-warning[b-blaoeeys9b] {
    background: rgba(202, 138, 4, 0.35);
    color: #FACC15;
    border: 1px solid rgba(250, 204, 21, 0.4);
}

.badge-emerald[b-blaoeeys9b],
.badge-success[b-blaoeeys9b] {
    background: rgba(5, 150, 105, 0.35);
    color: #34D399;
    border: 1px solid rgba(52, 211, 153, 0.4);
}

/* بطاقة 'معاً نبني فريق المستقبل' في أسفل القائمة الجانبية */
.sidebar-promo-footer[b-blaoeeys9b] {
    margin: 0.75rem 0.85rem 0.9rem 0.85rem;
    padding: 0.9rem 1rem;
    background: linear-gradient(135deg, rgba(8, 28, 64, 0.92) 0%, rgba(4, 15, 36, 0.96) 100%);
    border: 1px solid rgba(56, 189, 248, 0.3);
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 0 0 20px rgba(14, 165, 233, 0.08);
    transition: all 0.22s ease;
}

.sidebar-promo-footer:hover[b-blaoeeys9b] {
    border-color: #38BDF8;
    transform: translateY(-2px);
}

.promo-chart-icon[b-blaoeeys9b] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(14, 165, 233, 0.18);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38BDF8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.promo-text-col[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.promo-main-title[b-blaoeeys9b] {
    font-size: 0.84rem;
    font-weight: 800;
    color: #FFFFFF;
    line-height: 1.3;
}

.promo-sub-brand[b-blaoeeys9b] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94A3B8;
}

/* =========================================================================
   2. مساحة المحتوى الرئيسية والترويسة العلوية (Main Viewport & Header)
   ========================================================================= */
.admin-main-section[b-blaoeeys9b] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    box-sizing: border-box;
}

/* شريط التحكم المحمول (Mobile Action Bar) */
.mobile-action-bar[b-blaoeeys9b] {
    display: none;
    height: 54px;
    background: rgba(6, 16, 34, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(56, 189, 248, 0.25);
    border-radius: 14px;
    padding: 0 1rem;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    width: 100%;
}

.btn-mobile-toggle[b-blaoeeys9b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    border: none;
    color: #38BDF8;
    font-size: 0.95rem;
    font-weight: 800;
    cursor: pointer;
}

.mobile-section-badge[b-blaoeeys9b] {
    background: rgba(2, 132, 199, 0.2);
    border: 1px solid rgba(56, 189, 248, 0.3);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #FFFFFF;
}

.mobile-btns-group[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.btn-mobile-icon[b-blaoeeys9b] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #94A3B8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* 🌟 ترويسة لوحة التحكم الرئيسية (Hero Header Row) 🌟 */
.dash-action-header[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 0.5rem 0.25rem;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.header-right-cluster[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.hero-people-badge[b-blaoeeys9b] {
    font-size: 2.35rem;
    color: #38BDF8;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 0 12px rgba(56, 189, 248, 0.4));
}

.header-titles-col[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.section-heading[b-blaoeeys9b] {
    font-size: 1.7rem;
    font-weight: 900;
    color: #FFFFFF;
    margin: 0;
    line-height: 1.2;
}

.section-filter-tag[b-blaoeeys9b] {
    font-size: 0.9rem;
    color: #94A3B8;
    font-weight: 600;
}

.count-badge[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.18);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38BDF8;
    font-size: 0.82rem;
    font-weight: 800;
    padding: 0.2rem 0.75rem;
    border-radius: 20px;
}

/* أزرار الترويسة (قائمة أمنية + تسجيل الخروج) */
.header-btns[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-security-outline[b-blaoeeys9b],
.btn-action-outline[b-blaoeeys9b] {
    background: rgba(10, 22, 44, 0.8);
    border: 1px solid rgba(56, 189, 248, 0.28);
    color: #E2E8F0;
    border-radius: 10px;
    padding: 0.55rem 1.25rem;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    font-family: inherit;
    text-decoration: none;
}

.btn-security-outline:hover[b-blaoeeys9b],
.btn-action-outline:hover[b-blaoeeys9b] {
    border-color: #38BDF8;
    background: rgba(14, 165, 233, 0.15);
    color: #FFFFFF;
}

.btn-logout-solid[b-blaoeeys9b],
.btn-action-primary[b-blaoeeys9b] {
    background: linear-gradient(135deg, #0284C7 0%, #0EA5E9 100%);
    border: 1px solid rgba(56, 189, 248, 0.5);
    color: #FFFFFF;
    border-radius: 10px;
    padding: 0.55rem 1.35rem;
    font-size: 0.88rem;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.45);
    transition: all 0.2s ease;
    font-family: inherit;
    text-decoration: none;
}

.btn-logout-solid:hover[b-blaoeeys9b],
.btn-action-primary:hover[b-blaoeeys9b] {
    filter: brightness(1.1);
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(14, 165, 233, 0.6);
}

/* =========================================================================
   3. بطاقات الإحصائيات الأربع الملونة (4 Color-Coded KPI Cards)
   ========================================================================= */
.dash-kpi-grid[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.15rem;
    width: 100%;
    box-sizing: border-box;
}

.kpi-mini-card[b-blaoeeys9b] {
    border-radius: 14px;
    padding: 1.25rem 1.35rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
    min-height: 132px;
    display: flex;
    align-items: center;
}

.kpi-mini-card:hover[b-blaoeeys9b] {
    transform: translateY(-4px);
}

/* 1. ثيم البطاقة الأولى: أزرق ملكي (إجمالي المتقدمين) */
.kpi-theme-blue[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(10, 37, 78, 0.95) 0%, rgba(7, 24, 52, 0.96) 100%);
    border: 1px solid rgba(14, 165, 233, 0.45);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), inset 0 0 25px rgba(14, 165, 233, 0.1);
}

/* 2. ثيم البطاقة الثانية: بنفسجي (طلبات جديدة) */
.kpi-theme-purple[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(59, 23, 94, 0.92) 0%, rgba(38, 14, 64, 0.96) 100%);
    border: 1px solid rgba(168, 85, 247, 0.45);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), inset 0 0 25px rgba(168, 85, 247, 0.12);
}

/* 3. ثيم البطاقة الثالثة: أخضر زمردي (قيد التقييم) */
.kpi-theme-emerald[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(6, 62, 59, 0.92) 0%, rgba(4, 41, 40, 0.96) 100%);
    border: 1px solid rgba(16, 185, 129, 0.45);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), inset 0 0 25px rgba(16, 185, 129, 0.12);
}

/* 4. ثيم البطاقة الرابعة: كحلي عميق (قيد التدريب) */
.kpi-theme-navy[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(12, 34, 68, 0.92) 0%, rgba(7, 20, 44, 0.96) 100%);
    border: 1px solid rgba(56, 189, 248, 0.35);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), inset 0 0 25px rgba(56, 189, 248, 0.08);
}

.kpi-card-inner[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
}

/* الدوائر الأيقونية داخل بطاقات الإحصائيات */
.kpi-icon-circle[b-blaoeeys9b] {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.icon-circle-blue[b-blaoeeys9b] {
    background: rgba(2, 132, 199, 0.35);
    border: 1px solid rgba(56, 189, 248, 0.5);
    color: #38BDF8;
    box-shadow: 0 0 18px rgba(14, 165, 233, 0.3);
}

.icon-circle-purple[b-blaoeeys9b] {
    background: rgba(147, 51, 234, 0.35);
    border: 1px solid rgba(192, 132, 252, 0.5);
    color: #C084FC;
    box-shadow: 0 0 18px rgba(168, 85, 247, 0.3);
}

.icon-circle-emerald[b-blaoeeys9b] {
    background: rgba(16, 185, 129, 0.3);
    border: 1px solid rgba(52, 211, 153, 0.5);
    color: #34D399;
    box-shadow: 0 0 18px rgba(16, 185, 129, 0.3);
}

.icon-circle-navy[b-blaoeeys9b] {
    background: rgba(30, 64, 175, 0.35);
    border: 1px solid rgba(96, 165, 250, 0.45);
    color: #93C5FD;
    box-shadow: 0 0 18px rgba(59, 130, 246, 0.25);
}

.kpi-text-box[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}

.kpi-title[b-blaoeeys9b] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #E2E8F0;
}

.kpi-value[b-blaoeeys9b] {
    font-size: 2rem;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1.1;
    font-family: 'JetBrains Mono', 'Cairo', monospace;
}

.kpi-more-link[b-blaoeeys9b] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #38BDF8;
    margin-top: 0.2rem;
    display: inline-block;
    transition: transform 0.2s ease;
}

.kpi-mini-card:hover .kpi-more-link[b-blaoeeys9b] {
    transform: translateX(-3px);
}

/* =========================================================================
   4. شريط الفلاتر الموحد وحقل البحث المتناسق في سطر واحد تنفيذي
   ========================================================================= */
.dash-track-tabs[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(4, 12, 26, 0.65);
    padding: 0.3rem 0.45rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 0.85rem;
    overflow-x: auto;
    scrollbar-width: none;
    box-sizing: border-box;
}

.dash-track-tabs[b-blaoeeys9b]::-webkit-scrollbar {
    display: none;
}

.track-tab-btn[b-blaoeeys9b] {
    padding: 0.35rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    border-radius: 8px;
    background: transparent;
    border: none;
    color: #94A3B8;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 0.2s ease;
    white-space: nowrap;
    flex-shrink: 0;
    font-family: inherit;
}

.track-tab-btn:hover[b-blaoeeys9b] {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.06);
}

.track-tab-btn.active[b-blaoeeys9b] {
    background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%) !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 10px rgba(2, 132, 199, 0.4) !important;
}

.dash-unified-filter-bar[b-blaoeeys9b],
.dash-search-container[b-blaoeeys9b] {
    background: rgba(6, 18, 38, 0.88);
    border: 1px solid rgba(56, 189, 248, 0.2);
    border-radius: 14px;
    padding: 0.6rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-sizing: border-box;
    flex-wrap: nowrap;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.unified-pills-scroll[b-blaoeeys9b],
.filter-pills[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    overflow-x: auto;
    scrollbar-width: none;
    flex: 1;
    min-width: 0;
}

.unified-pills-scroll[b-blaoeeys9b]::-webkit-scrollbar {
    display: none;
}

.filter-pill[b-blaoeeys9b] {
    background: rgba(12, 26, 52, 0.75);
    border: 1px solid rgba(56, 189, 248, 0.2);
    color: #CBD5E1;
    border-radius: 20px;
    padding: 0.32rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 0.2s ease;
    white-space: nowrap;
    font-family: inherit;
    flex-shrink: 0;
}

.filter-pill:hover[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.16);
    color: #38BDF8;
    border-color: rgba(56, 189, 248, 0.35);
}

.filter-pill.active[b-blaoeeys9b],
.pill-highlight-cyan[b-blaoeeys9b] {
    background: linear-gradient(135deg, #0284C7 0%, #00D6F0 100%) !important;
    color: #020914 !important;
    font-weight: 800 !important;
    border-color: #38BDF8 !important;
    box-shadow: 0 2px 10px rgba(0, 214, 240, 0.35) !important;
}

/* صندوق البحث داخل شريط الفلاتر */
.unified-search-box[b-blaoeeys9b],
.search-box[b-blaoeeys9b] {
    position: relative;
    width: 280px;
    max-width: 100%;
    flex-shrink: 0;
}

.unified-search-icon[b-blaoeeys9b],
.search-icon[b-blaoeeys9b] {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    color: #64748B;
    font-size: 0.9rem;
    pointer-events: none;
}

.unified-search-input[b-blaoeeys9b],
.search-input[b-blaoeeys9b] {
    width: 100%;
    height: 38px;
    background: rgba(4, 11, 24, 0.9);
    border: 1px solid rgba(56, 189, 248, 0.2);
    border-radius: 30px;
    padding: 0 1rem 0 2.5rem;
    color: #FFFFFF;
    font-size: 0.82rem;
    font-family: inherit;
    outline: none;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.unified-search-input:focus[b-blaoeeys9b],
.search-input:focus[b-blaoeeys9b] {
    border-color: #38BDF8;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.3);
}

.clear-search-btn[b-blaoeeys9b] {
    position: absolute;
    top: 50%;
    left: 2.3rem;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #94A3B8;
    cursor: pointer;
    font-size: 0.75rem;
}

/* =========================================================================
   5. جدول / قائمة أحدث طلبات التوظيف (Exact Match to Screenshot Table)
   ========================================================================= */
.recent-jobs-table-panel[b-blaoeeys9b] {
    background: rgba(6, 15, 32, 0.92);
    border: 1px solid rgba(14, 165, 233, 0.22);
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    width: 100%;
}

.recent-panel-topbar[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.recent-panel-heading[b-blaoeeys9b] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0;
}

.btn-view-all-link[b-blaoeeys9b] {
    background: transparent;
    border: none;
    color: #38BDF8;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-family: inherit;
    transition: color 0.2s ease;
}

.btn-view-all-link:hover[b-blaoeeys9b] {
    color: #7DD3FC;
}

/* ترويسة الجدول (5 أعمدة متناسقة) */
.recent-table-thead[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: 2.2fr 1.8fr 1.2fr 1.2fr 1fr;
    align-items: center;
    padding: 0.65rem 0.75rem;
    color: #94A3B8;
    font-size: 0.82rem;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.recent-table-tbody[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
}

/* صف الجدول الواحد (Row) */
.recent-table-tr[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: 2.2fr 1.8fr 1.2fr 1.2fr 1fr;
    align-items: center;
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    cursor: pointer;
    transition: background 0.18s ease;
}

.recent-table-tr:last-child[b-blaoeeys9b] {
    border-bottom: none;
}

.recent-table-tr:hover[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.06);
    border-radius: 10px;
}

/* العمود 1: الاسم + الأفاتار الدائري */
.col-applicant[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.row-avatar-circle[b-blaoeeys9b] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(2, 132, 199, 0.28);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.row-applicant-info[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.row-applicant-name[b-blaoeeys9b] {
    font-size: 0.94rem;
    font-weight: 800;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.row-applicant-subdate[b-blaoeeys9b] {
    font-size: 0.72rem;
    color: #64748B;
    font-family: 'JetBrains Mono', monospace;
}

/* العمود 2: الوظيفة */
.col-job[b-blaoeeys9b] {
    min-width: 0;
}

.row-job-label[b-blaoeeys9b] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #E2E8F0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* العمود 3: تاريخ التقديم */
.col-date[b-blaoeeys9b] {
    min-width: 0;
}

.row-date-val[b-blaoeeys9b] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #CBD5E1;
    font-family: 'JetBrains Mono', monospace;
}

/* العمود 4: شارة الحالة الكبسولية (عرض الطلب / قيد التقييم / قيد التدريب) */
.col-status[b-blaoeeys9b] {
    display: flex;
    align-items: center;
}

.table-status-pill[b-blaoeeys9b],
.emp-status-badge[b-blaoeeys9b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.3rem 1.05rem;
    border-radius: 30px;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
    min-width: 96px;
    text-align: center;
}

/* أزرق ('عرض الطلب' / 'مستمر') */
.status-new[b-blaoeeys9b],
.status-active[b-blaoeeys9b],
.status-accepted[b-blaoeeys9b] {
    background: rgba(2, 132, 199, 0.32);
    border: 1px solid #0EA5E9;
    color: #38BDF8;
}

/* أخضر زمردي ('قيد التقييم') */
.status-interview[b-blaoeeys9b] {
    background: rgba(16, 185, 129, 0.25);
    border: 1px solid #10B981;
    color: #34D399;
}

/* بنفسجي ('قيد التدريب') */
.status-training[b-blaoeeys9b] {
    background: rgba(139, 92, 246, 0.28);
    border: 1px solid #8B5CF6;
    color: #C084FC;
}

/* العمود 5: أزرار الإجراءات الدائرية الثلاثة */
.col-actions[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.row-action-circles[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.btn-circle-act[b-blaoeeys9b] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(12, 26, 52, 0.85);
    border: 1px solid rgba(56, 189, 248, 0.25);
    color: #94A3B8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.88rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-circle-act:hover[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.2);
    color: #38BDF8;
    border-color: #38BDF8;
    transform: translateY(-1px);
}

.btn-circle-act.act-delete:hover[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.2);
    color: #EF4444;
    border-color: #EF4444;
}

/* =========================================================================
   6. شبكة البطاقات للأقسام الداخلية (.dash-cards-grid & .emp-card)
   ========================================================================= */
.dash-cards-grid[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.15rem;
    width: 100%;
    box-sizing: border-box;
}

/* =========================================================================
   6. بطاقات المتقدمين بتصميم تنفيذي عصري عالي التباين (Executive SaaS Cards)
   ========================================================================= */
.emp-card[b-blaoeeys9b] {
    background: linear-gradient(180deg, rgba(8, 22, 44, 0.88) 0%, rgba(5, 14, 28, 0.95) 100%);
    border: 1px solid rgba(56, 189, 248, 0.18);
    border-radius: 16px;
    padding: 1.2rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.emp-card:hover[b-blaoeeys9b] {
    border-color: rgba(0, 214, 240, 0.45);
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6), 0 0 22px rgba(0, 214, 240, 0.18);
}

.emp-card-header[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.emp-status-badge[b-blaoeeys9b] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.22rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1.2;
}

.emp-status-badge .status-dot[b-blaoeeys9b] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    background: currentColor;
    box-shadow: 0 0 6px currentColor;
}

.emp-status-badge.status-new[b-blaoeeys9b],
.emp-status-badge.status-active[b-blaoeeys9b] {
    background: rgba(16, 185, 129, 0.14);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #10B981;
}

.emp-status-badge.status-review[b-blaoeeys9b],
.emp-status-badge.status-under-review[b-blaoeeys9b] {
    background: rgba(56, 189, 248, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38BDF8;
}

.emp-status-badge.status-interview[b-blaoeeys9b] {
    background: rgba(168, 85, 247, 0.14);
    border: 1px solid rgba(168, 85, 247, 0.35);
    color: #C084FC;
}

.emp-status-badge.status-training[b-blaoeeys9b] {
    background: rgba(245, 158, 11, 0.14);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: #FBBF24;
}

.emp-status-badge.status-accepted[b-blaoeeys9b] {
    background: rgba(2, 132, 199, 0.18);
    border: 1px solid rgba(56, 189, 248, 0.4);
    color: #38BDF8;
}

.emp-status-badge.status-rejected[b-blaoeeys9b] {
    background: rgba(244, 63, 94, 0.12);
    border: 1px solid rgba(244, 63, 94, 0.3);
    color: #FB7185;
}

.emp-id-tag[b-blaoeeys9b] {
    font-size: 0.74rem;
    color: #94A3B8;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    letter-spacing: 0.3px;
}

.emp-profile-row[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.emp-avatar-placeholder[b-blaoeeys9b] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.35) 0%, rgba(0, 214, 240, 0.18) 100%);
    border: 1.5px solid rgba(56, 189, 248, 0.4);
    color: #38BDF8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.emp-profile-info[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.emp-name[b-blaoeeys9b] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emp-role[b-blaoeeys9b] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #38BDF8;
    margin-top: 0.15rem;
}

.emp-meta-grid[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65rem;
    background: rgba(3, 10, 22, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 0.55rem 0.85rem;
}

.emp-meta-col[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
}

.meta-label[b-blaoeeys9b] {
    font-size: 0.68rem;
    color: #64748B;
    font-weight: 600;
}

.meta-val[b-blaoeeys9b] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #F1F5F9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emp-contact-box[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: #CBD5E1;
    font-weight: 500;
}

.emp-contact-item[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.emp-contact-item i[b-blaoeeys9b] {
    color: #00D6F0;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.emp-card-actions[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.btn-emp-view[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.35) 0%, rgba(0, 214, 240, 0.22) 100%);
    border: 1px solid #0EA5E9;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 0.4rem 1rem;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 0.2s ease;
}

.btn-emp-view:hover[b-blaoeeys9b] {
    background: linear-gradient(135deg, #0284C7 0%, #00D6F0 100%);
    color: #020914;
    box-shadow: 0 0 15px rgba(0, 214, 240, 0.35);
}

.emp-mini-actions[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.btn-emp-edit[b-blaoeeys9b] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #E2E8F0;
    border-radius: 10px;
    padding: 0.4rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: all 0.2s ease;
}

.btn-emp-edit:hover[b-blaoeeys9b] {
    background: rgba(255, 255, 255, 0.12);
    color: #FFFFFF;
}

.btn-emp-delete[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #EF4444;
    border-radius: 10px;
    padding: 0.4rem 0.65rem;
    font-size: 0.82rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.btn-emp-delete:hover[b-blaoeeys9b] {
    background: #EF4444;
    color: #FFFFFF;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}

/* =========================================================================
   7. النوافذ المنبثقة والمودالات (Modals)
   ========================================================================= */
.dash-modal-backdrop[b-blaoeeys9b] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(2, 8, 20, 0.88);
    backdrop-filter: blur(10px);
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-sizing: border-box;
}

.dash-modal-box[b-blaoeeys9b] {
    background: rgba(6, 16, 34, 0.98);
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85);
    width: 100%;
    max-width: min(680px, 95vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dash-modal-header[b-blaoeeys9b] {
    padding: 1rem 1.4rem;
    border-bottom: 1px solid rgba(56, 189, 248, 0.18);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(10, 26, 52, 0.5);
}

.dash-modal-body[b-blaoeeys9b] {
    padding: 1.25rem 1.4rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dash-empty-state[b-blaoeeys9b] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    background: rgba(6, 15, 32, 0.5);
    border: 1px dashed rgba(56, 189, 248, 0.25);
    border-radius: 14px;
    text-align: center;
}

.empty-icon-wrap[b-blaoeeys9b] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(14, 165, 233, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #38BDF8;
    margin-bottom: 0.75rem;
}

/* =========================================================================
   8. التوافق الشامل مع جميع الشاشات وشاشات الهواتف المحمولة (Mobile Responsive)
   ========================================================================= */

/* التابلت واللابتوب المتوسط (< 1200px) */
@media (max-width: 1199.98px) {
    .dash-kpi-grid[b-blaoeeys9b] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.9rem;
    }
    .dash-cards-grid[b-blaoeeys9b] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* التابلت والموبايل (< 992px) - القائمة الجانبية تتحول إلى Drawer منزلقة بكامل التفاعل */
@media (max-width: 991.98px) {
    .admin-dashboard-wrapper[b-blaoeeys9b] {
        display: block !important;
        width: 100% !important;
        overflow-x: hidden !important;
        padding: 0.5rem 0.5rem 2rem 0.5rem !important;
    }

    .admin-sidebar[b-blaoeeys9b] {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 290px !important;
        max-width: 85vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
        z-index: 2050 !important;
        transform: translateX(100%) !important;
        box-shadow: -12px 0 45px rgba(0, 0, 0, 0.95) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        border-left: 1px solid rgba(56, 189, 248, 0.3) !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
    }

    .admin-sidebar.open[b-blaoeeys9b] {
        transform: translateX(0) !important;
    }

    .sidebar-mobile-top[b-blaoeeys9b] {
        display: flex !important;
    }

    .sidebar-header-desktop[b-blaoeeys9b] {
        display: none !important;
    }

    .admin-main-section[b-blaoeeys9b] {
        width: 100% !important;
    }

    .mobile-action-bar[b-blaoeeys9b] {
        display: flex !important;
        position: sticky !important;
        top: 68px !important;
        z-index: 100 !important;
        margin-bottom: 1rem !important;
    }
}

/* شاشات الهواتف المحمولة (< 768px) - تحويل الجدول إلى بطاقات موبايل انسيابية بدون أي انزلاق أفقي */
@media (max-width: 767.98px) {
    .dash-action-header[b-blaoeeys9b] {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.85rem !important;
    }

    .header-btns[b-blaoeeys9b] {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.6rem !important;
    }

    .btn-security-outline[b-blaoeeys9b],
    .btn-logout-solid[b-blaoeeys9b],
    .btn-action-primary[b-blaoeeys9b],
    .btn-action-outline[b-blaoeeys9b] {
        width: 100% !important;
        justify-content: center !important;
        height: 42px !important;
        padding: 0 0.75rem !important;
        font-size: 0.82rem !important;
    }

    /* بطاقات الإحصائيات 2×2 على الموبايل */
    .dash-kpi-grid[b-blaoeeys9b] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.65rem !important;
    }

    .kpi-mini-card[b-blaoeeys9b] {
        padding: 0.9rem !important;
        min-height: 105px !important;
    }

    .kpi-icon-circle[b-blaoeeys9b] {
        width: 44px !important;
        height: 44px !important;
        font-size: 1.25rem !important;
    }

    .kpi-value[b-blaoeeys9b] {
        font-size: 1.45rem !important;
    }

    .kpi-title[b-blaoeeys9b] {
        font-size: 0.78rem !important;
    }

    /* شريط الفلاتر والبحث على الموبايل */
    .dash-unified-filter-bar[b-blaoeeys9b] {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
        padding: 0.75rem !important;
        gap: 0.65rem !important;
    }

    .unified-search-box[b-blaoeeys9b],
    .search-box[b-blaoeeys9b] {
        width: 100% !important;
    }

    .unified-pills-scroll[b-blaoeeys9b] {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        width: 100% !important;
        padding-bottom: 0.25rem !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .unified-pills-scroll[b-blaoeeys9b]::-webkit-scrollbar {
        display: none !important;
    }

    /* تحويل جدول 'أحدث طلبات التوظيف' إلى بطاقات موبايل متكاملة */
    .recent-jobs-table-panel[b-blaoeeys9b] {
        padding: 1rem 0.85rem !important;
    }

    .recent-table-thead[b-blaoeeys9b] {
        display: none !important;
    }

    .recent-table-tbody[b-blaoeeys9b] {
        gap: 0.75rem !important;
    }

    .recent-table-tr[b-blaoeeys9b] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.65rem !important;
        background: rgba(10, 24, 48, 0.75) !important;
        border: 1px solid rgba(56, 189, 248, 0.2) !important;
        border-radius: 12px !important;
        padding: 0.9rem !important;
    }

    .col-job[b-blaoeeys9b],
    .col-date[b-blaoeeys9b] {
        display: flex !important;
        justify-content: space-between !important;
        font-size: 0.82rem !important;
    }

    .col-status[b-blaoeeys9b] {
        justify-content: flex-start !important;
    }

    .col-actions[b-blaoeeys9b] {
        justify-content: flex-end !important;
        padding-top: 0.5rem !important;
        border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    }

    .dash-cards-grid[b-blaoeeys9b] {
        grid-template-columns: 1fr !important;
        gap: 0.85rem !important;
    }
}

/* الهواتف الصغيرة جداً (<= 400px) */
@media (max-width: 400px) {
    .dash-kpi-grid[b-blaoeeys9b] {
        grid-template-columns: 1fr !important;
    }

    .section-heading[b-blaoeeys9b] {
        font-size: 1.35rem !important;
    }
}


/* =========================================================================
   9. تنسيقات بطاقات وظائف السعودية (KSA Cards) وبقية الأقسام والترقيم
   ========================================================================= */

/* تخصيص بطاقة وظائف السعودية بهوية زمردية / ذهبية متناسقة مع الهوية الداكنة */
.emp-card.ksa-card[b-blaoeeys9b] {
    background: linear-gradient(145deg, rgba(6, 20, 38, 0.94) 0%, rgba(5, 30, 34, 0.92) 100%);
    border: 1px solid rgba(16, 185, 129, 0.35);
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.48), inset 0 0 18px rgba(16, 185, 129, 0.05);
    position: relative;
    overflow: hidden;
}

.emp-card.ksa-card[b-blaoeeys9b]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #10B981 0%, #38BDF8 50%, #F59E0B 100%);
    opacity: 0.85;
}

.emp-card.ksa-card:hover[b-blaoeeys9b] {
    border-color: #10B981;
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.65), 0 0 22px rgba(16, 185, 129, 0.25);
}

/* ضبط صارم لصورة المرشح في وظائف السعودية (.emp-job-img) لمنع تمدد البطاقة */
.emp-job-img[b-blaoeeys9b] {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #10B981 !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
    display: block;
    flex-shrink: 0;
}

/* أيقونات الأفاتار البديلة حسب القسم */
.avatar-ksa[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.25) 0%, rgba(5, 150, 105, 0.35) 100%) !important;
    border: 1.5px solid #10B981 !important;
    color: #34D399 !important;
    box-shadow: 0 0 14px rgba(16, 185, 129, 0.25);
}

.avatar-driver[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.22) 0%, rgba(202, 138, 4, 0.32) 100%) !important;
    border: 1.5px solid #FACC15 !important;
    color: #FACC15 !important;
}

.avatar-merchant[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.22) 0%, rgba(126, 34, 206, 0.32) 100%) !important;
    border: 1.5px solid #C084FC !important;
    color: #C084FC !important;
}

.avatar-store[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.22) 0%, rgba(2, 132, 199, 0.32) 100%) !important;
    border: 1.5px solid #38BDF8 !important;
    color: #38BDF8 !important;
}

/* شارة رقم طلب السعودية */
.ksa-id-tag[b-blaoeeys9b] {
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #34D399 !important;
    padding: 0.2rem 0.65rem !important;
    border-radius: 20px !important;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 700 !important;
    font-size: 0.74rem !important;
}

.driver-id-tag[b-blaoeeys9b] {
    background: rgba(234, 179, 8, 0.14) !important;
    border: 1px solid rgba(250, 204, 21, 0.35) !important;
    color: #FACC15 !important;
    padding: 0.18rem 0.6rem !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
}

.ksa-role-badge[b-blaoeeys9b] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #A7F3D0 !important;
    font-weight: 600;
}

.ksa-role-badge i[b-blaoeeys9b] {
    color: #10B981;
    font-size: 0.78rem;
}

.ksa-meta-grid[b-blaoeeys9b] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.55rem !important;
    background: rgba(4, 14, 26, 0.68) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    border-radius: 12px !important;
    padding: 0.65rem 0.85rem !important;
}

.text-emerald-bright[b-blaoeeys9b] {
    color: #34D399 !important;
}

.text-amber-bright[b-blaoeeys9b] {
    color: #FBBF24 !important;
}

.ksa-contact-box[b-blaoeeys9b] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

.ksa-cv-pill[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.38);
    color: #FCA5A5;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.18rem 0.65rem;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

/* حالات الطلبات الإضافية (قيد المراجعة + مستثنى) */
.status-evaluation[b-blaoeeys9b] {
    background: rgba(245, 158, 11, 0.22);
    border: 1px solid #F59E0B;
    color: #FBBF24;
}

.status-rejected[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.22);
    border: 1px solid #EF4444;
    color: #FCA5A5;
}

.status-dot[b-blaoeeys9b] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 6px currentColor;
    display: inline-block;
}

/* أزرار البطاقة السفلية (عرض الطلب + تعديل + حذف) */
.emp-mini-actions[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ksa-btn-view[b-blaoeeys9b] {
    background: rgba(16, 185, 129, 0.2) !important;
    border: 1px solid #10B981 !important;
    color: #34D399 !important;
}

.ksa-btn-view:hover[b-blaoeeys9b] {
    background: #10B981 !important;
    color: #021814 !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.45) !important;
}

.btn-emp-delete[b-blaoeeys9b] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.28);
    color: #F87171;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.82rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-emp-delete:hover[b-blaoeeys9b] {
    background: #EF4444;
    color: #FFFFFF;
    border-color: #EF4444;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.45);
}

/* شريط الترقيم والتنقل بين الصفحات (.dash-pagination-bar) */
.dash-pagination-bar[b-blaoeeys9b] {
    background: rgba(6, 15, 32, 0.92);
    border: 1px solid rgba(14, 165, 233, 0.22);
    border-radius: 14px;
    padding: 0.85rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.5rem;
}

.pagination-info[b-blaoeeys9b] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #94A3B8;
}

.pagination-controls[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.btn-page-nav[b-blaoeeys9b] {
    background: rgba(12, 26, 52, 0.8);
    border: 1px solid rgba(56, 189, 248, 0.25);
    color: #E2E8F0;
    border-radius: 10px;
    padding: 0.4rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: all 0.2s ease;
    font-family: inherit;
}

.btn-page-nav:hover:not(:disabled)[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.2);
    border-color: #38BDF8;
    color: #FFFFFF;
}

.btn-page-nav:disabled[b-blaoeeys9b] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-numbers[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.btn-page-number[b-blaoeeys9b] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(12, 26, 52, 0.65);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: #CBD5E1;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    font-family: 'JetBrains Mono', monospace;
}

.btn-page-number:hover[b-blaoeeys9b] {
    border-color: #38BDF8;
    color: #FFFFFF;
}

.btn-page-number.active[b-blaoeeys9b] {
    background: linear-gradient(135deg, #0284C7 0%, #0EA5E9 100%);
    border-color: #38BDF8;
    color: #FFFFFF;
    box-shadow: 0 0 12px rgba(14, 165, 233, 0.45);
}

@media (max-width: 767.98px) {
    .dash-pagination-bar[b-blaoeeys9b] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0.85rem;
    }
    .ksa-meta-grid[b-blaoeeys9b] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


/* =========================================================================
   10. صفحة تفاصيل الموظف / مرشح السعودية (Employee Details Page & Hero Card)
   ========================================================================= */
.employee-details-page[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    box-sizing: border-box;
}

.details-top-nav[b-blaoeeys9b] {
    background: rgba(6, 15, 32, 0.92);
    border: 1px solid rgba(14, 165, 233, 0.22);
    border-radius: 14px;
    padding: 0.85rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.btn-back-to-list[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38BDF8;
    border-radius: 10px;
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    font-family: inherit;
}

.btn-back-to-list:hover[b-blaoeeys9b] {
    background: #0284C7;
    color: #FFFFFF;
}

.details-breadcrumbs[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.84rem;
    color: #94A3B8;
    font-weight: 600;
}

.active-crumb[b-blaoeeys9b] {
    color: #FFFFFF;
    font-weight: 800;
}

.details-nav-actions[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-detail-edit[b-blaoeeys9b] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #E2E8F0;
    border-radius: 10px;
    padding: 0.42rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: inherit;
}

.btn-detail-edit:hover[b-blaoeeys9b] {
    border-color: #38BDF8;
    color: #FFFFFF;
}

.btn-detail-delete[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #FCA5A5;
    border-radius: 10px;
    padding: 0.42rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: inherit;
}

.btn-detail-delete:hover[b-blaoeeys9b] {
    background: #EF4444;
    color: #FFFFFF;
}

/* البطاقة التعريفية العلوية للمرشح (.details-hero-card) */
.details-hero-card[b-blaoeeys9b] {
    background: linear-gradient(135deg, rgba(8, 26, 56, 0.95) 0%, rgba(5, 16, 36, 0.98) 100%);
    border: 1px solid rgba(56, 189, 248, 0.32);
    border-radius: 16px;
    padding: 1.35rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.25rem;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5);
}

.hero-profile-wrap[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    min-width: 0;
}

/* صندوق وصورة الوظيفة أو المرشح في صفحة التفاصيل (.hero-job-badge-box & .hero-job-img) */
.hero-job-badge-box[b-blaoeeys9b],
.hero-avatar-box[b-blaoeeys9b] {
    width: 72px;
    height: 72px;
    min-width: 72px;
    min-height: 72px;
    max-width: 72px;
    max-height: 72px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    background: rgba(16, 185, 129, 0.15);
    border: 2px solid rgba(16, 185, 129, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.hero-job-img[b-blaoeeys9b] {
    width: 100% !important;
    height: 100% !important;
    max-width: 72px !important;
    max-height: 72px !important;
    object-fit: cover !important;
    display: block;
}

.hero-job-placeholder[b-blaoeeys9b],
.hero-avatar-placeholder[b-blaoeeys9b] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #34D399;
    font-size: 1.6rem;
    gap: 0.15rem;
}

.hero-job-tag[b-blaoeeys9b] {
    font-size: 0.62rem;
    font-weight: 800;
    color: #A7F3D0;
}

.hero-info[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.hero-title-row[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.hero-name[b-blaoeeys9b] {
    font-size: 1.4rem;
    font-weight: 900;
    color: #FFFFFF;
    margin: 0;
}

.hero-status-pill[b-blaoeeys9b] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.85rem;
    border-radius: 30px;
    font-size: 0.78rem;
    font-weight: 800;
}

.hero-subtitle[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: #94A3B8;
    font-weight: 600;
}

.hero-dot-sep[b-blaoeeys9b] {
    color: #38BDF8;
}

.hero-quick-actions[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.hero-action-btn[b-blaoeeys9b] {
    padding: 0.5rem 1.1rem;
    border-radius: 30px;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    transition: all 0.2s ease;
}

.btn-call[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.2);
    border: 1px solid #0EA5E9;
    color: #38BDF8;
}
.btn-call:hover[b-blaoeeys9b] {
    background: #0EA5E9;
    color: #FFFFFF;
}

.btn-wa[b-blaoeeys9b] {
    background: rgba(16, 185, 129, 0.2);
    border: 1px solid #10B981;
    color: #34D399;
}
.btn-wa:hover[b-blaoeeys9b] {
    background: #10B981;
    color: #FFFFFF;
}

.btn-cv[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.2);
    border: 1px solid #EF4444;
    color: #FCA5A5;
}
.btn-cv:hover[b-blaoeeys9b] {
    background: #EF4444;
    color: #FFFFFF;
}

/* شبكة لوحات التفاصيل الأربع (.details-content-grid) */
.details-content-grid[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.15rem;
    width: 100%;
    box-sizing: border-box;
}

.detail-card-panel[b-blaoeeys9b] {
    background: rgba(6, 15, 32, 0.92);
    border: 1px solid rgba(14, 165, 233, 0.22);
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-sizing: border-box;
}

.panel-header-sm[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.panel-header-sm h3[b-blaoeeys9b] {
    font-size: 1.02rem;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0;
}

.detail-items-list[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.detail-row[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.45rem 0.65rem;
    background: rgba(4, 10, 22, 0.55);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    flex-wrap: wrap;
}

.d-label[b-blaoeeys9b] {
    font-size: 0.82rem;
    color: #94A3B8;
    font-weight: 600;
}

.d-value[b-blaoeeys9b] {
    font-size: 0.88rem;
    color: #FFFFFF;
    font-weight: 700;
}

.doc-link[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38BDF8;
    padding: 0.3rem 0.85rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
}

.doc-link:hover[b-blaoeeys9b] {
    background: #0284C7;
    color: #FFFFFF;
}

.btn-doc-download[b-blaoeeys9b] {
    background: rgba(16, 185, 129, 0.16);
    border-color: rgba(16, 185, 129, 0.38);
    color: #34D399;
}

.btn-doc-download:hover[b-blaoeeys9b] {
    background: #10B981;
    color: #021814;
}

/* قسم تحديث الحالة والملاحظات الإدارية داخل صفحة التفاصيل والمودال */
.inline-admin-actions[b-blaoeeys9b],
.admin-actions-section[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.action-heading[b-blaoeeys9b],
.section-title-sm[b-blaoeeys9b] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #38BDF8;
    margin: 0;
}

.status-change-group[b-blaoeeys9b],
.appointment-picker-box[b-blaoeeys9b],
.admin-notes-group[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.action-label[b-blaoeeys9b] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #CBD5E1;
}

.status-select[b-blaoeeys9b],
.input-appointment-date[b-blaoeeys9b],
.notes-textarea[b-blaoeeys9b],
.field-input[b-blaoeeys9b] {
    width: 100%;
    background: rgba(4, 11, 24, 0.9);
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 10px;
    padding: 0.55rem 0.85rem;
    color: #FFFFFF;
    font-size: 0.86rem;
    font-family: inherit;
    outline: none;
    box-sizing: border-box;
}

.notes-textarea[b-blaoeeys9b] {
    min-height: 80px;
    resize: vertical;
}

.status-select:focus[b-blaoeeys9b],
.input-appointment-date:focus[b-blaoeeys9b],
.notes-textarea:focus[b-blaoeeys9b],
.field-input:focus[b-blaoeeys9b] {
    border-color: #38BDF8;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.25);
}

.action-buttons-row[b-blaoeeys9b],
.modal-footer-btns[b-blaoeeys9b],
.modal-footer-actions[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: 0.35rem;
}

.btn-save-status[b-blaoeeys9b] {
    background: linear-gradient(135deg, #0284C7 0%, #0EA5E9 100%);
    border: none;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 0.55rem 1.25rem;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.4);
    font-family: inherit;
}

.btn-cancel-details[b-blaoeeys9b] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #CBD5E1;
    border-radius: 10px;
    padding: 0.55rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}

/* =========================================================================
   11. نافذة معاينة الصور المرفقة ودعم HEIC (.image-preview-modal-box)
   ========================================================================= */
.image-preview-modal-box[b-blaoeeys9b] {
    max-width: 740px !important;
}

.preview-img-container[b-blaoeeys9b] {
    background: rgba(4, 10, 22, 0.85);
    border: 1px solid rgba(56, 189, 248, 0.2);
    border-radius: 14px;
    padding: 1rem;
    min-height: 240px;
    max-height: 62vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.preview-full-img[b-blaoeeys9b] {
    max-width: 100%;
    max-height: 56vh;
    border-radius: 10px;
    object-fit: contain;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
}

.heic-fallback-card[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 2rem 1.5rem;
    text-align: center;
}

.heic-icon-circle[b-blaoeeys9b] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.18);
    border: 1.5px solid #10B981;
    color: #34D399;
    font-size: 1.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heic-fallback-title[b-blaoeeys9b] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0;
}

.heic-fallback-desc[b-blaoeeys9b] {
    font-size: 0.85rem;
    color: #94A3B8;
    max-width: 440px;
    margin: 0;
    line-height: 1.6;
}

/* =========================================================================
   12. التقارير والإعدادات والمودالات الفرعية (Reports, Settings & Modals)
   ========================================================================= */
.reports-grid[b-blaoeeys9b],
.settings-grid[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.15rem;
    width: 100%;
}

.report-card[b-blaoeeys9b],
.settings-card[b-blaoeeys9b] {
    background: rgba(6, 15, 32, 0.92);
    border: 1px solid rgba(14, 165, 233, 0.22);
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.report-card-header[b-blaoeeys9b],
.settings-card-header[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.report-card-title[b-blaoeeys9b],
.settings-card-title[b-blaoeeys9b] {
    font-size: 1.02rem;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0;
}

.report-table-wrap[b-blaoeeys9b] {
    width: 100%;
    overflow-x: auto;
}

.report-table[b-blaoeeys9b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.report-table th[b-blaoeeys9b],
.report-table td[b-blaoeeys9b] {
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-align: right;
}

.report-table th[b-blaoeeys9b] {
    color: #94A3B8;
    font-weight: 700;
}

.progress-bar-wrap[b-blaoeeys9b] {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    height: 18px;
    position: relative;
    overflow: hidden;
    min-width: 90px;
}

.progress-bar-fill[b-blaoeeys9b] {
    background: linear-gradient(90deg, #0284C7, #38BDF8);
    height: 100%;
    border-radius: 20px;
}

.progress-bar-text[b-blaoeeys9b] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 800;
    color: #FFFFFF;
}

.report-stats-grid[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.stat-box[b-blaoeeys9b] {
    background: rgba(4, 10, 22, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.25rem;
}

.stat-num[b-blaoeeys9b] {
    font-size: 1.4rem;
    font-weight: 900;
    color: #FFFFFF;
}

.stat-lbl[b-blaoeeys9b] {
    font-size: 0.75rem;
    color: #94A3B8;
}

.settings-card-body[b-blaoeeys9b],
.share-links-list[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.settings-row[b-blaoeeys9b],
.link-copy-row[b-blaoeeys9b],
.share-link-item[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem 0.85rem;
    background: rgba(4, 10, 22, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    flex-wrap: wrap;
}

.link-info[b-blaoeeys9b],
.share-link-info[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.link-title[b-blaoeeys9b],
.share-link-title[b-blaoeeys9b] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #FFFFFF;
}

.link-url[b-blaoeeys9b],
.share-link-url[b-blaoeeys9b] {
    font-size: 0.75rem;
    color: #38BDF8;
    font-family: monospace;
}

.btn-copy-url[b-blaoeeys9b],
.btn-copy-link[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38BDF8;
    border-radius: 8px;
    padding: 0.35rem 0.8rem;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.form-grid-modal[b-blaoeeys9b],
.detail-fields-grid[b-blaoeeys9b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.85rem;
}

.form-group-modal[b-blaoeeys9b] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.form-group-modal.col-full[b-blaoeeys9b],
.form-group-modal.full-width[b-blaoeeys9b] {
    grid-column: 1 / -1;
}

.form-group-modal label[b-blaoeeys9b] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #CBD5E1;
}

.detail-field-item[b-blaoeeys9b] {
    background: rgba(4, 10, 22, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.field-lbl[b-blaoeeys9b] {
    font-size: 0.72rem;
    color: #64748B;
}

.field-val[b-blaoeeys9b] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .details-content-grid[b-blaoeeys9b],
    .reports-grid[b-blaoeeys9b],
    .settings-grid[b-blaoeeys9b],
    .form-grid-modal[b-blaoeeys9b],
    .detail-fields-grid[b-blaoeeys9b] {
        grid-template-columns: 1fr !important;
    }

    .details-hero-card[b-blaoeeys9b] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.1rem;
    }

    .hero-quick-actions[b-blaoeeys9b] {
        width: 100%;
    }

    .hero-action-btn[b-blaoeeys9b] {
        flex: 1;
        justify-content: center;
    }
}

/* ==========================================================================
   SUCCESS PARTNERS MANAGEMENT STYLES (لوحة إدارة شركاء النجاح)
   ========================================================================== */

.partner-admin-card[b-blaoeeys9b] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background: #0f2438 !important;
    border: 1px solid rgba(24, 200, 248, 0.2) !important;
    border-radius: 16px !important;
    padding: 1.25rem !important;
    transition: all 0.25s ease !important;
}

.partner-admin-card:hover[b-blaoeeys9b] {
    border-color: #00e5ff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 229, 255, 0.15) !important;
}

.partner-admin-logo[b-blaoeeys9b] {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 4px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
}

.partner-solution-badge[b-blaoeeys9b] {
    background: rgba(14, 165, 233, 0.12) !important;
    border: 1px solid rgba(14, 165, 233, 0.3) !important;
    color: #38bdf8 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    padding: 0.35rem 0.65rem !important;
    border-radius: 8px !important;
    margin: 0.6rem 0 !important;
    display: flex !important;
    align-items: center !important;
}

.partner-card-actions[b-blaoeeys9b] {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-top: 1rem !important;
    padding-top: 0.85rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.btn-card-action[b-blaoeeys9b] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    padding: 0.4rem 0.85rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.btn-card-action.btn-edit[b-blaoeeys9b] {
    background: rgba(0, 229, 255, 0.12) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    color: #00e5ff !important;
    flex: 1 !important;
}

.btn-card-action.btn-edit:hover[b-blaoeeys9b] {
    background: #00e5ff !important;
    color: #030914 !important;
}

.btn-card-action.btn-toggle-off[b-blaoeeys9b] {
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    color: #fbbf24 !important;
}

.btn-card-action.btn-toggle-off:hover[b-blaoeeys9b] {
    background: #fbbf24 !important;
    color: #030914 !important;
}

.btn-card-action.btn-toggle-on[b-blaoeeys9b] {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #34d399 !important;
}

.btn-card-action.btn-toggle-on:hover[b-blaoeeys9b] {
    background: #10b981 !important;
    color: #FFFFFF !important;
}

.btn-card-action.btn-delete[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    color: #f87171 !important;
    padding: 0.4rem 0.65rem !important;
}

.btn-card-action.btn-delete:hover[b-blaoeeys9b] {
    background: #ef4444 !important;
    color: #FFFFFF !important;
}


/* ==========================================================================
   المعالجات الشاملة وتوحيد التنسيقات الناقصة (Unified Fixes & Missing Classes)
   ========================================================================== */

/* 1. صندوق إشعار النجاح (Alert Box Success) */
.alert-box-success[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.9rem 1.25rem;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.35);
    border-radius: 12px;
    color: #4ADE80;
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: alertFadeIn-b-blaoeeys9b 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.alert-box-success i[b-blaoeeys9b] {
    font-size: 1.25rem;
    color: #22C55E;
    filter: drop-shadow(0 0 8px rgba(34, 197, 94, 0.6));
    flex-shrink: 0;
}

@keyframes alertFadeIn-b-blaoeeys9b {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 2. أزرار إغلاق النوافذ المنبثقة (Modal Close Buttons) */
.btn-close-modal[b-blaoeeys9b] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(56, 189, 248, 0.25);
    color: #94A3B8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.22s ease;
    padding: 0;
}

.btn-close-modal:hover[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
    color: #F87171;
    transform: rotate(90deg);
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}

/* 3. كبسولات التواصل السريع (Quick Action Contact Pills) */
.quick-contact-row[b-blaoeeys9b] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.btn-contact-call[b-blaoeeys9b],
.btn-contact-wa[b-blaoeeys9b],
.btn-contact-cv[b-blaoeeys9b] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.42rem 0.95rem;
    border-radius: 9999px;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.22s ease;
    box-sizing: border-box;
}

.btn-contact-call[b-blaoeeys9b] {
    background: rgba(0, 242, 254, 0.1);
    border: 1px solid rgba(0, 242, 254, 0.35);
    color: #38BDF8;
}

.btn-contact-call:hover[b-blaoeeys9b] {
    background: rgba(0, 242, 254, 0.25);
    border-color: #00F2FE;
    color: #FFFFFF;
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.4);
    transform: translateY(-1px);
}

.btn-contact-wa[b-blaoeeys9b] {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.35);
    color: #4ADE80;
}

.btn-contact-wa:hover[b-blaoeeys9b] {
    background: rgba(34, 197, 94, 0.28);
    border-color: #22C55E;
    color: #FFFFFF;
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.4);
    transform: translateY(-1px);
}

.btn-contact-cv[b-blaoeeys9b] {
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: #FBBF24;
}

.btn-contact-cv:hover[b-blaoeeys9b] {
    background: rgba(245, 158, 11, 0.28);
    border-color: #F59E0B;
    color: #FFFFFF;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.4);
    transform: translateY(-1px);
}

/* 4. أزرار الدوائر الإجرائية - تأثيرات التحويم المفقودة */
.btn-circle-act.act-view:hover[b-blaoeeys9b] {
    background: rgba(0, 242, 254, 0.2);
    border-color: #00F2FE;
    color: #38BDF8;
    box-shadow: 0 0 12px rgba(0, 242, 254, 0.35);
}

.btn-circle-act.act-edit:hover[b-blaoeeys9b] {
    background: rgba(59, 130, 246, 0.2);
    border-color: #3B82F6;
    color: #60A5FA;
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.35);
}

/* 5. نصوص حالات الفراغ (Empty States) */
.empty-title[b-blaoeeys9b] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #E2E8F0;
    margin: 0.6rem 0 0.35rem 0;
}

.empty-desc[b-blaoeeys9b] {
    font-size: 0.9rem;
    color: #94A3B8;
    max-width: 480px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 6. كلاسات الألوان العامة المساعدة (Color Helpers) */
.text-cyan[b-blaoeeys9b] {
    color: #00F2FE !important;
}

.text-gold[b-blaoeeys9b] {
    color: #F59E0B !important;
}

/* 7. زر تسجيل الخروج في الإعدادات */
.btn-admin-logout[b-blaoeeys9b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.4rem;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: 10px;
    color: #FCA5A5;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: inherit;
}

.btn-admin-logout:hover[b-blaoeeys9b] {
    background: rgba(239, 68, 68, 0.28);
    border-color: #EF4444;
    color: #FFFFFF;
    box-shadow: 0 0 16px rgba(239, 68, 68, 0.45);
    transform: translateY(-1px);
}

/* 8. ترويسة نافذة الحذف والتنبيه (Header Danger & Text) */
.dash-modal-header.header-danger[b-blaoeeys9b] {
    background: rgba(45, 12, 18, 0.6) !important;
    border-bottom: 1px solid rgba(239, 68, 68, 0.35) !important;
}

.delete-confirm-text[b-blaoeeys9b] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #CBD5E1;
    line-height: 1.7;
    margin: 0;
}

/* 9. زر استعراض المستندات */
.btn-doc-preview[b-blaoeeys9b] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.25);
    border-radius: 8px;
    color: #38BDF8;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-doc-preview:hover[b-blaoeeys9b] {
    background: rgba(56, 189, 248, 0.25);
    border-color: #38BDF8;
    color: #FFFFFF;
}

/* 10. حاويات الفلاتر والأفاتار المفقودة */
.filter-pills-wrapper[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 0.35rem;
}

.filter-pills-wrapper[b-blaoeeys9b]::-webkit-scrollbar {
    height: 4px;
}

.filter-pills-wrapper[b-blaoeeys9b]::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.2);
    border-radius: 4px;
}

.emp-avatar-box[b-blaoeeys9b] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* 11. تفاصيل الإعدادات والنوافذ الصغيرة */
.settings-label[b-blaoeeys9b] {
    font-size: 0.85rem;
    color: #94A3B8;
    margin-bottom: 0.25rem;
}

.settings-value[b-blaoeeys9b] {
    font-size: 0.98rem;
    font-weight: 700;
    color: #FFFFFF;
}

.modal-box-sm[b-blaoeeys9b] {
    max-width: 440px !important;
}

.modal-divider[b-blaoeeys9b] {
    height: 1px;
    background: rgba(56, 189, 248, 0.15);
    margin: 0.85rem 0;
}

.mobile-active-title[b-blaoeeys9b] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #38BDF8;
}

/* 12. محاذاة الأرقام والهواتف لليسار لمنع تشوهها في RTL */
.dir-ltr[b-blaoeeys9b] {
    direction: ltr !important;
    text-align: left !important;
    display: inline-block !important;
    unicode-bidi: embed !important;
}
/* /Components/Pages/AdminLogin.razor.rz.scp.css */
/* ==========================================================================
   ELITE BUSINESS SOLUTIONS — ULTRA-LUXURY EXECUTIVE LOGIN PORTAL
   Cross-Device Universal Responsiveness (Mobile, Tablet, Laptop, 4K)
   ========================================================================== */

/* 1. Master Viewport Wrapper */
.elite-login-viewport[b-xzqjqm6d7v] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 99999 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: clamp(1rem, 2.5vw, 2.5rem) !important;
    box-sizing: border-box !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    background-color: #030a18 !important;
    background-image: url('/images/admin-login-bg.jpg'), url('data:image/webp;base64,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') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    direction: ltr !important;
}

/* Cinematic Lighting & Ambient Depth Vignette */
.elite-viewport-ambient[b-xzqjqm6d7v] {
    position: fixed !important;
    inset: 0 !important;
    background: radial-gradient(circle at 75% 45%, rgba(0, 212, 255, 0.12) 0%, transparent 50%),
                radial-gradient(circle at 20% 80%, rgba(0, 100, 255, 0.08) 0%, transparent 45%),
                linear-gradient(90deg, rgba(2, 8, 20, 0.15) 0%, rgba(2, 10, 24, 0.40) 55%, rgba(1, 6, 16, 0.65) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 2. Container Aligning Card to Right on Desktop & Center on Mobile */
.elite-login-container[b-xzqjqm6d7v] {
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
    max-width: 1480px !important;
    margin: auto auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    box-sizing: border-box !important;
    padding: 0.5rem 0 !important;
}

/* 3. The Floating Glassmorphic Login Card */
.elite-glass-card[b-xzqjqm6d7v] {
    position: relative !important;
    width: 100% !important;
    max-width: 460px !important;
    background: linear-gradient(150deg, rgba(8, 28, 64, 0.82) 0%, rgba(4, 16, 40, 0.92) 100%) !important;
    backdrop-filter: blur(28px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(170%) !important;
    border-radius: 20px !important;
    border: 1.5px solid rgba(0, 212, 255, 0.42) !important;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.8),
                0 0 50px rgba(0, 180, 255, 0.22),
                inset 0 1px 2px rgba(255, 255, 255, 0.28) !important;
    padding: clamp(2rem, 3.5vw, 2.75rem) clamp(1.5rem, 3vw, 2.5rem) !important;
    box-sizing: border-box !important;
    color: #FFFFFF !important;
    animation: eliteCardFloatIn-b-xzqjqm6d7v 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes eliteCardFloatIn-b-xzqjqm6d7v {
    from {
        opacity: 0;
        transform: translateY(22px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Neon Light Flares on Card Edges */
.elite-glass-card[b-xzqjqm6d7v]::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 22%;
    right: 22%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #00f2fe, #ffffff, #00f2fe, transparent);
    box-shadow: 0 0 20px 3px rgba(0, 242, 254, 0.85);
    border-radius: 999px;
    pointer-events: none;
}

.elite-glass-card[b-xzqjqm6d7v]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 25%;
    right: 25%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #00c6ff, #ffffff, #00c6ff, transparent);
    box-shadow: 0 0 20px 3px rgba(0, 198, 255, 0.85);
    border-radius: 999px;
    pointer-events: none;
}

.card-edge-glow-right[b-xzqjqm6d7v] {
    position: absolute;
    top: 18%;
    bottom: 25%;
    right: -2px;
    width: 3px;
    background: linear-gradient(180deg, transparent, #00f2fe, #ffffff, #0072ff, transparent);
    box-shadow: 0 0 16px 2px rgba(0, 242, 254, 0.8);
    border-radius: 999px;
    pointer-events: none;
}

/* 4. Brand Logo Header inside Card */
.elite-brand-header[b-xzqjqm6d7v] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
    margin-bottom: 1.85rem !important;
}

.elite-e-mark[b-xzqjqm6d7v] {
    width: clamp(52px, 5.5vw, 68px) !important;
    height: clamp(52px, 5.5vw, 68px) !important;
    flex-shrink: 0 !important;
    filter: drop-shadow(0 4px 16px rgba(0, 210, 255, 0.5)) !important;
}

.elite-brand-titles[b-xzqjqm6d7v] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

.elite-brand-main[b-xzqjqm6d7v] {
    font-size: clamp(2.2rem, 3.5vw, 2.85rem) !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    line-height: 0.92 !important;
    letter-spacing: -0.5px !important;
    margin: 0 !important;
}

.elite-brand-sub[b-xzqjqm6d7v] {
    font-size: clamp(0.9rem, 1.2vw, 1.05rem) !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    letter-spacing: 0.3px !important;
    margin-top: 0.3rem !important;
}

/* 5. Welcome Text Section */
.elite-welcome-block[b-xzqjqm6d7v] {
    text-align: left !important;
    margin-bottom: 1.5rem !important;
}

.elite-welcome-title[b-xzqjqm6d7v] {
    font-size: clamp(1.5rem, 2.2vw, 1.85rem) !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin: 0 0 0.35rem 0 !important;
    letter-spacing: -0.3px !important;
}

.elite-welcome-title .text-cyan-glow[b-xzqjqm6d7v] {
    color: #00d4ff !important;
    text-shadow: 0 0 18px rgba(0, 212, 255, 0.55) !important;
}

.elite-welcome-sub[b-xzqjqm6d7v] {
    font-size: clamp(0.85rem, 1.1vw, 0.95rem) !important;
    font-weight: 400 !important;
    color: rgba(226, 232, 240, 0.85) !important;
    margin: 0 !important;
}

/* 6. Alert Boxes */
.elite-login-alert[b-xzqjqm6d7v] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    background: rgba(239, 68, 68, 0.22) !important;
    border: 1px solid rgba(248, 113, 113, 0.55) !important;
    color: #FECACA !important;
    padding: 0.75rem 1rem !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.25rem !important;
    direction: ltr !important;
    text-align: left !important;
}

.elite-alert-info[b-xzqjqm6d7v] {
    background: rgba(0, 210, 255, 0.16) !important;
    border-color: rgba(0, 210, 255, 0.45) !important;
    color: #E0F2FE !important;
}

/* 7. Input Fields */
.elite-input-group[b-xzqjqm6d7v] {
    position: relative !important;
    margin-bottom: 1.15rem !important;
}

.elite-input-box[b-xzqjqm6d7v] {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 54px !important;
    background: rgba(14, 38, 76, 0.68) !important;
    border: 1px solid rgba(120, 180, 240, 0.38) !important;
    border-radius: 11px !important;
    padding: 0 1.1rem !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

.elite-input-box:focus-within[b-xzqjqm6d7v] {
    background: rgba(18, 48, 96, 0.88) !important;
    border-color: #00d4ff !important;
    box-shadow: 0 0 18px rgba(0, 212, 255, 0.4) !important;
}

.elite-input-icon[b-xzqjqm6d7v] {
    font-size: 1.2rem !important;
    color: rgba(186, 218, 248, 0.75) !important;
    margin-right: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.elite-input-box:focus-within .elite-input-icon[b-xzqjqm6d7v] {
    color: #00d4ff !important;
}

.elite-field-control[b-xzqjqm6d7v] {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #FFFFFF !important;
    font-size: 16px !important; /* Prevents auto-zoom on mobile Safari */
    font-weight: 400 !important;
    width: 100% !important;
    height: 100% !important;
}

.elite-field-control[b-xzqjqm6d7v]::placeholder {
    color: rgba(186, 218, 248, 0.65) !important;
}

.btn-pass-toggle[b-xzqjqm6d7v] {
    background: transparent !important;
    border: none !important;
    color: rgba(186, 218, 248, 0.6) !important;
    cursor: pointer !important;
    padding: 0 0.3rem !important;
    font-size: 1.1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.2s ease !important;
}

.btn-pass-toggle:hover[b-xzqjqm6d7v] {
    color: #00d4ff !important;
}

/* 8. Forgot Password Row & Subtle Divider */
.elite-forgot-row[b-xzqjqm6d7v] {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-top: 0.25rem !important;
    padding-bottom: 0.85rem !important;
    margin-bottom: 1.35rem !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.24) !important;
}

.elite-forgot-link[b-xzqjqm6d7v] {
    color: #38bdf8 !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.elite-forgot-link:hover[b-xzqjqm6d7v] {
    color: #7dd3fc !important;
    text-decoration: underline !important;
}

/* 9. Glowing Cyan LOGIN Button */
.btn-elite-login[b-xzqjqm6d7v] {
    width: 100% !important;
    height: 54px !important;
    border-radius: 11px !important;
    background: linear-gradient(90deg, #00d2ff 0%, #0099ff 50%, #0066ff 100%) !important;
    border: 1px solid rgba(140, 235, 255, 0.55) !important;
    color: #FFFFFF !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.65rem !important;
    cursor: pointer !important;
    box-shadow: 0 10px 28px rgba(0, 180, 255, 0.48),
                0 0 20px rgba(0, 210, 255, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-elite-login:hover:not(:disabled)[b-xzqjqm6d7v] {
    transform: translateY(-2px) !important;
    background: linear-gradient(90deg, #1ae0ff 0%, #00b0ff 50%, #0077ff 100%) !important;
    box-shadow: 0 14px 34px rgba(0, 195, 255, 0.68),
                0 0 25px rgba(0, 225, 255, 0.55) !important;
}

.btn-elite-login:disabled[b-xzqjqm6d7v] {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}

/* 10. Bottom-Left Contact Info Bar (Exact Contact: 0791000866 & Madina Al Munawwara St. Amman) */
.elite-bottom-contact-bar[b-xzqjqm6d7v] {
    position: relative !important;
    z-index: 15 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
    background: rgba(4, 16, 38, 0.65) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    padding: 0.6rem 1.4rem !important;
    border-radius: 50px !important;
    border: 1px solid rgba(0, 212, 255, 0.25) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
    margin-top: 1rem !important;
    align-self: flex-start !important;
}

.contact-bar-item[b-xzqjqm6d7v] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: #FFFFFF !important;
    font-size: clamp(0.85rem, 1.1vw, 0.98rem) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    letter-spacing: 0.2px !important;
}

.contact-bar-item:hover[b-xzqjqm6d7v] {
    color: #00d4ff !important;
}

.contact-bar-item i[b-xzqjqm6d7v] {
    color: #00d2ff !important;
    font-size: 1.1rem !important;
    filter: drop-shadow(0 0 8px rgba(0, 210, 255, 0.6)) !important;
}

.contact-bar-sep[b-xzqjqm6d7v] {
    width: 1px !important;
    height: 18px !important;
    background: rgba(255, 255, 255, 0.22) !important;
}

/* ==========================================================================
   Cross-Device Screen Breakpoint Rules
   ========================================================================== */

/* 1. Large Monitors & Ultra-Wide (>= 1400px) */
@media (min-width: 1400px) {
    .elite-login-container[b-xzqjqm6d7v] {
        padding-right: 2rem !important;
    }
}

/* 2. Standard Laptops (1024px - 1399px, e.g. 1366x768) */
@media (max-width: 1399.98px) and (min-height: 500px) and (max-height: 800px) {
    .elite-glass-card[b-xzqjqm6d7v] {
        padding: 1.85rem 2rem !important;
    }
    .elite-brand-header[b-xzqjqm6d7v] {
        margin-bottom: 1.35rem !important;
    }
    .elite-welcome-block[b-xzqjqm6d7v] {
        margin-bottom: 1.15rem !important;
    }
    .elite-input-group[b-xzqjqm6d7v] {
        margin-bottom: 0.95rem !important;
    }
    .elite-input-box[b-xzqjqm6d7v], .btn-elite-login[b-xzqjqm6d7v] {
        height: 48px !important;
    }
}

/* 3. Tablets & iPads in Portrait / Landscape (768px - 1023px) */
@media (max-width: 1023.98px) {
    .elite-login-viewport[b-xzqjqm6d7v] {
        justify-content: center !important;
        align-items: center !important;
        background-position: 40% center !important;
    }

    .elite-login-container[b-xzqjqm6d7v] {
        justify-content: center !important;
    }

    .elite-glass-card[b-xzqjqm6d7v] {
        max-width: 440px !important;
        background: linear-gradient(150deg, rgba(6, 22, 52, 0.88) 0%, rgba(3, 12, 32, 0.95) 100%) !important;
    }

    .elite-bottom-contact-bar[b-xzqjqm6d7v] {
        align-self: center !important;
        margin-top: 1.5rem !important;
    }
}

/* 4. Mobile Phones (320px - 767px) */
@media (max-width: 767.98px) {
    .elite-login-viewport[b-xzqjqm6d7v] {
        padding: 1rem 0.85rem !important;
        justify-content: center !important;
        align-items: center !important;
        background-position: 42% center !important;
    }

    .elite-login-container[b-xzqjqm6d7v] {
        justify-content: center !important;
        padding: 0 !important;
        margin: auto 0 !important;
    }

    .elite-glass-card[b-xzqjqm6d7v] {
        max-width: 100% !important;
        padding: 1.85rem 1.25rem 1.65rem 1.25rem !important;
        border-radius: 16px !important;
        background: linear-gradient(150deg, rgba(6, 22, 50, 0.92) 0%, rgba(2, 10, 26, 0.97) 100%) !important;
    }

    .elite-brand-header[b-xzqjqm6d7v] {
        gap: 0.75rem !important;
        margin-bottom: 1.4rem !important;
    }

    .elite-brand-main[b-xzqjqm6d7v] {
        font-size: 2.2rem !important;
    }

    .elite-brand-sub[b-xzqjqm6d7v] {
        font-size: 0.88rem !important;
    }

    .elite-welcome-title[b-xzqjqm6d7v] {
        font-size: 1.45rem !important;
    }

    .elite-welcome-sub[b-xzqjqm6d7v] {
        font-size: 0.84rem !important;
    }

    .elite-input-box[b-xzqjqm6d7v], .btn-elite-login[b-xzqjqm6d7v] {
        height: 50px !important;
    }

    .elite-bottom-contact-bar[b-xzqjqm6d7v] {
        align-self: center !important;
        flex-direction: column !important;
        gap: 0.45rem !important;
        border-radius: 16px !important;
        padding: 0.65rem 1rem !important;
        text-align: center !important;
        margin-top: 1.25rem !important;
        width: 100% !important;
        max-width: 360px !important;
        box-sizing: border-box !important;
    }

    .contact-bar-sep[b-xzqjqm6d7v] {
        display: none !important;
    }

    .contact-bar-item[b-xzqjqm6d7v] {
        font-size: 0.86rem !important;
        justify-content: center !important;
    }
}

/* 5. Extra Small Devices (<= 360px) */
@media (max-width: 360px) {
    .elite-glass-card[b-xzqjqm6d7v] {
        padding: 1.5rem 1rem !important;
    }
    .elite-brand-main[b-xzqjqm6d7v] {
        font-size: 1.9rem !important;
    }
    .elite-welcome-title[b-xzqjqm6d7v] {
        font-size: 1.3rem !important;
    }
}
/* /Components/Pages/DriverApply.razor.rz.scp.css */
/* Scoped Form Architecture matching EliteJo Dark Tech Theme */
.apply-page-wrapper[b-zvxkmindj3] {
    background-color: #06131F;
    background-image: 
        radial-gradient(circle at 10% 15%, rgba(20, 127, 193, 0.15) 0%, transparent 45%),
        radial-gradient(circle at 90% 85%, rgba(24, 200, 248, 0.1) 0%, transparent 50%);
    min-height: 100vh;
    padding: 3rem 1rem 6rem;
    font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;
    color: #FFFFFF;
    box-sizing: border-box;
}

.apply-container[b-zvxkmindj3] {
    max-width: 900px;
    margin: 0 auto;
}

.apply-header[b-zvxkmindj3] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.badge-pill[b-zvxkmindj3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(24, 200, 248, 0.1);
    border: 1px solid rgba(24, 200, 248, 0.3);
    color: #18C8F8;
    padding: 0.4rem 1.25rem;
    border-radius: 9999px;
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.page-title[b-zvxkmindj3] {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 900;
    color: #FFFFFF;
    text-shadow: 0 0 20px rgba(24, 200, 248, 0.35);
    margin: 0 0 0.75rem 0;
}

.page-subtitle[b-zvxkmindj3] {
    font-size: 1.05rem;
    color: #B6D5E8;
    margin: 0;
    line-height: 1.6;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.form-glass-card[b-zvxkmindj3] {
    background: rgba(11, 35, 65, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(24, 200, 248, 0.22);
    border-radius: 24px;
    padding: clamp(1.5rem, 4vw, 3rem);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 25px rgba(24, 200, 248, 0.1);
    position: relative;
    overflow: hidden;
}

.form-glass-card[b-zvxkmindj3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #147FC1, #18C8F8, #FCE881);
}

.form-section[b-zvxkmindj3] {
    margin-bottom: 2.25rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.form-section:last-of-type[b-zvxkmindj3] {
    border-bottom: none;
    margin-bottom: 1.5rem;
    padding-bottom: 0;
}

.section-title[b-zvxkmindj3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: #FCE881;
    margin-bottom: 1.5rem;
}

.section-title i[b-zvxkmindj3] {
    font-size: 1.35rem;
    color: #18C8F8;
}

.form-grid-2[b-zvxkmindj3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}

.form-grid-3[b-zvxkmindj3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.form-field[b-zvxkmindj3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-field.col-full[b-zvxkmindj3] {
    grid-column: 1 / -1;
}

.field-label[b-zvxkmindj3] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #E2E8F0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.req[b-zvxkmindj3] {
    color: #F87171;
    font-weight: 900;
}

.field-input[b-zvxkmindj3], .field-select[b-zvxkmindj3], .field-textarea[b-zvxkmindj3] {
    background: rgba(6, 19, 31, 0.75);
    border: 1px solid rgba(24, 200, 248, 0.22);
    border-radius: 12px;
    padding: 0.85rem 1.1rem;
    color: #FFFFFF;
    font-size: 0.95rem;
    font-family: inherit;
    outline: none;
    transition: all 0.25s ease;
    width: 100%;
    box-sizing: border-box;
}

.field-select option[b-zvxkmindj3] {
    background-color: #0B2341;
    color: #FFFFFF;
}

.field-input[b-zvxkmindj3]::placeholder, .field-textarea[b-zvxkmindj3]::placeholder {
    color: rgba(182, 213, 232, 0.45);
}

.field-input:focus[b-zvxkmindj3], .field-select:focus[b-zvxkmindj3], .field-textarea:focus[b-zvxkmindj3] {
    background: rgba(6, 19, 31, 0.95);
    border-color: #18C8F8;
    box-shadow: 0 0 15px rgba(24, 200, 248, 0.35);
}

.choice-group[b-zvxkmindj3] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.choice-pill[b-zvxkmindj3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(6, 19, 31, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    padding: 0.65rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    color: #B6D5E8;
}

.choice-pill:hover[b-zvxkmindj3], .choice-pill.active[b-zvxkmindj3] {
    background: rgba(24, 200, 248, 0.15);
    border-color: #18C8F8;
    color: #FFFFFF;
}

.choice-pill input[type="radio"][b-zvxkmindj3], .choice-pill input[type="checkbox"][b-zvxkmindj3] {
    accent-color: #18C8F8;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.file-upload-box[b-zvxkmindj3] {
    border: 2px dashed rgba(24, 200, 248, 0.35);
    border-radius: 14px;
    padding: 1.75rem 1.5rem;
    text-align: center;
    background: rgba(6, 19, 31, 0.5);
    transition: all 0.25s ease;
}

.file-upload-box:hover[b-zvxkmindj3] {
    border-color: #18C8F8;
    background: rgba(6, 19, 31, 0.7);
}

.file-upload-box i[b-zvxkmindj3] {
    font-size: 2.5rem;
    color: #18C8F8;
    display: block;
    margin-bottom: 0.5rem;
}

.file-upload-box span[b-zvxkmindj3] {
    color: #B6D5E8;
    font-size: 0.95rem;
    display: block;
}

.file-upload-box small[b-zvxkmindj3] {
    color: rgba(182, 213, 232, 0.6);
    font-size: 0.8rem;
    display: block;
    margin-top: 0.25rem;
}

.file-name-pill[b-zvxkmindj3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 208, 132, 0.15);
    border: 1px solid rgba(0, 208, 132, 0.4);
    color: #00D084;
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    font-size: 0.85rem;
    margin-top: 0.75rem;
    font-weight: 700;
}

.alert-box-danger[b-zvxkmindj3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(239, 68, 68, 0.18);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #FCA5A5;
    padding: 0.85rem 1.15rem;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1.75rem;
}

.form-submit-bar[b-zvxkmindj3] {
    margin-top: 2rem;
}

.btn-submit-luxury[b-zvxkmindj3] {
    width: 100%;
    padding: 1.1rem 2rem;
    border-radius: 9999px;
    background: linear-gradient(135deg, #147FC1 0%, #18C8F8 100%);
    border: none;
    color: #FFFFFF;
    font-size: 1.15rem;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-shadow: 0 6px 25px rgba(24, 200, 248, 0.4);
    transition: all 0.3s ease;
}

.btn-submit-luxury:hover:not(:disabled)[b-zvxkmindj3] {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(24, 200, 248, 0.6);
    background: linear-gradient(135deg, #18C8F8 0%, #FCE881 100%);
    color: #06131F;
}

.btn-submit-luxury:disabled[b-zvxkmindj3] {
    opacity: 0.65;
    cursor: not-allowed;
}

.spinner-icon[b-zvxkmindj3] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: spin-b-zvxkmindj3 0.8s linear infinite;
}

@keyframes spin-b-zvxkmindj3 {
    to { transform: rotate(360deg); }
}

.success-card[b-zvxkmindj3] {
    background: rgba(11, 35, 65, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 208, 132, 0.35);
    border-radius: 24px;
    padding: 3.5rem 2rem;
    text-align: center;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 208, 132, 0.15);
}

.success-icon-box[b-zvxkmindj3] {
    display: inline-flex;
    padding: 1.25rem;
    border-radius: 50%;
    background: rgba(0, 208, 132, 0.15);
    border: 1px solid rgba(0, 208, 132, 0.4);
    box-shadow: 0 0 25px rgba(0, 208, 132, 0.3);
    margin-bottom: 1.5rem;
}

.success-icon-box i[b-zvxkmindj3] {
    font-size: 3.5rem;
    color: #00D084;
}

.success-title[b-zvxkmindj3] {
    font-size: 1.8rem;
    font-weight: 900;
    color: #FFFFFF;
    margin: 0 0 0.75rem 0;
}

.success-desc[b-zvxkmindj3] {
    font-size: 1.05rem;
    color: #B6D5E8;
    max-width: 580px;
    margin: 0 auto 2.25rem auto;
    line-height: 1.7;
}

.success-actions[b-zvxkmindj3] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-primary-action[b-zvxkmindj3] {
    background: linear-gradient(135deg, #147FC1 0%, #18C8F8 100%);
    border: none;
    color: #FFFFFF;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s ease;
}

.btn-primary-action:hover[b-zvxkmindj3] {
    background: linear-gradient(135deg, #18C8F8 0%, #FCE881 100%);
    color: #06131F;
    transform: translateY(-2px);
}

.btn-secondary-action[b-zvxkmindj3] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #B6D5E8;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s ease;
}

.btn-secondary-action:hover[b-zvxkmindj3] {
    color: #18C8F8;
    border-color: #18C8F8;
    background: rgba(24, 200, 248, 0.1);
    transform: translateY(-2px);
}
/* /Components/Pages/ExecutiveSolutions.razor.rz.scp.css */
/* ==========================================================================
   EXECUTIVE COMPREHENSIVE INTEGRATION CORE (منظومة الربط الشامل — فائقة الاحترافية)
   High-Tech Glassmorphism, Micro-Badges, Glowing Cyber Medallions & Luminous Accents
   ========================================================================== */
#solutions.solutions-section-wrap[b-0vcebrfanh],
.solutions-section-wrap[b-0vcebrfanh] {
    position: relative !important;
    background-color: #030816 !important;
    background-image: 
        radial-gradient(circle at 50% 18%, rgba(0, 214, 240, 0.14) 0%, transparent 60%),
        radial-gradient(circle at 10% 75%, rgba(2, 132, 199, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 90% 75%, rgba(245, 158, 11, 0.06) 0%, transparent 50%),
        linear-gradient(180deg, #020713 0%, #041022 50%, #020713 100%) !important;
    padding: clamp(5rem, 6.5vw, 7.5rem) 0 !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(0, 214, 240, 0.16) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.16) !important;
    color: #FFFFFF !important;
}

#solutions .solutions-ambient-bg[b-0vcebrfanh],
.solutions-section-wrap .solutions-ambient-bg[b-0vcebrfanh] {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

#solutions .solutions-mesh-grid[b-0vcebrfanh],
.solutions-section-wrap .solutions-mesh-grid[b-0vcebrfanh] {
    position: absolute !important;
    inset: 0 !important;
    background-image: 
        linear-gradient(to right, rgba(0, 214, 240, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 214, 240, 0.04) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
    mask-image: radial-gradient(circle at 50% 35%, black 40%, transparent 80%) !important;
    -webkit-mask-image: radial-gradient(circle at 50% 35%, black 40%, transparent 80%) !important;
}

#solutions .ambient-glow-orb[b-0vcebrfanh],
.solutions-section-wrap .ambient-glow-orb[b-0vcebrfanh] {
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    filter: blur(80px) !important;
    opacity: 0.28 !important;
}

#solutions .orb-left-cyan[b-0vcebrfanh],
.solutions-section-wrap .orb-left-cyan[b-0vcebrfanh] {
    top: 15% !important;
    left: -5% !important;
    width: 420px !important;
    height: 420px !important;
    background: radial-gradient(circle, rgba(0, 214, 240, 0.35) 0%, transparent 70%) !important;
}

#solutions .orb-right-blue[b-0vcebrfanh],
.solutions-section-wrap .orb-right-blue[b-0vcebrfanh] {
    top: 25% !important;
    right: -5% !important;
    width: 440px !important;
    height: 440px !important;
    background: radial-gradient(circle, rgba(20, 127, 193, 0.3) 0%, transparent 70%) !important;
}

#solutions .solutions-container[b-0vcebrfanh],
.solutions-section-wrap .solutions-container[b-0vcebrfanh] {
    position: relative !important;
    z-index: 3 !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

/* Header Elements */
#solutions .section-header-block[b-0vcebrfanh],
.solutions-section-wrap .section-header-block[b-0vcebrfanh] {
    max-width: 840px !important;
    margin: 0 auto 3.75rem auto !important;
    text-align: center !important;
}

#solutions .section-tag-pill[b-0vcebrfanh],
.solutions-section-wrap .section-tag-pill[b-0vcebrfanh] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    background: rgba(4, 20, 42, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.5) !important;
    border-radius: 50px !important;
    padding: 0.45rem 1.4rem !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 25px rgba(0, 214, 240, 0.25) !important;
    margin-bottom: 1.35rem !important;
    letter-spacing: 0.3px !important;
}

#solutions .pill-radar-dot[b-0vcebrfanh],
.solutions-section-wrap .pill-radar-dot[b-0vcebrfanh] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #00D6F0 !important;
    box-shadow: 0 0 10px #00D6F0 !important;
    animation: pulseBeacon 1.8s infinite !important;
    display: inline-block !important;
}

#solutions .section-main-title[b-0vcebrfanh],
.solutions-section-wrap .section-main-title[b-0vcebrfanh] {
    font-size: clamp(2.1rem, 3.8vw, 3rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    margin-bottom: 1.15rem !important;
}

#solutions .text-gradient-cyan[b-0vcebrfanh],
.solutions-section-wrap .text-gradient-cyan[b-0vcebrfanh] {
    background: linear-gradient(135deg, #00D6F0 0%, #38BDF8 50%, #93C5FD 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

#solutions .section-lead-text[b-0vcebrfanh],
.solutions-section-wrap .section-lead-text[b-0vcebrfanh] {
    color: #94A3B8 !important;
    font-size: clamp(0.95rem, 1.2vw, 1.08rem) !important;
    line-height: 1.85 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* 3 Architectural Cards Grid */
#solutions .solutions-interconnected-grid[b-0vcebrfanh],
.solutions-section-wrap .solutions-interconnected-grid[b-0vcebrfanh] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem !important;
    margin-bottom: 2.75rem !important;
    align-items: stretch !important;
}

/* Base Card Architecture */
#solutions .solution-pillar-card[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card[b-0vcebrfanh] {
    background: linear-gradient(180deg, rgba(8, 24, 48, 0.9) 0%, rgba(4, 13, 27, 0.98) 100%) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 24px !important;
    padding: 2.5rem 2rem 2rem 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

/* Top Accent Line on Cards */
#solutions .card-top-accent[b-0vcebrfanh],
.solutions-section-wrap .card-top-accent[b-0vcebrfanh] {
    position: absolute !important;
    top: 0 !important;
    left: 12% !important;
    right: 12% !important;
    height: 2.5px !important;
    border-radius: 9999px !important;
    pointer-events: none !important;
    transition: all 0.35s ease !important;
}

/* Card 1 & 3: Cyan Theme */
#solutions .solution-pillar-card.pillar-cyan[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-cyan[b-0vcebrfanh] {
    border: 1.5px solid rgba(0, 214, 240, 0.35) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 25px rgba(0, 214, 240, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

#solutions .solution-pillar-card.pillar-cyan .card-top-accent[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-cyan .card-top-accent[b-0vcebrfanh] {
    background: linear-gradient(90deg, transparent, #00D6F0, transparent) !important;
    box-shadow: 0 0 12px #00D6F0 !important;
}

#solutions .solution-pillar-card.pillar-cyan:hover[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-cyan:hover[b-0vcebrfanh] {
    border-color: #00D6F0 !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.85), 0 0 40px rgba(0, 214, 240, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Card 2: Gold Theme */
#solutions .solution-pillar-card.pillar-gold[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-gold[b-0vcebrfanh] {
    background: linear-gradient(180deg, rgba(20, 25, 42, 0.9) 0%, rgba(6, 12, 24, 0.98) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 25px rgba(245, 158, 11, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

#solutions .solution-pillar-card.pillar-gold .card-top-accent[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-gold .card-top-accent[b-0vcebrfanh] {
    background: linear-gradient(90deg, transparent, #F59E0B, transparent) !important;
    box-shadow: 0 0 12px #F59E0B !important;
}

#solutions .solution-pillar-card.pillar-gold:hover[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-gold:hover[b-0vcebrfanh] {
    border-color: #F59E0B !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.85), 0 0 40px rgba(245, 158, 11, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Card Header Row */
#solutions .pillar-header-row[b-0vcebrfanh],
.solutions-section-wrap .pillar-header-row[b-0vcebrfanh] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 1.6rem !important;
}

#solutions .pillar-identity-wrap[b-0vcebrfanh],
.solutions-section-wrap .pillar-identity-wrap[b-0vcebrfanh] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

#solutions .pillar-step-number[b-0vcebrfanh],
.solutions-section-wrap .pillar-step-number[b-0vcebrfanh] {
    font-size: 2.4rem !important;
    font-weight: 900 !important;
    font-family: 'JetBrains Mono', 'Cairo', monospace !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
}

#solutions .pillar-step-number.text-cyan[b-0vcebrfanh],
.solutions-section-wrap .pillar-step-number.text-cyan[b-0vcebrfanh] {
    color: #00D6F0 !important;
    text-shadow: 0 0 20px rgba(0, 214, 240, 0.6) !important;
}

#solutions .pillar-step-number.text-gold[b-0vcebrfanh],
.solutions-section-wrap .pillar-step-number.text-gold[b-0vcebrfanh] {
    color: #F59E0B !important;
    text-shadow: 0 0 20px rgba(245, 158, 11, 0.6) !important;
}

#solutions .pillar-category-badge[b-0vcebrfanh],
.solutions-section-wrap .pillar-category-badge[b-0vcebrfanh] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    border-radius: 50px !important;
    padding: 0.38rem 0.95rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

#solutions .badge-cyan[b-0vcebrfanh],
.solutions-section-wrap .badge-cyan[b-0vcebrfanh] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.45) !important;
    color: #00D6F0 !important;
}

#solutions .badge-gold[b-0vcebrfanh],
.solutions-section-wrap .badge-gold[b-0vcebrfanh] {
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: #F59E0B !important;
}

#solutions .badge-pulse-dot[b-0vcebrfanh],
.solutions-section-wrap .badge-pulse-dot[b-0vcebrfanh] {
    width: 6.5px !important;
    height: 6.5px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    animation: pulseBeacon 1.8s infinite !important;
    flex-shrink: 0 !important;
}

#solutions .dot-cyan[b-0vcebrfanh],
.solutions-section-wrap .dot-cyan[b-0vcebrfanh] {
    background: #00D6F0 !important;
    box-shadow: 0 0 8px #00D6F0 !important;
}

#solutions .dot-gold[b-0vcebrfanh],
.solutions-section-wrap .dot-gold[b-0vcebrfanh] {
    background: #F59E0B !important;
    box-shadow: 0 0 8px #F59E0B !important;
}

/* Cyber Technical Icon Medallion */
#solutions .pillar-icon-medallion[b-0vcebrfanh],
.solutions-section-wrap .pillar-icon-medallion[b-0vcebrfanh] {
    width: 58px !important;
    height: 58px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.65rem !important;
    flex-shrink: 0 !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
}

#solutions .medallion-cyan[b-0vcebrfanh],
.solutions-section-wrap .medallion-cyan[b-0vcebrfanh] {
    background: linear-gradient(135deg, rgba(0, 214, 240, 0.22) 0%, rgba(2, 132, 199, 0.12) 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.45) !important;
    color: #00D6F0 !important;
    box-shadow: 0 8px 25px rgba(0, 214, 240, 0.25) !important;
}

#solutions .medallion-gold[b-0vcebrfanh],
.solutions-section-wrap .medallion-gold[b-0vcebrfanh] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.22) 0%, rgba(217, 119, 6, 0.12) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    color: #F59E0B !important;
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.25) !important;
}

#solutions .solution-pillar-card:hover .pillar-icon-medallion[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card:hover .pillar-icon-medallion[b-0vcebrfanh] {
    transform: scale(1.1) rotate(-3deg) !important;
}

/* Card Body Content */
#solutions .pillar-card-title[b-0vcebrfanh],
.solutions-section-wrap .pillar-card-title[b-0vcebrfanh] {
    color: #FFFFFF !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    margin-bottom: 0.85rem !important;
    letter-spacing: -0.2px !important;
}

#solutions .pillar-card-desc[b-0vcebrfanh],
.solutions-section-wrap .pillar-card-desc[b-0vcebrfanh] {
    color: #94A3B8 !important;
    font-size: 0.92rem !important;
    line-height: 1.75 !important;
    margin-bottom: 1.6rem !important;
    min-height: 68px !important;
}

/* Feature Checklist Micro-Cards */
#solutions .pillar-features-list[b-0vcebrfanh],
.solutions-section-wrap .pillar-features-list[b-0vcebrfanh] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.8rem !important;
    margin-bottom: 1.85rem !important;
}

#solutions .feature-item[b-0vcebrfanh],
.solutions-section-wrap .feature-item[b-0vcebrfanh] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 0.75rem 1rem !important;
    transition: all 0.25s ease !important;
}

#solutions .solution-pillar-card.pillar-cyan .feature-item:hover[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-cyan .feature-item:hover[b-0vcebrfanh] {
    background: rgba(0, 214, 240, 0.06) !important;
    border-color: rgba(0, 214, 240, 0.3) !important;
    transform: translateX(-3px) !important;
}

#solutions .solution-pillar-card.pillar-gold .feature-item:hover[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-gold .feature-item:hover[b-0vcebrfanh] {
    background: rgba(245, 158, 11, 0.06) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    transform: translateX(-3px) !important;
}

#solutions .feature-check-icon[b-0vcebrfanh],
.solutions-section-wrap .feature-check-icon[b-0vcebrfanh] {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
}

#solutions .check-cyan[b-0vcebrfanh],
.solutions-section-wrap .check-cyan[b-0vcebrfanh] {
    background: rgba(0, 214, 240, 0.15) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.5) !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 10px rgba(0, 214, 240, 0.3) !important;
}

#solutions .check-gold[b-0vcebrfanh],
.solutions-section-wrap .check-gold[b-0vcebrfanh] {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.5) !important;
    color: #F59E0B !important;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.3) !important;
}

#solutions .feature-text[b-0vcebrfanh],
.solutions-section-wrap .feature-text[b-0vcebrfanh] {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #E2E8F0 !important;
    line-height: 1.5 !important;
}

/* Bottom Status Capsule Bar */
#solutions .pillar-status-pill[b-0vcebrfanh],
.solutions-section-wrap .pillar-status-pill[b-0vcebrfanh] {
    border-radius: 14px !important;
    padding: 0.9rem 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.6rem !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-top: auto !important;
    letter-spacing: 0.3px !important;
    transition: all 0.3s ease !important;
}

#solutions .bar-cyan[b-0vcebrfanh],
.solutions-section-wrap .bar-cyan[b-0vcebrfanh] {
    background: linear-gradient(90deg, rgba(0, 214, 240, 0.16) 0%, rgba(2, 132, 199, 0.28) 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.55) !important;
    color: #00D6F0 !important;
    box-shadow: 0 4px 20px rgba(0, 214, 240, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

#solutions .bar-gold[b-0vcebrfanh],
.solutions-section-wrap .bar-gold[b-0vcebrfanh] {
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.16) 0%, rgba(217, 119, 6, 0.28) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.55) !important;
    color: #F59E0B !important;
    box-shadow: 0 4px 20px rgba(245, 158, 11, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

#solutions .solution-pillar-card.pillar-cyan:hover .bar-cyan[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-cyan:hover .bar-cyan[b-0vcebrfanh] {
    box-shadow: 0 6px 25px rgba(0, 214, 240, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

#solutions .solution-pillar-card.pillar-gold:hover .bar-gold[b-0vcebrfanh],
.solutions-section-wrap .solution-pillar-card.pillar-gold:hover .bar-gold[b-0vcebrfanh] {
    box-shadow: 0 6px 25px rgba(245, 158, 11, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

#solutions .status-pulse-dot[b-0vcebrfanh],
.solutions-section-wrap .status-pulse-dot[b-0vcebrfanh] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    animation: pulseBeacon 1.8s infinite !important;
    flex-shrink: 0 !important;
}

/* Carousel Dots Indicator */
#solutions .solutions-carousel-dots[b-0vcebrfanh],
.solutions-section-wrap .solutions-carousel-dots[b-0vcebrfanh] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    margin-top: 1rem !important;
}

#solutions .solutions-carousel-dots .dot[b-0vcebrfanh],
.solutions-section-wrap .solutions-carousel-dots .dot[b-0vcebrfanh] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(0, 214, 240, 0.3) !important;
    transition: all 0.3s ease !important;
}

#solutions .solutions-carousel-dots .dot.active[b-0vcebrfanh],
.solutions-section-wrap .solutions-carousel-dots .dot.active[b-0vcebrfanh] {
    width: 24px !important;
    border-radius: 12px !important;
    background: #00D6F0 !important;
    box-shadow: 0 0 14px #00D6F0 !important;
}

/* Responsive Overrides specifically for #solutions */
@media (max-width: 1024px) {
    #solutions .solutions-interconnected-grid[b-0vcebrfanh],
    .solutions-section-wrap .solutions-interconnected-grid[b-0vcebrfanh] {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        max-width: 680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {
    #solutions.solutions-section-wrap[b-0vcebrfanh],
    .solutions-section-wrap[b-0vcebrfanh] {
        padding: 4rem 0 3.5rem 0 !important;
    }
    #solutions .section-header-block[b-0vcebrfanh],
    .solutions-section-wrap .section-header-block[b-0vcebrfanh] {
        margin-bottom: 2.5rem !important;
    }
    #solutions .solution-pillar-card[b-0vcebrfanh],
    .solutions-section-wrap .solution-pillar-card[b-0vcebrfanh] {
        padding: 2rem 1.4rem 1.6rem 1.4rem !important;
        border-radius: 20px !important;
    }
    #solutions .pillar-card-title[b-0vcebrfanh],
    .solutions-section-wrap .pillar-card-title[b-0vcebrfanh] {
        font-size: 1.25rem !important;
    }
    #solutions .pillar-status-pill[b-0vcebrfanh],
    .solutions-section-wrap .pillar-status-pill[b-0vcebrfanh] {
        font-size: 0.88rem !important;
        padding: 0.75rem 1rem !important;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */

/* ==========================================================================
   STRICT RESET FOR HERO TITLE & H1 FOCUS RING / OUTLINE / BORDER
   ========================================================================== */
h1[b-2b3zzjsike],
h1:focus[b-2b3zzjsike],
h1:focus-visible[b-2b3zzjsike],
h1:active[b-2b3zzjsike],
.hero-title[b-2b3zzjsike],
.hero-title:focus[b-2b3zzjsike],
.hero-title:focus-visible[b-2b3zzjsike],
.hero-title:active[b-2b3zzjsike],
.hero-title *[b-2b3zzjsike],
.hero-heading-white[b-2b3zzjsike],
.hero-heading-gradient[b-2b3zzjsike],
.hero-heading-sub[b-2b3zzjsike],
[b-2b3zzjsike] h1,
[b-2b3zzjsike] h1:focus,
[b-2b3zzjsike] h1:focus-visible,
[b-2b3zzjsike] .hero-title,
[b-2b3zzjsike] .hero-title:focus,
[b-2b3zzjsike] .hero-title:focus-visible,
[b-2b3zzjsike] .hero-title *,
[b-2b3zzjsike] .hero-heading-white,
[b-2b3zzjsike] .hero-heading-gradient,
[b-2b3zzjsike] .hero-heading-sub {
    border: none !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-decoration: none !important;
}
/* ==========================================================================
   ELITE BUSINESS SOLUTIONS — MASTER HOME COMPONENT SCOPED CSS
   Complete Design System, Section Styles & Cross-Device Responsiveness
   Applied centrally from Home.razor.css without inline duplication in Home.razor
   ========================================================================== */


/* 1. Global Viewport Safety & Page Wrapper */
.page-wrapper[b-2b3zzjsike] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.container[b-2b3zzjsike],
[b-2b3zzjsike] .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: clamp(0.75rem, 3vw, 1.5rem) !important;
    padding-right: clamp(0.75rem, 3vw, 1.5rem) !important;
    box-sizing: border-box !important;
}

/* 2. Deep Scoped Styles for All Child Section Components */
/* ==========================================================================
   ELITE BUSINESS SOLUTIONS — MASTER RESPONSIVE DESIGN SYSTEM (ALL SECTIONS)
   Comprehensive Mobile & Cross-Device Optimization:
   - Ultra-Compact (320px - 375px) e.g. iPhone SE, Fold devices
   - Compact Mobile (376px - 480px) e.g. iPhone 13/14/15, Galaxy S22/S23
   - Large Mobile & Phablets (481px - 767px)
   - Tablets & iPads (768px - 991px)
   - Laptops & Desktops (992px+)
   ========================================================================== */

/* 1. Global Viewport Safety & Layout Reset */
html[b-2b3zzjsike], body[b-2b3zzjsike] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

*[b-2b3zzjsike], *[b-2b3zzjsike]::before, *[b-2b3zzjsike]::after {
    box-sizing: border-box !important;
}

[b-2b3zzjsike] .page-wrapper,
[b-2b3zzjsike] .page-content {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

[b-2b3zzjsike] .container,
[b-2b3zzjsike] .hero-container,
[b-2b3zzjsike] .solutions-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: clamp(0.75rem, 3vw, 1.25rem) !important;
    padding-right: clamp(0.75rem, 3vw, 1.25rem) !important;
    box-sizing: border-box !important;
}

img[b-2b3zzjsike] {
    max-width: 100% !important;
    height: auto !important;
}

/* ==========================================================================
   2. TABLET & MEDIUM SCREENS (max-width: 991.98px)
   ========================================================================== */
@media (max-width: 991.98px) {
    /* Header */
[b-2b3zzjsike]     .site-header {
        height: 64px !important;
    }
[b-2b3zzjsike]     .nav-links,
[b-2b3zzjsike]     .btn-header-cta {
        display: none !important;
    }
[b-2b3zzjsike]     .mobile-menu-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Section 1: Hero Section */
[b-2b3zzjsike]     .hero-container,
[b-2b3zzjsike]     [dir="ltr"] .hero-container,
[b-2b3zzjsike]     .theme-en .hero-container {
        flex-direction: column !important;
        gap: 2rem !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .hero-content-group {
        order: 1 !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .hero-pill-badge {
        margin: 0 auto 1.15rem auto !important;
    }
[b-2b3zzjsike]     .hero-actions-row {
        justify-content: center !important;
    }
[b-2b3zzjsike]     .hero-stats-bar {
        justify-content: center !important;
        margin: 0 auto 2rem auto !important;
    }
[b-2b3zzjsike]     .hero-terminal-block {
        order: 2 !important;
        max-width: 600px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* Section 2: Services */
[b-2b3zzjsike]     .services-five-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
    }
[b-2b3zzjsike]     .services-trust-bar {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }

    /* Section 3: Solutions */
[b-2b3zzjsike]     .solutions-interconnected-grid {
        grid-template-columns: 1fr !important;
        max-width: 580px !important;
        margin: 0 auto 2.5rem auto !important;
    }

    /* Section 5: Workflow */
[b-2b3zzjsike]     .workflow-steps-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
    }
[b-2b3zzjsike]     .workflow-cta-banner {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 1.25rem !important;
    }

    /* Section 6: About */
[b-2b3zzjsike]     .about-pillars-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
    }
[b-2b3zzjsike]     .about-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
    }

    /* Section 7: Consultation */
[b-2b3zzjsike]     .consultation-form-card {
        padding: 2rem 1.5rem !important;
    }
}

/* ==========================================================================
   3. MOBILE PHONES (max-width: 767.98px) — ALL SECTIONS
   ========================================================================== */
@media (max-width: 767.98px) {
    /* Section Vertical Rhythm */
[b-2b3zzjsike]     .content-section,
[b-2b3zzjsike]     .hero-section,
[b-2b3zzjsike]     .services-portfolio-section,
[b-2b3zzjsike]     .solutions-section-wrap,
[b-2b3zzjsike]     .workflow-section-wrap,
[b-2b3zzjsike]     .about-section-wrap,
[b-2b3zzjsike]     .consultation-section-wrap {
        padding: clamp(2rem, 5vw, 3rem) 0 !important;
    }

    /* Header & Mobile Drawer */
[b-2b3zzjsike]     .site-header {
        height: 60px !important;
    }
[b-2b3zzjsike]     .elite-header-container {
        padding: 0 0.85rem !important;
        height: 100% !important;
    }
[b-2b3zzjsike]     .brand-logo-wrap {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
[b-2b3zzjsike]     .brand-logo-text .brand-name {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
    }
[b-2b3zzjsike]     .brand-logo-text .brand-tagline,
[b-2b3zzjsike]     .btn-header-cta {
        display: none !important;
    }
[b-2b3zzjsike]     .lang-toggle-btn {
        padding: 0.25rem 0.55rem !important;
        font-size: 0.72rem !important;
        min-height: 32px !important;
    }
[b-2b3zzjsike]     .mobile-menu-btn {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
[b-2b3zzjsike]     .mobile-drawer {
        width: 85vw !important;
        max-width: 320px !important;
        box-sizing: border-box !important;
    }

    /* Unified Section Headers */
[b-2b3zzjsike]     .services-header-box,
[b-2b3zzjsike]     .section-header-block,
[b-2b3zzjsike]     .luxury-marquee-head-wrap {
        margin-bottom: 1.75rem !important;
        padding: 0 0.5rem !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .section-tag,
[b-2b3zzjsike]     .section-tag-cyan,
[b-2b3zzjsike]     .section-tag-pill {
        font-size: 0.78rem !important;
        padding: 0.35rem 0.95rem !important;
        margin-bottom: 0.65rem !important;
        display: inline-flex !important;
    }
[b-2b3zzjsike]     .section-main-title {
        font-size: clamp(1.35rem, 5.5vw, 1.8rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.65rem !important;
    }
[b-2b3zzjsike]     .title-decor-line,
[b-2b3zzjsike]     .accent-bar {
        display: none !important;
    }
[b-2b3zzjsike]     .section-lead-desc,
[b-2b3zzjsike]     .section-lead-text {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        color: #94A3B8 !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 1: HERO SECTION
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .hero-section {
        padding: clamp(1.75rem, 4vw, 2.75rem) 0 2rem 0 !important;
    }
[b-2b3zzjsike]     .hero-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .hero-content-group {
        order: 1 !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
[b-2b3zzjsike]     .hero-pill-badge {
        font-size: 0.76rem !important;
        padding: 0.3rem 0.95rem !important;
        margin: 0 auto 0.85rem auto !important;
        display: inline-flex !important;
        max-width: 95% !important;
        white-space: normal !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .hero-title {
        font-size: clamp(1.35rem, 5.8vw, 1.8rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.85rem !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .hero-heading-white,
[b-2b3zzjsike]     .hero-heading-gradient {
        font-size: inherit !important;
        line-height: inherit !important;
        display: inline !important;
    }
[b-2b3zzjsike]     .hero-heading-sub {
        font-size: clamp(1.05rem, 4.5vw, 1.3rem) !important;
        line-height: 1.35 !important;
        display: block !important;
        margin-top: 0.35rem !important;
        color: #E2E8F0 !important;
        font-weight: 700 !important;
    }
[b-2b3zzjsike]     .hero-lead {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin: 0 auto 1.25rem auto !important;
        text-align: center !important;
        color: #94A3B8 !important;
        padding: 0 4px !important;
    }
[b-2b3zzjsike]     .hero-actions-row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 320px !important;
        gap: 0.65rem !important;
        margin: 0 auto 1.5rem auto !important;
    }
[b-2b3zzjsike]     .btn-primary-saas,
[b-2b3zzjsike]     .btn-secondary-saas,
[b-2b3zzjsike]     .hero-hotline-pill {
        width: 100% !important;
        justify-content: center !important;
        min-height: 46px !important;
        padding: 0.7rem 1.25rem !important;
        font-size: 0.9rem !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .hero-stats-bar {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.55rem !important;
        padding: 0.85rem !important;
        border-radius: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 1.75rem auto !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .hero-stats-bar .stat-sep {
        display: none !important;
    }
[b-2b3zzjsike]     .stat-cell {
        padding: 0.35rem !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .stat-number {
        font-size: 1.35rem !important;
        line-height: 1.1 !important;
    }
[b-2b3zzjsike]     .stat-label {
        font-size: 0.72rem !important;
    }
[b-2b3zzjsike]     .hero-terminal-block {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .terminal-frame {
        border-radius: 14px !important;
        width: 100% !important;
        overflow: hidden !important;
    }
[b-2b3zzjsike]     .terminal-topbar {
        padding: 0.6rem 0.85rem !important;
    }
[b-2b3zzjsike]     .terminal-headline {
        font-size: 0.68rem !important;
    }
[b-2b3zzjsike]     .terminal-inner {
        padding: 0.85rem !important;
        gap: 0.65rem !important;
    }
[b-2b3zzjsike]     .terminal-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
[b-2b3zzjsike]     .kpi-box {
        padding: 0.65rem 0.5rem !important;
        border-radius: 10px !important;
        min-width: 0 !important;
    }
[b-2b3zzjsike]     .kpi-title {
        font-size: 0.72rem !important;
    }
[b-2b3zzjsike]     .kpi-value {
        font-size: 0.68rem !important;
    }
[b-2b3zzjsike]     .terminal-stream-row {
        padding: 0.55rem 0.75rem !important;
        font-size: 0.74rem !important;
    }
[b-2b3zzjsike]     .stream-main {
        font-size: 0.76rem !important;
    }
[b-2b3zzjsike]     .stream-sub {
        font-size: 0.68rem !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 2: SERVICES & TECHNICAL PORTFOLIO
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .services-five-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.15rem !important;
        max-width: 480px !important;
        margin: 0 auto 1.75rem auto !important;
    }
[b-2b3zzjsike]     .service-ref-card {
        padding: 1.25rem 1rem !important;
        border-radius: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .card-image-wrap {
        height: 145px !important;
        margin-bottom: 0.85rem !important;
    }
[b-2b3zzjsike]     .card-product-img {
        max-height: 100% !important;
        object-fit: contain !important;
    }
[b-2b3zzjsike]     .card-title {
        font-size: 1.15rem !important;
        margin-bottom: 0.45rem !important;
    }
[b-2b3zzjsike]     .card-desc {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        margin-bottom: 0.85rem !important;
    }
[b-2b3zzjsike]     .services-trust-bar {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.75rem !important;
        padding: 1.1rem 0.85rem !important;
        border-radius: 16px !important;
        max-width: 480px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .trust-item {
        padding: 0.35rem !important;
        gap: 0.65rem !important;
    }
[b-2b3zzjsike]     .trust-icon-box {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.05rem !important;
        flex-shrink: 0 !important;
    }
[b-2b3zzjsike]     .trust-title {
        font-size: 0.82rem !important;
    }
[b-2b3zzjsike]     .trust-sub {
        font-size: 0.7rem !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 3: INTEGRATION CORE (منظومة الربط الشامل)
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .solutions-interconnected-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
        max-width: 480px !important;
        margin: 0 auto 2rem auto !important;
    }
[b-2b3zzjsike]     .solution-pillar-card {
        padding: 1.35rem 1.15rem !important;
        border-radius: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .pillar-header-row {
        margin-bottom: 0.85rem !important;
    }
[b-2b3zzjsike]     .pillar-step-number {
        font-size: 1.35rem !important;
    }
[b-2b3zzjsike]     .pillar-category-badge {
        font-size: 0.72rem !important;
        padding: 0.25rem 0.65rem !important;
    }
[b-2b3zzjsike]     .pillar-icon-medallion {
        width: 40px !important;
        height: 40px !important;
        font-size: 1.15rem !important;
    }
[b-2b3zzjsike]     .pillar-card-title {
        font-size: 1.15rem !important;
        margin-bottom: 0.45rem !important;
    }
[b-2b3zzjsike]     .pillar-card-desc {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        margin-bottom: 0.85rem !important;
    }
[b-2b3zzjsike]     .pillar-features-list {
        gap: 0.65rem !important;
        margin-bottom: 1.15rem !important;
    }
[b-2b3zzjsike]     .feature-item {
        font-size: 0.82rem !important;
        gap: 0.65rem !important;
    }
[b-2b3zzjsike]     .pillar-status-pill {
        font-size: 0.74rem !important;
        padding: 0.55rem 0.85rem !important;
        border-radius: 10px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 4: CLIENTS & PARTNERS INFINITE MARQUEE
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .luxury-clients-bar-section {
        padding: 2rem 0 !important;
        overflow-x: hidden !important;
    }
[b-2b3zzjsike]     .clients-header-centered-cluster {
        margin-bottom: 1.25rem !important;
    }
[b-2b3zzjsike]     .clients-bar-title {
        font-size: 1.1rem !important;
    }
[b-2b3zzjsike]     .clients-bar-sub {
        font-size: 0.85rem !important;
    }
[b-2b3zzjsike]     .clients-bar-meta {
        font-size: 0.78rem !important;
        margin-top: 0.35rem !important;
    }
[b-2b3zzjsike]     .luxury-marquee-viewport {
        width: 100% !important;
        max-width: 100vw !important;
        overflow: hidden !important;
        padding: 0.5rem 0 !important;
    }
[b-2b3zzjsike]     .luxury-marquee-track {
        gap: 0.85rem !important;
    }
[b-2b3zzjsike]     .client-mini-badge {
        padding: 0.55rem 0.85rem !important;
        gap: 0.65rem !important;
        border-radius: 12px !important;
        min-width: 210px !important;
        max-width: 250px !important;
        flex-shrink: 0 !important;
    }
[b-2b3zzjsike]     .badge-logo-container {
        width: 36px !important;
        height: 36px !important;
        border-radius: 8px !important;
    }
[b-2b3zzjsike]     .badge-restaurant-name {
        font-size: 0.82rem !important;
        max-width: 110px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
[b-2b3zzjsike]     .badge-cat-label {
        font-size: 0.68rem !important;
    }
[b-2b3zzjsike]     .badge-score-num {
        font-size: 0.76rem !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 5: ENGINEERING WORKFLOW & STAGES
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .workflow-steps-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.15rem !important;
        max-width: 480px !important;
        margin: 0 auto 1.75rem auto !important;
    }
[b-2b3zzjsike]     .workflow-step-card {
        padding: 1.35rem 1.15rem !important;
        border-radius: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .step-badge-number {
        font-size: 1.15rem !important;
    }
[b-2b3zzjsike]     .step-icon-wrap {
        width: 42px !important;
        height: 42px !important;
        font-size: 1.15rem !important;
        margin-bottom: 0.85rem !important;
    }
[b-2b3zzjsike]     .step-card-title {
        font-size: 1.15rem !important;
        margin-bottom: 0.45rem !important;
    }
[b-2b3zzjsike]     .step-card-desc {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
    }
[b-2b3zzjsike]     .step-time-tag {
        font-size: 0.74rem !important;
        padding: 0.35rem 0.75rem !important;
    }
[b-2b3zzjsike]     .workflow-cta-banner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 1.15rem !important;
        padding: 1.5rem 1.15rem !important;
        border-radius: 16px !important;
        max-width: 480px !important;
        margin: 0 auto !important;
    }
[b-2b3zzjsike]     .cta-banner-content {
        text-align: center !important;
    }
[b-2b3zzjsike]     .cta-banner-title {
        font-size: 1.1rem !important;
        margin-bottom: 0.45rem !important;
    }
[b-2b3zzjsike]     .cta-banner-desc {
        font-size: 0.84rem !important;
        line-height: 1.55 !important;
    }
[b-2b3zzjsike]     .cta-banner-actions {
        width: 100% !important;
    }
[b-2b3zzjsike]     .cta-banner-actions .btn-primary-saas {
        width: 100% !important;
        justify-content: center !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 6: ABOUT ELITE SOLUTIONS
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .about-pillars-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.15rem !important;
        max-width: 480px !important;
        margin: 0 auto 1.75rem auto !important;
    }
[b-2b3zzjsike]     .about-pillars-grid .pillar-card {
        padding: 1.25rem 1.15rem !important;
        border-radius: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .about-pillars-grid .pillar-icon-box {
        width: 40px !important;
        height: 40px !important;
        font-size: 1.15rem !important;
        margin-bottom: 0.85rem !important;
    }
[b-2b3zzjsike]     .about-pillars-grid .pillar-title {
        font-size: 1.1rem !important;
        margin-bottom: 0.45rem !important;
    }
[b-2b3zzjsike]     .about-pillars-grid .pillar-text {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
    }
[b-2b3zzjsike]     .about-meta-strip {
        margin-top: 1.75rem !important;
    }
[b-2b3zzjsike]     .about-stats-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.65rem !important;
        padding: 1.1rem 0.85rem !important;
        border-radius: 16px !important;
        max-width: 480px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .about-stat-box {
        padding: 0.45rem !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .about-stat-box .stat-num {
        font-size: 1.35rem !important;
        display: block !important;
    }
[b-2b3zzjsike]     .about-stat-box .stat-lbl {
        font-size: 0.72rem !important;
    }
[b-2b3zzjsike]     .about-hq-badge {
        display: flex !important;
        flex-direction: column !important;
        text-align: center !important;
        gap: 0.35rem !important;
        border-radius: 14px !important;
        padding: 0.85rem 1rem !important;
        font-size: 0.82rem !important;
        max-width: 480px !important;
        margin: 1rem auto 0 auto !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 7: CONSULTATION & CONTACT FORM
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .consultation-form-card {
        padding: 1.5rem 1rem !important;
        border-radius: 16px !important;
        max-width: 480px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .form-card-title {
        font-size: 1.25rem !important;
    }
[b-2b3zzjsike]     .form-card-sub {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
    }
[b-2b3zzjsike]     .saas-label {
        font-size: 0.84rem !important;
        margin-bottom: 0.35rem !important;
    }
[b-2b3zzjsike]     .saas-input,
[b-2b3zzjsike]     .saas-select {
        font-size: 0.88rem !important;
        padding: 0.65rem 0.95rem !important;
        border-radius: 10px !important;
        min-height: 44px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .btn-saas-submit {
        width: 100% !important;
        padding: 0.8rem 1.5rem !important;
        font-size: 0.95rem !important;
        min-height: 48px !important;
        border-radius: 12px !important;
        justify-content: center !important;
    }
[b-2b3zzjsike]     .alert-success-box {
        padding: 1.5rem 1rem !important;
        border-radius: 14px !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 8: OVERLAY MODALS (SERVICES & CLIENT PARTNER)
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .service-modal-backdrop,
[b-2b3zzjsike]     .client-modal-backdrop {
        padding: 0.65rem !important;
        z-index: 9999 !important;
    }
[b-2b3zzjsike]     .service-modal-dialog,
[b-2b3zzjsike]     .client-modal-card {
        width: 95vw !important;
        max-width: 95vw !important;
        max-height: 92vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 1.15rem 0.95rem !important;
        border-radius: 16px !important;
        margin: auto !important;
        box-sizing: border-box !important;
    }
[b-2b3zzjsike]     .service-modal-banner {
        border-radius: 12px !important;
        height: 130px !important;
        margin-bottom: 1rem !important;
    }
[b-2b3zzjsike]     .service-modal-title {
        font-size: 1.25rem !important;
    }
[b-2b3zzjsike]     .service-modal-desc {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
    }
[b-2b3zzjsike]     .service-modal-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.15rem !important;
    }
[b-2b3zzjsike]     .modal-points-list li {
        font-size: 0.82rem !important;
    }
[b-2b3zzjsike]     .service-modal-footer {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.65rem !important;
        width: 100% !important;
        margin-top: 1.25rem !important;
    }
[b-2b3zzjsike]     .btn-modal-cta,
[b-2b3zzjsike]     .btn-modal-dismiss {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
        font-size: 0.88rem !important;
    }

    /* Client Partner Modal */
[b-2b3zzjsike]     .client-card-topbar {
        padding-bottom: 0.75rem !important;
    }
[b-2b3zzjsike]     .client-card-profile-header {
        flex-direction: column !important;
        text-align: center !important;
        gap: 0.85rem !important;
    }
[b-2b3zzjsike]     .client-card-logo-box {
        width: 52px !important;
        height: 52px !important;
        margin: 0 auto !important;
    }
[b-2b3zzjsike]     .client-card-name {
        font-size: 1.15rem !important;
    }
[b-2b3zzjsike]     .client-card-meta-row {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
    }
[b-2b3zzjsike]     .client-simple-desc {
        font-size: 0.84rem !important;
        line-height: 1.6 !important;
    }
[b-2b3zzjsike]     .client-info-compact-grid {
        grid-template-columns: 1fr !important;
    }
[b-2b3zzjsike]     .client-card-action-footer {
        flex-direction: column !important;
        gap: 0.65rem !important;
    }
[b-2b3zzjsike]     .client-quick-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
        width: 100% !important;
    }
[b-2b3zzjsike]     .client-quick-actions .btn-action-pill {
        flex: 1 1 45% !important;
        justify-content: center !important;
        min-height: 42px !important;
        font-size: 0.82rem !important;
    }
[b-2b3zzjsike]     .btn-action-done {
        width: 100% !important;
        min-height: 42px !important;
    }

    /* ----------------------------------------------------------------------
       SECTION 9: FOOTER RESPONSIVE
       ---------------------------------------------------------------------- */
[b-2b3zzjsike]     .site-footer {
        padding: 2.5rem 0 1.5rem 0 !important;
    }
[b-2b3zzjsike]     .footer-top-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.75rem !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .footer-brand-col {
        align-items: center !important;
    }
[b-2b3zzjsike]     .footer-links-col {
        align-items: center !important;
    }
[b-2b3zzjsike]     .footer-bottom-bar {
        flex-direction: column !important;
        gap: 0.85rem !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   4. ULTRA-COMPACT SCREENS (320px - 375px) e.g. iPhone SE & Foldable Covers
   ========================================================================== */
@media (max-width: 375.98px) {
[b-2b3zzjsike]     .site-header {
        height: 56px !important;
    }
[b-2b3zzjsike]     .elite-header-container {
        padding: 0 0.5rem !important;
    }
[b-2b3zzjsike]     .brand-logo-text .brand-name {
        font-size: 0.82rem !important;
    }
[b-2b3zzjsike]     .hero-title {
        font-size: 1.3rem !important;
    }
[b-2b3zzjsike]     .hero-heading-sub {
        font-size: 1.02rem !important;
    }
[b-2b3zzjsike]     .hero-lead {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
    }
[b-2b3zzjsike]     .hero-stats-bar {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.45rem !important;
        padding: 0.65rem !important;
    }
[b-2b3zzjsike]     .stat-number {
        font-size: 1.15rem !important;
    }
[b-2b3zzjsike]     .stat-label {
        font-size: 0.68rem !important;
    }
[b-2b3zzjsike]     .section-main-title {
        font-size: 1.25rem !important;
    }
[b-2b3zzjsike]     .services-trust-bar,
[b-2b3zzjsike]     .about-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 0.6rem !important;
    }
[b-2b3zzjsike]     .terminal-kpi-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.45rem !important;
    }
[b-2b3zzjsike]     .kpi-title {
        font-size: 0.68rem !important;
    }
[b-2b3zzjsike]     .kpi-value {
        font-size: 0.62rem !important;
    }
[b-2b3zzjsike]     .client-mini-badge {
        min-width: 190px !important;
        padding: 0.45rem 0.65rem !important;
    }
[b-2b3zzjsike]     .client-card-name {
        font-size: 1.05rem !important;
    }
}

/* === HARMONIOUS HERO SYSTEM OVERRIDE === */
/* ==========================================================================
   ELITE BUSINESS SOLUTIONS — HARMONIOUS SAAS HERO ARCHITECTURE
   Deep Luxury Navy (#020B18 - #041426) | Cyan Accents (#00D6F0)
   Centered Optical Balance | Crisp Typography | 100% Cross-Device Ergonomics
   ========================================================================== */

/* 1. Hero Atmosphere & Canvas */
[b-2b3zzjsike] .hero-section {
    position: relative !important;
    background-color: #020B18 !important;
    background-image: 
        radial-gradient(circle at 70% 30%, rgba(0, 214, 240, 0.12) 0%, transparent 55%),
        radial-gradient(circle at 25% 65%, rgba(16, 59, 92, 0.25) 0%, transparent 60%),
        linear-gradient(180deg, #020914 0%, #041224 55%, #020B18 100%) !important;
    color: #FFFFFF !important;
    padding: clamp(3.5rem, 6vw, 5rem) 0 clamp(2.5rem, 5vw, 4rem) 0 !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.12) !important;
}

[b-2b3zzjsike] .hero-cinematic-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}

[b-2b3zzjsike] .hero-ambient-mesh {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(0, 214, 240, 0.06) 0%, transparent 70%);
}

[b-2b3zzjsike] .hero-light-orb.orb-cyan {
    position: absolute;
    top: 15%;
    right: 30%;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 214, 240, 0.12) 0%, transparent 70%);
    filter: blur(60px);
}

[b-2b3zzjsike] .hero-light-orb.orb-blue {
    position: absolute;
    bottom: 10%;
    left: 20%;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 116, 144, 0.25) 0%, transparent 70%);
    filter: blur(70px);
}

/* 2. Container & Cohesive Framing */
[b-2b3zzjsike] .hero-container {
    display: flex !important;
    flex-direction: row-reverse !important; /* In RTL: Text Right, Terminal Left */
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(2rem, 4vw, 3.5rem) !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 clamp(1rem, 3vw, 2rem) !important;
    position: relative !important;
    z-index: 10 !important;
}

/* 3. Narrative Column (Text & CTAs) */
[b-2b3zzjsike] .hero-content-group {
    flex: 1 1 540px !important;
    max-width: 580px !important;
    text-align: right !important;
}

[b-2b3zzjsike] .hero-pill-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    color: #00D6F0 !important;
    padding: 0.35rem 0.95rem !important;
    border-radius: 50px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 2px 10px rgba(0, 214, 240, 0.15) !important;
}

[b-2b3zzjsike] .badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00D6F0;
    box-shadow: 0 0 8px #00D6F0;
    display: inline-block;
}

[b-2b3zzjsike] .badge-dot.pulse {
    animation: pulseDot-b-2b3zzjsike 2s infinite ease-in-out;
}

@keyframes pulseDot-b-2b3zzjsike {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.3); }
}

[b-2b3zzjsike] .hero-title {
    font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin-bottom: 1.2rem !important;
    letter-spacing: -0.02em !important;
}

[b-2b3zzjsike] .hero-heading-white {
    color: #FFFFFF !important;
    display: block !important;
    font-size: inherit !important;
    font-weight: 800 !important;
}

[b-2b3zzjsike] .hero-heading-gradient {
    display: inline-block !important;
    background: linear-gradient(135deg, #00D6F0 0%, #38BDF8 60%, #FFFFFF 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 1.05em !important;
    font-weight: 900 !important;
    margin-bottom: 0.25rem !important;
    filter: drop-shadow(0 2px 8px rgba(0, 214, 240, 0.3)) !important;
}

[b-2b3zzjsike] .hero-heading-sub {
    display: block !important;
    font-size: clamp(1.1rem, 1.6vw, 1.4rem) !important;
    font-weight: 600 !important;
    color: #CBD5E1 !important;
    margin-top: 0.45rem !important;
    line-height: 1.35 !important;
}

[b-2b3zzjsike] .hero-lead {
    font-size: 1.02rem !important;
    line-height: 1.75 !important;
    color: #94A3B8 !important;
    margin: 0 0 1.75rem 0 !important;
    max-width: 540px !important;
}

[b-2b3zzjsike] .lead-highlight {
    color: #00D6F0 !important;
    font-weight: 700 !important;
}

/* 4. Action Buttons Row */
[b-2b3zzjsike] .hero-actions-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.85rem !important;
    margin-bottom: 2rem !important;
}

[b-2b3zzjsike] .btn-primary-saas {
    background: linear-gradient(135deg, #00D6F0 0%, #0284C7 100%) !important;
    color: #020B18 !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    padding: 0.75rem 1.6rem !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 20px rgba(0, 214, 240, 0.35) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border: none !important;
    min-height: 48px !important;
}

[b-2b3zzjsike] .btn-primary-saas:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 30px rgba(0, 214, 240, 0.55) !important;
    color: #020B18 !important;
}

[b-2b3zzjsike] .btn-secondary-saas {
    background: rgba(14, 34, 61, 0.6) !important;
    color: #F1F5F9 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 50px !important;
    border: 1px solid rgba(0, 214, 240, 0.28) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
    min-height: 48px !important;
    backdrop-filter: blur(8px) !important;
}

[b-2b3zzjsike] .btn-secondary-saas:hover {
    background: rgba(0, 214, 240, 0.15) !important;
    border-color: #00D6F0 !important;
    color: #00D6F0 !important;
    transform: translateY(-2px) !important;
}

[b-2b3zzjsike] .hero-hotline-pill {
    background: rgba(6, 18, 34, 0.7) !important;
    border: 1px solid rgba(0, 214, 240, 0.2) !important;
    color: #E2E8F0 !important;
    padding: 0.75rem 1.25rem !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    min-height: 48px !important;
}

[b-2b3zzjsike] .hero-hotline-pill:hover {
    border-color: #00D6F0 !important;
    color: #00D6F0 !important;
    background: rgba(0, 214, 240, 0.08) !important;
}

/* 5. Metrics & Trust Bar */
[b-2b3zzjsike] .hero-stats-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: rgba(6, 18, 34, 0.75) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(0, 214, 240, 0.18) !important;
    border-radius: 16px !important;
    padding: 0.85rem 1.25rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    max-width: 580px !important;
    width: 100% !important;
}

[b-2b3zzjsike] .hero-stats-bar .stat-cell {
    text-align: center !important;
    flex: 1 !important;
}

[b-2b3zzjsike] .hero-stats-bar .stat-number {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #00D6F0 !important;
    display: block !important;
    line-height: 1.15 !important;
}

[b-2b3zzjsike] .hero-stats-bar .stat-label {
    font-size: 0.74rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
    margin-top: 0.2rem !important;
    display: block !important;
}

[b-2b3zzjsike] .hero-stats-bar .stat-sep {
    width: 1px !important;
    height: 28px !important;
    background: rgba(0, 214, 240, 0.2) !important;
    margin: 0 0.5rem !important;
}

/* 6. Visual Terminal Block */
[b-2b3zzjsike] .hero-terminal-block {
    flex: 0 1 520px !important;
    width: 100% !important;
    max-width: 520px !important;
}

[b-2b3zzjsike] .terminal-frame {
    background: rgba(4, 14, 28, 0.9) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7), 0 0 35px rgba(0, 214, 240, 0.12) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

[b-2b3zzjsike] .terminal-frame:hover {
    border-color: rgba(0, 214, 240, 0.45) !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8), 0 0 45px rgba(0, 214, 240, 0.2) !important;
}

[b-2b3zzjsike] .terminal-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.75rem 1rem !important;
    background: rgba(2, 9, 18, 0.95) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.15) !important;
}

[b-2b3zzjsike] .terminal-lights {
    display: flex !important;
    gap: 6px !important;
}

[b-2b3zzjsike] .terminal-lights .light {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
}

[b-2b3zzjsike] .terminal-lights .light.red { background: #EF4444 !important; }
[b-2b3zzjsike] .terminal-lights .light.yellow { background: #F59E0B !important; }
[b-2b3zzjsike] .terminal-lights .light.green { background: #10B981 !important; }

[b-2b3zzjsike] .terminal-headline {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    color: #94A3B8 !important;
}

[b-2b3zzjsike] .terminal-live-tag {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

[b-2b3zzjsike] .terminal-live-tag .badge-dot {
    background: #10B981 !important;
    box-shadow: 0 0 6px #10B981 !important;
}

[b-2b3zzjsike] .terminal-inner {
    padding: 1.15rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

[b-2b3zzjsike] .terminal-kpi-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.85rem !important;
}

[b-2b3zzjsike] .kpi-box {
    background: rgba(11, 28, 52, 0.6) !important;
    border: 1px solid rgba(0, 214, 240, 0.15) !important;
    border-radius: 12px !important;
    padding: 0.85rem 0.95rem !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

[b-2b3zzjsike] .kpi-box:hover {
    background: rgba(0, 214, 240, 0.1) !important;
    border-color: rgba(0, 214, 240, 0.45) !important;
    transform: translateY(-2px) !important;
}

[b-2b3zzjsike] .kpi-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 0.4rem !important;
}

[b-2b3zzjsike] .kpi-head i {
    font-size: 1.15rem !important;
}

[b-2b3zzjsike] .kpi-state {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
    background: rgba(0, 214, 240, 0.12) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

[b-2b3zzjsike] .kpi-title {
    display: block !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #F1F5F9 !important;
    margin-bottom: 0.2rem !important;
}

[b-2b3zzjsike] .kpi-value {
    display: block !important;
    font-size: 0.76rem !important;
    color: #94A3B8 !important;
}

[b-2b3zzjsike] .terminal-stream-row {
    background: rgba(2, 9, 18, 0.7) !important;
    border: 1px solid rgba(0, 214, 240, 0.15) !important;
    border-radius: 12px !important;
    padding: 0.75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

[b-2b3zzjsike] .stream-main {
    display: block !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #E2E8F0 !important;
}

[b-2b3zzjsike] .stream-sub {
    display: block !important;
    font-size: 0.74rem !important;
    color: #94A3B8 !important;
    line-height: 1.4 !important;
    margin-top: 0.15rem !important;
}

/* ==========================================================================
   7. RESPONSIVE BREAKPOINTS (Tablets & Mobile)
   ========================================================================== */
@media (max-width: 991.98px) {
[b-2b3zzjsike]     .hero-container,
[b-2b3zzjsike]     [dir="ltr"] .hero-container,
[b-2b3zzjsike]     .theme-en .hero-container {
        flex-direction: column !important;
        gap: 2rem !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .hero-content-group {
        order: 1 !important;
        max-width: 100% !important;
        text-align: center !important;
    }
[b-2b3zzjsike]     .hero-pill-badge {
        margin: 0 auto 1.15rem auto !important;
    }
[b-2b3zzjsike]     .hero-actions-row {
        justify-content: center !important;
    }
[b-2b3zzjsike]     .hero-stats-bar {
        justify-content: center !important;
        margin: 0 auto 2rem auto !important;
    }
[b-2b3zzjsike]     .hero-terminal-block {
        max-width: 580px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 767.98px) {
[b-2b3zzjsike]     .hero-section {
        padding: clamp(1.75rem, 4vw, 2.75rem) 0 2rem 0 !important;
    }
[b-2b3zzjsike]     .hero-title {
        font-size: clamp(1.35rem, 5.8vw, 1.8rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.85rem !important;
    }
[b-2b3zzjsike]     .hero-heading-white,
[b-2b3zzjsike]     .hero-heading-gradient {
        font-size: inherit !important;
        display: inline !important;
    }
[b-2b3zzjsike]     .hero-heading-sub {
        font-size: clamp(1.05rem, 4.5vw, 1.3rem) !important;
        display: block !important;
        margin-top: 0.35rem !important;
    }
[b-2b3zzjsike]     .hero-lead {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin: 0 auto 1.25rem auto !important;
        text-align: center !important;
        padding: 0 4px !important;
    }
[b-2b3zzjsike]     .hero-actions-row {
        flex-direction: column !important;
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto 1.5rem auto !important;
        gap: 0.65rem !important;
    }
[b-2b3zzjsike]     .btn-primary-saas,
[b-2b3zzjsike]     .btn-secondary-saas,
[b-2b3zzjsike]     .hero-hotline-pill {
        width: 100% !important;
        justify-content: center !important;
        min-height: 46px !important;
    }
[b-2b3zzjsike]     .hero-stats-bar {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.55rem !important;
        padding: 0.85rem !important;
        border-radius: 14px !important;
        margin: 0 auto 1.75rem auto !important;
    }
[b-2b3zzjsike]     .hero-stats-bar .stat-sep {
        display: none !important;
    }
[b-2b3zzjsike]     .terminal-kpi-grid {
        gap: 0.5rem !important;
    }
[b-2b3zzjsike]     .kpi-box {
        padding: 0.65rem 0.5rem !important;
    }
[b-2b3zzjsike]     .kpi-title {
        font-size: 0.72rem !important;
    }
[b-2b3zzjsike]     .kpi-value {
        font-size: 0.68rem !important;
    }
}

@media (max-width: 375.98px) {
[b-2b3zzjsike]     .hero-title {
        font-size: 1.25rem !important;
    }
[b-2b3zzjsike]     .hero-heading-sub {
        font-size: 0.98rem !important;
    }
[b-2b3zzjsike]     .hero-lead {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
        padding: 0 2px !important;
    }
[b-2b3zzjsike]     .hero-stats-bar {
        gap: 0.45rem !important;
        padding: 0.65rem 0.45rem !important;
    }
[b-2b3zzjsike]     .stat-number {
        font-size: 1.15rem !important;
    }
[b-2b3zzjsike]     .terminal-kpi-grid {
        gap: 0.45rem !important;
    }
[b-2b3zzjsike]     .kpi-title {
        font-size: 0.65rem !important;
    }
[b-2b3zzjsike]     .kpi-value {
        font-size: 0.6rem !important;
    }
}

/* /Components/Pages/JobApply.razor.rz.scp.css */
/* Scoped Form Architecture matching EliteJo Dark Tech Theme */
.apply-page-wrapper[b-t1v4ijp68b] {
    background-color: #06131F;
    background-image: 
        radial-gradient(circle at 10% 15%, rgba(20, 127, 193, 0.15) 0%, transparent 45%),
        radial-gradient(circle at 90% 85%, rgba(24, 200, 248, 0.1) 0%, transparent 50%);
    min-height: 100vh;
    padding: 3rem 1rem 6rem;
    font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;
    color: #FFFFFF;
    box-sizing: border-box;
}

.apply-container[b-t1v4ijp68b] {
    max-width: 900px;
    margin: 0 auto;
}

.apply-header[b-t1v4ijp68b] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.badge-pill[b-t1v4ijp68b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(24, 200, 248, 0.1);
    border: 1px solid rgba(24, 200, 248, 0.3);
    color: #18C8F8;
    padding: 0.4rem 1.25rem;
    border-radius: 9999px;
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.page-title[b-t1v4ijp68b] {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 900;
    color: #FFFFFF;
    text-shadow: 0 0 20px rgba(24, 200, 248, 0.35);
    margin: 0 0 0.75rem 0;
}

.page-subtitle[b-t1v4ijp68b] {
    font-size: 1.05rem;
    color: #B6D5E8;
    margin: 0;
    line-height: 1.6;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.form-glass-card[b-t1v4ijp68b] {
    background: rgba(11, 35, 65, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(24, 200, 248, 0.22);
    border-radius: 24px;
    padding: clamp(1.5rem, 4vw, 3rem);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 25px rgba(24, 200, 248, 0.1);
    position: relative;
    overflow: hidden;
}

.form-glass-card[b-t1v4ijp68b]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #147FC1, #18C8F8, #64E8FF);
}

.form-section[b-t1v4ijp68b] {
    margin-bottom: 2.25rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.form-section:last-of-type[b-t1v4ijp68b] {
    border-bottom: none;
    margin-bottom: 1.5rem;
    padding-bottom: 0;
}

.section-title[b-t1v4ijp68b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: #64E8FF;
    margin-bottom: 1.5rem;
}

.section-title i[b-t1v4ijp68b] {
    font-size: 1.35rem;
    color: #18C8F8;
}

.form-grid-2[b-t1v4ijp68b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}

.form-grid-3[b-t1v4ijp68b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.form-field[b-t1v4ijp68b] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-field.col-full[b-t1v4ijp68b] {
    grid-column: 1 / -1;
}

.field-label[b-t1v4ijp68b] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #E2E8F0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.field-label-prominent[b-t1v4ijp68b] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.req[b-t1v4ijp68b] {
    color: #F87171;
    font-weight: 900;
}

.field-input[b-t1v4ijp68b], .field-select[b-t1v4ijp68b], .field-textarea[b-t1v4ijp68b] {
    background: rgba(6, 19, 31, 0.75);
    border: 1px solid rgba(24, 200, 248, 0.22);
    border-radius: 12px;
    padding: 0.85rem 1.1rem;
    color: #FFFFFF;
    font-size: 0.95rem;
    font-family: inherit;
    outline: none;
    transition: all 0.25s ease;
    width: 100%;
    box-sizing: border-box;
}

.field-input.input-invalid[b-t1v4ijp68b] {
    border-color: #EF4444 !important;
    background: rgba(239, 68, 68, 0.08) !important;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.3) !important;
}

.field-error-hint[b-t1v4ijp68b] {
    font-size: 0.82rem;
    color: #F87171;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.25rem;
}

.field-helper-hint[b-t1v4ijp68b] {
    font-size: 0.8rem;
    color: rgba(182, 213, 232, 0.65);
    margin-top: 0.15rem;
}

.field-select option[b-t1v4ijp68b] {
    background-color: #0B2341;
    color: #FFFFFF;
}

.field-input[b-t1v4ijp68b]::placeholder, .field-textarea[b-t1v4ijp68b]::placeholder {
    color: rgba(182, 213, 232, 0.45);
}

.field-input:focus[b-t1v4ijp68b], .field-select:focus[b-t1v4ijp68b], .field-textarea:focus[b-t1v4ijp68b] {
    background: rgba(6, 19, 31, 0.95);
    border-color: #18C8F8;
    box-shadow: 0 0 15px rgba(24, 200, 248, 0.35);
}

.choice-group[b-t1v4ijp68b] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.choice-group-horizontal[b-t1v4ijp68b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.choice-pill[b-t1v4ijp68b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(6, 19, 31, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    padding: 0.65rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    color: #B6D5E8;
}

.choice-pill:hover[b-t1v4ijp68b], .choice-pill.active[b-t1v4ijp68b] {
    background: rgba(24, 200, 248, 0.15);
    border-color: #18C8F8;
    color: #FFFFFF;
}

.choice-pill input[type="radio"][b-t1v4ijp68b], .choice-pill input[type="checkbox"][b-t1v4ijp68b] {
    accent-color: #18C8F8;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.choice-pill-large[b-t1v4ijp68b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: rgba(6, 19, 31, 0.7);
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    padding: 1.25rem 1.4rem;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
}

.choice-pill-large input[type="radio"][b-t1v4ijp68b] {
    position: absolute;
    opacity: 0;
}

.choice-pill-large .choice-text-wrap[b-t1v4ijp68b] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.choice-pill-large .choice-text-wrap strong[b-t1v4ijp68b] {
    font-size: 1rem;
    color: #FFFFFF;
}

.choice-pill-large .choice-text-wrap small[b-t1v4ijp68b] {
    font-size: 0.82rem;
    color: #B6D5E8;
}

.choice-pill-large .choice-check-icon[b-t1v4ijp68b] {
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.25);
    transition: all 0.25s ease;
}

.choice-pill-large:hover[b-t1v4ijp68b] {
    border-color: rgba(24, 200, 248, 0.5);
    background: rgba(24, 200, 248, 0.08);
}

.choice-pill-large.active[b-t1v4ijp68b] {
    border-color: #18C8F8;
    background: rgba(24, 200, 248, 0.15);
    box-shadow: 0 0 20px rgba(24, 200, 248, 0.25);
}

.choice-pill-large.active .choice-check-icon[b-t1v4ijp68b] {
    color: #18C8F8;
}

.choice-pill-large.choice-danger:hover[b-t1v4ijp68b] {
    border-color: rgba(239, 68, 68, 0.5);
    background: rgba(239, 68, 68, 0.08);
}

.choice-pill-large.choice-danger.active[b-t1v4ijp68b] {
    border-color: #EF4444;
    background: rgba(239, 68, 68, 0.16);
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.25);
}

.choice-pill-large.choice-danger.active .choice-check-icon[b-t1v4ijp68b] {
    color: #EF4444;
}

.alert-box-laptop-blocked[b-t1v4ijp68b] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background: rgba(239, 68, 68, 0.15);
    border: 2px solid rgba(239, 68, 68, 0.5);
    border-radius: 16px;
    padding: 1.5rem;
    margin-top: 1rem;
    box-shadow: 0 8px 25px rgba(239, 68, 68, 0.2);
}

.alert-box-laptop-blocked .blocked-icon i[b-t1v4ijp68b] {
    font-size: 2.4rem;
    color: #EF4444;
}

.alert-box-laptop-blocked .blocked-title[b-t1v4ijp68b] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0 0 0.35rem 0;
}

.alert-box-laptop-blocked .blocked-desc[b-t1v4ijp68b] {
    font-size: 0.95rem;
    color: #FECACA;
    line-height: 1.6;
    margin: 0;
    font-weight: 700;
}

.laptop-specs-box[b-t1v4ijp68b] {
    background: rgba(6, 19, 31, 0.6);
    border: 1px solid rgba(24, 200, 248, 0.25);
    border-radius: 18px;
    padding: 1.5rem;
    margin-top: 1rem;
}

.specs-box-header[b-t1v4ijp68b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 800;
    color: #64E8FF;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(24, 200, 248, 0.15);
}

.alert-box-danger[b-t1v4ijp68b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(239, 68, 68, 0.18);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #FCA5A5;
    padding: 0.85rem 1.15rem;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 1.75rem;
}

.form-submit-bar[b-t1v4ijp68b] {
    margin-top: 2rem;
}

.submit-blocked-hint[b-t1v4ijp68b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #FCA5A5;
    font-size: 0.88rem;
    font-weight: 700;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.3);
    padding: 0.65rem 1.25rem;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.btn-submit-luxury[b-t1v4ijp68b] {
    width: 100%;
    padding: 1.1rem 2rem;
    border-radius: 9999px;
    background: linear-gradient(135deg, #147FC1 0%, #18C8F8 100%);
    border: none;
    color: #FFFFFF;
    font-size: 1.15rem;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-shadow: 0 6px 25px rgba(24, 200, 248, 0.4);
    transition: all 0.3s ease;
}

.btn-submit-luxury:hover:not(:disabled)[b-t1v4ijp68b] {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(24, 200, 248, 0.6);
    background: linear-gradient(135deg, #18C8F8 0%, #64E8FF 100%);
    color: #06131F;
}

.btn-submit-luxury.disabled-btn[b-t1v4ijp68b], .btn-submit-luxury:disabled[b-t1v4ijp68b] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.4);
}

.spinner-icon[b-t1v4ijp68b] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: spin-b-t1v4ijp68b 0.8s linear infinite;
}

@keyframes spin-b-t1v4ijp68b {
    to { transform: rotate(360deg); }
}

.success-card[b-t1v4ijp68b] {
    background: rgba(11, 35, 65, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 208, 132, 0.35);
    border-radius: 24px;
    padding: 3.5rem 2rem;
    text-align: center;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 208, 132, 0.15);
}

.success-icon-box[b-t1v4ijp68b] {
    display: inline-flex;
    padding: 1.25rem;
    border-radius: 50%;
    background: rgba(0, 208, 132, 0.15);
    border: 1px solid rgba(0, 208, 132, 0.4);
    box-shadow: 0 0 25px rgba(0, 208, 132, 0.3);
    margin-bottom: 1.5rem;
}

.success-icon-box i[b-t1v4ijp68b] {
    font-size: 3.5rem;
    color: #00D084;
}

.success-title[b-t1v4ijp68b] {
    font-size: 1.8rem;
    font-weight: 900;
    color: #FFFFFF;
    margin: 0 0 0.75rem 0;
}

.success-desc[b-t1v4ijp68b] {
    font-size: 1.05rem;
    color: #B6D5E8;
    max-width: 580px;
    margin: 0 auto 2.25rem auto;
    line-height: 1.7;
}

.success-actions[b-t1v4ijp68b] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-primary-action[b-t1v4ijp68b] {
    background: linear-gradient(135deg, #147FC1 0%, #18C8F8 100%);
    border: none;
    color: #FFFFFF;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s ease;
}

.btn-primary-action:hover[b-t1v4ijp68b] {
    background: linear-gradient(135deg, #18C8F8 0%, #64E8FF 100%);
    color: #06131F;
    transform: translateY(-2px);
}

.btn-secondary-action[b-t1v4ijp68b] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #B6D5E8;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s ease;
}

.btn-secondary-action:hover[b-t1v4ijp68b] {
    color: #18C8F8;
    border-color: #18C8F8;
    background: rgba(24, 200, 248, 0.1);
    transform: translateY(-2px);
}
/* /Components/Pages/KsaApply.razor.rz.scp.css */
/* Scoped Form Architecture matching EliteJo Dark Tech Theme */
.apply-page-wrapper[b-lvu409jsb3] {
    background-color: #06131F;
    background-image: 
        radial-gradient(circle at 10% 15%, rgba(20, 127, 193, 0.15) 0%, transparent 45%),
        radial-gradient(circle at 90% 85%, rgba(24, 200, 248, 0.1) 0%, transparent 50%);
    min-height: 100vh;
    padding: 3rem 1rem 6rem;
    font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;
    color: #FFFFFF;
    box-sizing: border-box;
}

.apply-container[b-lvu409jsb3] {
    max-width: 900px;
    margin: 0 auto;
}

.apply-header[b-lvu409jsb3] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.badge-pill[b-lvu409jsb3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(24, 200, 248, 0.1);
    border: 1px solid rgba(24, 200, 248, 0.3);
    color: #18C8F8;
    padding: 0.4rem 1.25rem;
    border-radius: 9999px;
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.page-title[b-lvu409jsb3] {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 900;
    color: #FFFFFF;
    text-shadow: 0 0 20px rgba(24, 200, 248, 0.35);
    margin: 0 0 0.75rem 0;
}

.page-subtitle[b-lvu409jsb3] {
    font-size: 1.05rem;
    color: #B6D5E8;
    margin: 0;
    line-height: 1.6;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.form-glass-card[b-lvu409jsb3] {
    background: rgba(11, 35, 65, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(24, 200, 248, 0.22);
    border-radius: 24px;
    padding: clamp(1.5rem, 4vw, 3rem);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 25px rgba(24, 200, 248, 0.1);
    position: relative;
    overflow: hidden;
}

.form-glass-card[b-lvu409jsb3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #147FC1, #18C8F8, #00D084);
}

.form-section[b-lvu409jsb3] {
    margin-bottom: 2.25rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.form-section:last-of-type[b-lvu409jsb3] {
    border-bottom: none;
    margin-bottom: 1.5rem;
    padding-bottom: 0;
}

.section-title[b-lvu409jsb3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: #00D084;
    margin-bottom: 1.5rem;
}

.section-title i[b-lvu409jsb3] {
    font-size: 1.35rem;
    color: #18C8F8;
}

.form-grid-2[b-lvu409jsb3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}

.form-grid-3[b-lvu409jsb3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.form-field[b-lvu409jsb3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-field.col-full[b-lvu409jsb3] {
    grid-column: 1 / -1;
}

.field-label[b-lvu409jsb3] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #E2E8F0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.req[b-lvu409jsb3] {
    color: #F87171;
    font-weight: 900;
}

.field-input[b-lvu409jsb3], .field-select[b-lvu409jsb3], .field-textarea[b-lvu409jsb3] {
    background: rgba(6, 19, 31, 0.75);
    border: 1px solid rgba(24, 200, 248, 0.22);
    border-radius: 12px;
    padding: 0.85rem 1.1rem;
    color: #FFFFFF;
    font-size: 0.95rem;
    font-family: inherit;
    outline: none;
    transition: all 0.25s ease;
    width: 100%;
    box-sizing: border-box;
}

.field-select option[b-lvu409jsb3] {
    background-color: #0B2341;
    color: #FFFFFF;
}

.field-input[b-lvu409jsb3]::placeholder, .field-textarea[b-lvu409jsb3]::placeholder {
    color: rgba(182, 213, 232, 0.45);
}

.field-input:focus[b-lvu409jsb3], .field-select:focus[b-lvu409jsb3], .field-textarea:focus[b-lvu409jsb3] {
    background: rgba(6, 19, 31, 0.95);
    border-color: #18C8F8;
    box-shadow: 0 0 15px rgba(24, 200, 248, 0.35);
}

.choice-group[b-lvu409jsb3] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.choice-pill[b-lvu409jsb3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(6, 19, 31, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    padding: 0.65rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    color: #B6D5E8;
}

.choice-pill:hover[b-lvu409jsb3], .choice-pill.active[b-lvu409jsb3] {
    background: rgba(24, 200, 248, 0.15);
    border-color: #18C8F8;
    color: #FFFFFF;
}

.choice-pill input[type="radio"][b-lvu409jsb3], .choice-pill input[type="checkbox"][b-lvu409jsb3] {
    accent-color: #18C8F8;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.file-upload-box[b-lvu409jsb3] {
    border: 2px dashed rgba(24, 200, 248, 0.35);
    border-radius: 14px;
    padding: 1.75rem 1.5rem;
    text-align: center;
    background: rgba(6, 19, 31, 0.5);
    transition: all 0.25s ease;
}

.file-upload-box:hover[b-lvu409jsb3] {
    border-color: #18C8F8;
    background: rgba(6, 19, 31, 0.7);
}

.file-upload-box i[b-lvu409jsb3] {
    font-size: 2.5rem;
    color: #18C8F8;
    display: block;
    margin-bottom: 0.5rem;
}

.file-upload-box span[b-lvu409jsb3] {
    color: #B6D5E8;
    font-size: 0.95rem;
    display: block;
}

.file-upload-box small[b-lvu409jsb3] {
    color: rgba(182, 213, 232, 0.6);
    font-size: 0.8rem;
    display: block;
    margin-top: 0.25rem;
}

.file-name-pill[b-lvu409jsb3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 208, 132, 0.15);
    border: 1px solid rgba(0, 208, 132, 0.4);
    color: #00D084;
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    font-size: 0.85rem;
    margin-top: 0.75rem;
    font-weight: 700;
}

.alert-box-danger[b-lvu409jsb3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(239, 68, 68, 0.18);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #FCA5A5;
    padding: 0.85rem 1.15rem;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1.75rem;
}

.form-submit-bar[b-lvu409jsb3] {
    margin-top: 2rem;
}

.btn-submit-luxury[b-lvu409jsb3] {
    width: 100%;
    padding: 1.1rem 2rem;
    border-radius: 9999px;
    background: linear-gradient(135deg, #147FC1 0%, #18C8F8 100%);
    border: none;
    color: #FFFFFF;
    font-size: 1.15rem;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-shadow: 0 6px 25px rgba(24, 200, 248, 0.4);
    transition: all 0.3s ease;
}

.btn-submit-luxury:hover:not(:disabled)[b-lvu409jsb3] {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(24, 200, 248, 0.6);
    background: linear-gradient(135deg, #18C8F8 0%, #00D084 100%);
    color: #06131F;
}

.btn-submit-luxury:disabled[b-lvu409jsb3] {
    opacity: 0.65;
    cursor: not-allowed;
}

.spinner-icon[b-lvu409jsb3] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: spin-b-lvu409jsb3 0.8s linear infinite;
}

@keyframes spin-b-lvu409jsb3 {
    to { transform: rotate(360deg); }
}

.success-card[b-lvu409jsb3] {
    background: rgba(11, 35, 65, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 208, 132, 0.35);
    border-radius: 24px;
    padding: 3.5rem 2rem;
    text-align: center;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 208, 132, 0.15);
}

.success-icon-box[b-lvu409jsb3] {
    display: inline-flex;
    padding: 1.25rem;
    border-radius: 50%;
    background: rgba(0, 208, 132, 0.15);
    border: 1px solid rgba(0, 208, 132, 0.4);
    box-shadow: 0 0 25px rgba(0, 208, 132, 0.3);
    margin-bottom: 1.5rem;
}

.success-icon-box i[b-lvu409jsb3] {
    font-size: 3.5rem;
    color: #00D084;
}

.success-title[b-lvu409jsb3] {
    font-size: 1.8rem;
    font-weight: 900;
    color: #FFFFFF;
    margin: 0 0 0.75rem 0;
}

.success-desc[b-lvu409jsb3] {
    font-size: 1.05rem;
    color: #B6D5E8;
    max-width: 580px;
    margin: 0 auto 2.25rem auto;
    line-height: 1.7;
}

.success-actions[b-lvu409jsb3] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-primary-action[b-lvu409jsb3] {
    background: linear-gradient(135deg, #147FC1 0%, #18C8F8 100%);
    border: none;
    color: #FFFFFF;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s ease;
}

.btn-primary-action:hover[b-lvu409jsb3] {
    background: linear-gradient(135deg, #18C8F8 0%, #00D084 100%);
    color: #06131F;
    transform: translateY(-2px);
}

.btn-secondary-action[b-lvu409jsb3] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #B6D5E8;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s ease;
}

.btn-secondary-action:hover[b-lvu409jsb3] {
    color: #18C8F8;
    border-color: #18C8F8;
    background: rgba(24, 200, 248, 0.1);
    transform: translateY(-2px);
}
/* /Components/Pages/MerchantApply.razor.rz.scp.css */
/* Scoped Form Architecture matching EliteJo Dark Tech Theme */
.apply-page-wrapper[b-50u2kmrm8j] {
    background-color: #06131F;
    background-image: 
        radial-gradient(circle at 10% 15%, rgba(20, 127, 193, 0.15) 0%, transparent 45%),
        radial-gradient(circle at 90% 85%, rgba(24, 200, 248, 0.1) 0%, transparent 50%);
    min-height: 100vh;
    padding: 3rem 1rem 6rem;
    font-family: 'Tajawal', 'Cairo', system-ui, -apple-system, sans-serif;
    color: #FFFFFF;
    box-sizing: border-box;
}

.apply-container[b-50u2kmrm8j] {
    max-width: 900px;
    margin: 0 auto;
}

.apply-header[b-50u2kmrm8j] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.badge-pill[b-50u2kmrm8j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(24, 200, 248, 0.1);
    border: 1px solid rgba(24, 200, 248, 0.3);
    color: #18C8F8;
    padding: 0.4rem 1.25rem;
    border-radius: 9999px;
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.page-title[b-50u2kmrm8j] {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 900;
    color: #FFFFFF;
    text-shadow: 0 0 20px rgba(24, 200, 248, 0.35);
    margin: 0 0 0.75rem 0;
}

.page-subtitle[b-50u2kmrm8j] {
    font-size: 1.05rem;
    color: #B6D5E8;
    margin: 0;
    line-height: 1.6;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.form-glass-card[b-50u2kmrm8j] {
    background: rgba(11, 35, 65, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(24, 200, 248, 0.22);
    border-radius: 24px;
    padding: clamp(1.5rem, 4vw, 3rem);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 25px rgba(24, 200, 248, 0.1);
    position: relative;
    overflow: hidden;
}

.form-glass-card[b-50u2kmrm8j]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #147FC1, #18C8F8, #18C8F8);
}

.form-section[b-50u2kmrm8j] {
    margin-bottom: 2.25rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.form-section:last-of-type[b-50u2kmrm8j] {
    border-bottom: none;
    margin-bottom: 1.5rem;
    padding-bottom: 0;
}

.section-title[b-50u2kmrm8j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: #18C8F8;
    margin-bottom: 1.5rem;
}

.section-title i[b-50u2kmrm8j] {
    font-size: 1.35rem;
    color: #18C8F8;
}

.form-grid-2[b-50u2kmrm8j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}

.form-grid-3[b-50u2kmrm8j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.form-field[b-50u2kmrm8j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-field.col-full[b-50u2kmrm8j] {
    grid-column: 1 / -1;
}

.field-label[b-50u2kmrm8j] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #E2E8F0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.req[b-50u2kmrm8j] {
    color: #F87171;
    font-weight: 900;
}

.field-input[b-50u2kmrm8j], .field-select[b-50u2kmrm8j], .field-textarea[b-50u2kmrm8j] {
    background: rgba(6, 19, 31, 0.75);
    border: 1px solid rgba(24, 200, 248, 0.22);
    border-radius: 12px;
    padding: 0.85rem 1.1rem;
    color: #FFFFFF;
    font-size: 0.95rem;
    font-family: inherit;
    outline: none;
    transition: all 0.25s ease;
    width: 100%;
    box-sizing: border-box;
}

.field-select option[b-50u2kmrm8j] {
    background-color: #0B2341;
    color: #FFFFFF;
}

.field-input[b-50u2kmrm8j]::placeholder, .field-textarea[b-50u2kmrm8j]::placeholder {
    color: rgba(182, 213, 232, 0.45);
}

.field-input:focus[b-50u2kmrm8j], .field-select:focus[b-50u2kmrm8j], .field-textarea:focus[b-50u2kmrm8j] {
    background: rgba(6, 19, 31, 0.95);
    border-color: #18C8F8;
    box-shadow: 0 0 15px rgba(24, 200, 248, 0.35);
}

.choice-group[b-50u2kmrm8j] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.choice-pill[b-50u2kmrm8j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(6, 19, 31, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    padding: 0.65rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    color: #B6D5E8;
}

.choice-pill:hover[b-50u2kmrm8j], .choice-pill.active[b-50u2kmrm8j] {
    background: rgba(24, 200, 248, 0.15);
    border-color: #18C8F8;
    color: #FFFFFF;
}

.choice-pill input[type="radio"][b-50u2kmrm8j], .choice-pill input[type="checkbox"][b-50u2kmrm8j] {
    accent-color: #18C8F8;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.file-upload-box[b-50u2kmrm8j] {
    border: 2px dashed rgba(24, 200, 248, 0.35);
    border-radius: 14px;
    padding: 1.75rem 1.5rem;
    text-align: center;
    background: rgba(6, 19, 31, 0.5);
    transition: all 0.25s ease;
}

.file-upload-box:hover[b-50u2kmrm8j] {
    border-color: #18C8F8;
    background: rgba(6, 19, 31, 0.7);
}

.file-upload-box i[b-50u2kmrm8j] {
    font-size: 2.5rem;
    color: #18C8F8;
    display: block;
    margin-bottom: 0.5rem;
}

.file-upload-box span[b-50u2kmrm8j] {
    color: #B6D5E8;
    font-size: 0.95rem;
    display: block;
}

.file-upload-box small[b-50u2kmrm8j] {
    color: rgba(182, 213, 232, 0.6);
    font-size: 0.8rem;
    display: block;
    margin-top: 0.25rem;
}

.file-name-pill[b-50u2kmrm8j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 208, 132, 0.15);
    border: 1px solid rgba(0, 208, 132, 0.4);
    color: #00D084;
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    font-size: 0.85rem;
    margin-top: 0.75rem;
    font-weight: 700;
}

.alert-box-danger[b-50u2kmrm8j] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(239, 68, 68, 0.18);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #FCA5A5;
    padding: 0.85rem 1.15rem;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1.75rem;
}

.form-submit-bar[b-50u2kmrm8j] {
    margin-top: 2rem;
}

.btn-submit-luxury[b-50u2kmrm8j] {
    width: 100%;
    padding: 1.1rem 2rem;
    border-radius: 9999px;
    background: linear-gradient(135deg, #147FC1 0%, #18C8F8 100%);
    border: none;
    color: #FFFFFF;
    font-size: 1.15rem;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    box-shadow: 0 6px 25px rgba(24, 200, 248, 0.4);
    transition: all 0.3s ease;
}

.btn-submit-luxury:hover:not(:disabled)[b-50u2kmrm8j] {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(24, 200, 248, 0.6);
    background: linear-gradient(135deg, #18C8F8 0%, #18C8F8 100%);
    color: #06131F;
}

.btn-submit-luxury:disabled[b-50u2kmrm8j] {
    opacity: 0.65;
    cursor: not-allowed;
}

.spinner-icon[b-50u2kmrm8j] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: spin-b-50u2kmrm8j 0.8s linear infinite;
}

@keyframes spin-b-50u2kmrm8j {
    to { transform: rotate(360deg); }
}

.success-card[b-50u2kmrm8j] {
    background: rgba(11, 35, 65, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 208, 132, 0.35);
    border-radius: 24px;
    padding: 3.5rem 2rem;
    text-align: center;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 208, 132, 0.15);
}

.success-icon-box[b-50u2kmrm8j] {
    display: inline-flex;
    padding: 1.25rem;
    border-radius: 50%;
    background: rgba(0, 208, 132, 0.15);
    border: 1px solid rgba(0, 208, 132, 0.4);
    box-shadow: 0 0 25px rgba(0, 208, 132, 0.3);
    margin-bottom: 1.5rem;
}

.success-icon-box i[b-50u2kmrm8j] {
    font-size: 3.5rem;
    color: #00D084;
}

.success-title[b-50u2kmrm8j] {
    font-size: 1.8rem;
    font-weight: 900;
    color: #FFFFFF;
    margin: 0 0 0.75rem 0;
}

.success-desc[b-50u2kmrm8j] {
    font-size: 1.05rem;
    color: #B6D5E8;
    max-width: 580px;
    margin: 0 auto 2.25rem auto;
    line-height: 1.7;
}

.success-actions[b-50u2kmrm8j] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-primary-action[b-50u2kmrm8j] {
    background: linear-gradient(135deg, #147FC1 0%, #18C8F8 100%);
    border: none;
    color: #FFFFFF;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s ease;
}

.btn-primary-action:hover[b-50u2kmrm8j] {
    background: linear-gradient(135deg, #18C8F8 0%, #18C8F8 100%);
    color: #06131F;
    transform: translateY(-2px);
}

.btn-secondary-action[b-50u2kmrm8j] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #B6D5E8;
    padding: 0.85rem 1.75rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s ease;
}

.btn-secondary-action:hover[b-50u2kmrm8j] {
    color: #18C8F8;
    border-color: #18C8F8;
    background: rgba(24, 200, 248, 0.1);
    transform: translateY(-2px);
}
/* /Components/Sections/AboutSection.razor.rz.scp.css */
#about.about-section-wrap[b-fafwyvw547],
.about-section-wrap[b-fafwyvw547] {
    position: relative !important;
    background-color: #030816 !important;
    background-image: radial-gradient(circle at 50% 12%, rgba(0, 214, 240, 0.09) 0%, transparent 60%), radial-gradient(circle at 15% 85%, rgba(2, 132, 199, 0.06) 0%, transparent 50%), radial-gradient(circle at 85% 85%, rgba(245, 158, 11, 0.05) 0%, transparent 50%), linear-gradient(180deg, #020713 0%, #051426 50%, #020713 100%) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.14) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.14) !important;
    padding: clamp(3.75rem, 5vw, 5.25rem) 0 !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
}

.about-ambient-glow[b-fafwyvw547] {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 50% 25%, rgba(0, 214, 240, 0.05) 0%, transparent 70%) !important;
    z-index: 1 !important;
}

.about-container[b-fafwyvw547] {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

#about .section-header-block[b-fafwyvw547] {
    max-width: 820px !important;
    margin: 0 auto 3.25rem auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

#about .section-tag-cyan-wrap[b-fafwyvw547] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 0.85rem !important;
}

#about .section-tag-cyan[b-fafwyvw547] {
    color: #00D6F0 !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(0, 214, 240, 0.09) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    border-radius: 50px !important;
    padding: 0.35rem 1.3rem !important;
    box-shadow: 0 0 16px rgba(0, 214, 240, 0.14) !important;
    letter-spacing: 0.3px !important;
}

#about .section-title-wrap[b-fafwyvw547] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.25rem !important;
    margin-bottom: 1rem !important;
}

#about .title-decor-line[b-fafwyvw547] {
    height: 2px !important;
    width: 65px !important;
    border-radius: 2px !important;
}

    #about .title-decor-line.line-right[b-fafwyvw547] {
        background: linear-gradient(90deg, transparent, #00D6F0) !important;
    }

    #about .title-decor-line.line-left[b-fafwyvw547] {
        background: linear-gradient(90deg, #00D6F0, transparent) !important;
    }

#about .section-main-title[b-fafwyvw547] {
    color: #FFFFFF !important;
    font-size: clamp(1.75rem, 2.7vw, 2.35rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    text-align: center !important;
}

#about .text-gradient[b-fafwyvw547] {
    background: linear-gradient(135deg, #00D6F0 0%, #38BDF8 60%, #93C5FD 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

#about .section-lead-desc[b-fafwyvw547] {
    color: #94A3B8 !important;
    font-size: 0.95rem !important;
    line-height: 1.8 !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* 4 Pillar Cards Grid */
.about-pillars-grid[b-fafwyvw547] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.35rem !important;
    margin-bottom: 2.75rem !important;
    align-items: stretch !important;
}

.about-pillar-card[b-fafwyvw547] {
    background: linear-gradient(180deg, rgba(8, 25, 48, 0.9) 0%, rgba(4, 14, 28, 0.98) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.18) !important;
    border-radius: 18px !important;
    padding: 1.6rem 1.35rem 1.35rem 1.35rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.32s ease, box-shadow 0.32s ease !important;
}

    .about-pillar-card:hover[b-fafwyvw547] {
        transform: translateY(-6px) !important;
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.75), 0 0 25px rgba(0, 214, 240, 0.2) !important;
    }

.card-accent-bar[b-fafwyvw547] {
    position: absolute !important;
    top: 0 !important;
    left: 14% !important;
    right: 14% !important;
    height: 2.5px !important;
    border-radius: 9999px !important;
    pointer-events: none !important;
}

    .card-accent-bar.bar-cyan[b-fafwyvw547] {
        background: linear-gradient(90deg, transparent, #00D6F0, transparent) !important;
        box-shadow: 0 0 10px #00D6F0 !important;
    }

    .card-accent-bar.bar-blue[b-fafwyvw547] {
        background: linear-gradient(90deg, transparent, #38BDF8, transparent) !important;
        box-shadow: 0 0 10px #38BDF8 !important;
    }

    .card-accent-bar.bar-gold[b-fafwyvw547] {
        background: linear-gradient(90deg, transparent, #F59E0B, transparent) !important;
        box-shadow: 0 0 10px #F59E0B !important;
    }

    .card-accent-bar.bar-emerald[b-fafwyvw547] {
        background: linear-gradient(90deg, transparent, #10B981, transparent) !important;
        box-shadow: 0 0 10px #10B981 !important;
    }

.about-pillar-card.pillar-cyan:hover[b-fafwyvw547] {
    border-color: rgba(0, 214, 240, 0.55) !important;
}

.about-pillar-card.pillar-blue:hover[b-fafwyvw547] {
    border-color: rgba(56, 189, 248, 0.55) !important;
}

.about-pillar-card.pillar-gold:hover[b-fafwyvw547] {
    border-color: rgba(245, 158, 11, 0.55) !important;
}

.about-pillar-card.pillar-emerald:hover[b-fafwyvw547] {
    border-color: rgba(16, 185, 129, 0.55) !important;
}

.pillar-card-top[b-fafwyvw547] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 1.15rem !important;
}

.pillar-medallion[b-fafwyvw547] {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.35rem !important;
    transition: transform 0.3s ease !important;
}

.about-pillar-card:hover .pillar-medallion[b-fafwyvw547] {
    transform: scale(1.08) rotate(-2deg) !important;
}

.medallion-cyan[b-fafwyvw547] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1.2px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
}

.medallion-blue[b-fafwyvw547] {
    background: rgba(2, 132, 199, 0.16) !important;
    border: 1.2px solid rgba(56, 189, 248, 0.4) !important;
    color: #38BDF8 !important;
}

.medallion-gold[b-fafwyvw547] {
    background: rgba(245, 158, 11, 0.14) !important;
    border: 1.2px solid rgba(245, 158, 11, 0.45) !important;
    color: #F59E0B !important;
}

.medallion-emerald[b-fafwyvw547] {
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1.2px solid rgba(16, 185, 129, 0.45) !important;
    color: #10B981 !important;
}

.pillar-num-tag[b-fafwyvw547] {
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    font-family: 'JetBrains Mono', monospace !important;
    opacity: 0.35 !important;
    line-height: 1 !important;
}

.about-pillar-card:hover .pillar-num-tag[b-fafwyvw547] {
    opacity: 0.8 !important;
}

.pillar-card-body[b-fafwyvw547] {
    flex-grow: 1 !important;
    margin-bottom: 1.15rem !important;
}

.pillar-title[b-fafwyvw547] {
    color: #FFFFFF !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.55rem !important;
    line-height: 1.35 !important;
}

.pillar-text[b-fafwyvw547] {
    color: #94A3B8 !important;
    font-size: 0.84rem !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

.pillar-footer-pill[b-fafwyvw547] {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 50px !important;
    padding: 0.32rem 0.85rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    width: fit-content !important;
    margin-top: auto !important;
}

.pill-cyan[b-fafwyvw547] {
    background: rgba(0, 214, 240, 0.1) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    color: #00D6F0 !important;
}

.pill-blue[b-fafwyvw547] {
    background: rgba(56, 189, 248, 0.1) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    color: #38BDF8 !important;
}

.pill-gold[b-fafwyvw547] {
    background: rgba(245, 158, 11, 0.1) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    color: #F59E0B !important;
}

.pill-emerald[b-fafwyvw547] {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #10B981 !important;
}

/* Unified Trust Bar */
.about-unified-trust-bar[b-fafwyvw547] {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: linear-gradient(135deg, rgba(6, 22, 44, 0.92) 0%, rgba(3, 13, 26, 0.96) 100%) !important;
    border: 1px solid rgba(0, 214, 240, 0.22) !important;
    border-radius: 20px !important;
    padding: 1.25rem 2.25rem !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 214, 240, 0.08) !important;
    margin-bottom: 2rem !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.trust-stat-col[b-fafwyvw547] {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.stat-icon-wrap[b-fafwyvw547] {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    flex-shrink: 0 !important;
}

    .stat-icon-wrap.icon-cyan[b-fafwyvw547] {
        background: rgba(0, 214, 240, 0.12) !important;
        border: 1px solid rgba(0, 214, 240, 0.35) !important;
        color: #00D6F0 !important;
    }

    .stat-icon-wrap.icon-blue[b-fafwyvw547] {
        background: rgba(56, 189, 248, 0.12) !important;
        border: 1px solid rgba(56, 189, 248, 0.35) !important;
        color: #38BDF8 !important;
    }

    .stat-icon-wrap.icon-gold[b-fafwyvw547] {
        background: rgba(245, 158, 11, 0.12) !important;
        border: 1px solid rgba(245, 158, 11, 0.35) !important;
        color: #F59E0B !important;
    }

    .stat-icon-wrap.icon-emerald[b-fafwyvw547] {
        background: rgba(16, 185, 129, 0.12) !important;
        border: 1px solid rgba(16, 185, 129, 0.35) !important;
        color: #10B981 !important;
    }

.stat-info-col[b-fafwyvw547] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
}

.stat-big-num[b-fafwyvw547] {
    font-size: 1.85rem !important;
    font-weight: 900 !important;
    font-family: 'JetBrains Mono', monospace !important;
    line-height: 1 !important;
}

    .stat-big-num.text-cyan[b-fafwyvw547] {
        color: #00D6F0 !important;
        text-shadow: 0 0 12px rgba(0, 214, 240, 0.4) !important;
    }

    .stat-big-num.text-blue[b-fafwyvw547] {
        color: #38BDF8 !important;
        text-shadow: 0 0 12px rgba(56, 189, 248, 0.4) !important;
    }

    .stat-big-num.text-gold[b-fafwyvw547] {
        color: #F59E0B !important;
        text-shadow: 0 0 12px rgba(245, 158, 11, 0.4) !important;
    }

    .stat-big-num.text-emerald[b-fafwyvw547] {
        color: #10B981 !important;
        text-shadow: 0 0 12px rgba(16, 185, 129, 0.4) !important;
    }

.stat-label-text[b-fafwyvw547] {
    font-size: 0.8rem !important;
    color: #94A3B8 !important;
    font-weight: 700 !important;
}

.trust-stat-divider[b-fafwyvw547] {
    width: 1px !important;
    height: 42px !important;
    background: rgba(0, 214, 240, 0.18) !important;
}

/* Headquarters Badge */
.about-hq-badge-wrap[b-fafwyvw547] {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.about-hq-badge[b-fafwyvw547] {
    background: rgba(4, 18, 36, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.32) !important;
    color: #CBD5E1 !important;
    padding: 0.55rem 1.65rem !important;
    border-radius: 50px !important;
    font-size: 0.88rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 214, 240, 0.12) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.25s ease !important;
}

    .about-hq-badge:hover[b-fafwyvw547] {
        border-color: #00D6F0 !important;
        box-shadow: 0 6px 22px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 214, 240, 0.25) !important;
    }

    .about-hq-badge .hq-label[b-fafwyvw547] {
        color: #00D6F0 !important;
        font-weight: 800 !important;
    }

    .about-hq-badge .hq-address[b-fafwyvw547] {
        color: #E2E8F0 !important;
        font-weight: 500 !important;
    }

/* Responsive */
@media (max-width: 1199.98px) {
    .about-pillars-grid[b-fafwyvw547] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
    }

    .about-unified-trust-bar[b-fafwyvw547] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
        padding: 1.5rem !important;
    }

    .trust-stat-divider[b-fafwyvw547] {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    #about.about-section-wrap[b-fafwyvw547], .about-section-wrap[b-fafwyvw547] {
        padding: 2.75rem 0 2.25rem 0 !important;
    }

    #about .title-decor-line[b-fafwyvw547] {
        display: none !important;
    }

    #about .section-header-block[b-fafwyvw547] {
        margin-bottom: 2.25rem !important;
    }

    .about-pillars-grid[b-fafwyvw547] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .about-pillar-card[b-fafwyvw547] {
        padding: 1.35rem 1.15rem 1.15rem 1.15rem !important;
    }

    .about-unified-trust-bar[b-fafwyvw547] {
        grid-template-columns: 1fr !important;
        gap: 1.15rem !important;
        padding: 1.25rem 1.15rem !important;
        border-radius: 16px !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .about-hq-badge[b-fafwyvw547] {
        flex-direction: column !important;
        text-align: center !important;
        gap: 0.3rem !important;
        border-radius: 16px !important;
        padding: 0.85rem 1rem !important;
    }
}
/* 1. منع أي انزلاق أو تمرير أفقي على كافة الهواتف */
html[b-fafwyvw547], body[b-fafwyvw547], .page-wrapper[b-fafwyvw547] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. ضبط الهيدر للهواتف المحمولة */
@media (max-width: 767.98px) {
    .site-header[b-fafwyvw547] {
        height: 60px !important;
    }

    .elite-header-container[b-fafwyvw547] {
        padding: 0 0.85rem !important;
    }

    .brand-logo-wrap[b-fafwyvw547] {
        width: 34px !important;
        height: 34px !important;
    }

    .brand-logo-text .brand-name[b-fafwyvw547] {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
    }

    .brand-logo-text .brand-tagline[b-fafwyvw547], .btn-header-cta[b-fafwyvw547] {
        display: none !important;
    }

    .lang-toggle-btn[b-fafwyvw547] {
        padding: 0.25rem 0.55rem !important;
        font-size: 0.72rem !important;
        min-height: 32px !important;
    }

    .mobile-menu-btn[b-fafwyvw547] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
}

/* 3. ضبط الخطوط والمسافات في Hero Section لشاشات الهواتف (320px - 480px) */
@media (max-width: 575.98px) {
    .hero-section[b-fafwyvw547] {
        padding: clamp(1.75rem, 4vw, 2.5rem) 0 2rem 0 !important;
    }

    .hero-container[b-fafwyvw547] {
        padding: 0 0.85rem !important;
        gap: 1.5rem !important;
    }

    .hero-title[b-fafwyvw547] {
        font-size: clamp(1.35rem, 5.8vw, 1.75rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.85rem !important;
    }

    .hero-heading-white[b-fafwyvw547], .hero-heading-gradient[b-fafwyvw547] {
        font-size: inherit !important;
        display: inline !important;
    }

    .hero-heading-sub[b-fafwyvw547] {
        font-size: clamp(1.1rem, 4.5vw, 1.35rem) !important;
        display: block !important;
        margin-top: 0.35rem !important;
    }

    .hero-lead[b-fafwyvw547] {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin-bottom: 1.25rem !important;
    }

    .hero-actions-row[b-fafwyvw547] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.6rem !important;
    }

    .btn-primary-saas[b-fafwyvw547], .btn-secondary-saas[b-fafwyvw547], .hero-hotline-pill[b-fafwyvw547] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
        font-size: 0.9rem !important;
    }

    .hero-stats-bar[b-fafwyvw547] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.55rem !important;
        padding: 0.75rem !important;
    }

    .stat-number[b-fafwyvw547] {
        font-size: 1.35rem !important;
    }

    .stat-label[b-fafwyvw547] {
        font-size: 0.72rem !important;
    }

    .terminal-kpi-grid[b-fafwyvw547] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
}

/* 4. الشاشات فائقة الصغر (320px - 375px) كـ iPhone SE */
@media (max-width: 375.98px) {
    .site-header[b-fafwyvw547] {
        height: 56px !important;
    }

    .elite-header-container[b-fafwyvw547] {
        padding: 0 0.5rem !important;
    }

    .brand-logo-text .brand-name[b-fafwyvw547] {
        font-size: 0.82rem !important;
    }

    .hero-title[b-fafwyvw547] {
        font-size: 1.35rem !important;
    }

    .hero-heading-sub[b-fafwyvw547] {
        font-size: 1.05rem !important;
    }

    .hero-lead[b-fafwyvw547] {
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
    }

    .stat-number[b-fafwyvw547] {
        font-size: 1.18rem !important;
    }

    .services-trust-bar[b-fafwyvw547], .about-unified-trust-bar[b-fafwyvw547] {
        grid-template-columns: 1fr !important;
    }
}
/* /Components/Sections/ClientDetailModal.razor.rz.scp.css */
/* Client Detail Modal Scoped Styles */
/* 2. Centered Client Modal Dialog (بطاقة في المنتصف) */
.client-modal-backdrop[b-mp9oitlpfo] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(2, 8, 18, 0.78) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    z-index: 10050 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.5rem !important;
    animation: clientBackdropFade-b-mp9oitlpfo 0.22s ease-out !important;
}

@keyframes clientBackdropFade-b-mp9oitlpfo {
    from { opacity: 0; }
    to { opacity: 1; }
}

.client-modal-dialog[b-mp9oitlpfo] {
    position: relative !important;
    width: 100% !important;
    max-width: 720px !important;
    max-height: 88vh !important;
    background: linear-gradient(180deg, #07172B 0%, #0A2038 55%, #051326 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85), 0 0 40px rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    animation: clientModalZoom-b-mp9oitlpfo 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 10060 !important;
}

@keyframes clientModalZoom-b-mp9oitlpfo {
    from {
        opacity: 0;
        transform: scale(0.92) translateY(12px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Topbar in Modal */
.client-modal-topbar[b-mp9oitlpfo] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.modal-counter-badge[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    border-radius: 50px !important;
    padding: 0.2rem 0.65rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Navigation step buttons in header */
.btn-client-nav-step[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.28) !important;
    color: #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 0.32rem 0.75rem !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}

.btn-client-nav-step:hover[b-mp9oitlpfo] {
    background: #00D6F0 !important;
    color: #031326 !important;
    border-color: #00D6F0 !important;
    box-shadow: 0 0 12px rgba(0, 214, 240, 0.4) !important;
    transform: translateY(-1px) !important;
}

.modal-nav-sep[b-mp9oitlpfo] {
    width: 1px !important;
    height: 18px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    margin: 0 0.35rem !important;
}

/* Floating Navigation Arrows (Desktop) */
.btn-modal-floating-arrow[b-mp9oitlpfo] {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: rgba(6, 22, 44, 0.85) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
    font-size: 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 214, 240, 0.2) !important;
    z-index: 10070 !important;
    margin: 0 1.25rem !important;
    flex-shrink: 0 !important;
}

.btn-modal-floating-arrow:hover[b-mp9oitlpfo] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    border-color: #00D6F0 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.7), 0 0 30px rgba(0, 214, 240, 0.5) !important;
}

/* Navigation Arrows in Footer */
.btn-action-nav-arrow[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.1) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    color: #00D6F0 !important;
}

.btn-action-nav-arrow:hover[b-mp9oitlpfo] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    box-shadow: 0 0 15px rgba(0, 214, 240, 0.4) !important;
}

/* Modal Body */
.client-modal-body[b-mp9oitlpfo] {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    padding: 1.5rem 1.6rem !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0, 214, 240, 0.35) transparent !important;
}

.client-modal-body[b-mp9oitlpfo]::-webkit-scrollbar {
    width: 5px !important;
}

.client-modal-body[b-mp9oitlpfo]::-webkit-scrollbar-thumb {
    background: rgba(0, 214, 240, 0.35) !important;
    border-radius: 10px !important;
}

/* Modal Footer */
.client-modal-footer[b-mp9oitlpfo] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

@media (max-width: 768px) {
    .client-modal-backdrop[b-mp9oitlpfo] {
        padding: 0.75rem !important;
    }
    .client-modal-dialog[b-mp9oitlpfo] {
        max-height: 94vh !important;
        border-radius: 18px !important;
    }
    .client-modal-body[b-mp9oitlpfo] {
        padding: 1.15rem 1rem !important;
    }
    .client-modal-topbar[b-mp9oitlpfo], .client-modal-footer[b-mp9oitlpfo] {
        padding: 0.85rem 1rem !important;
    }
    .clients-header-centered-cluster[b-mp9oitlpfo] {
        gap: 0.75rem !important;
    }
}



/* ==========================================================================
   SIMPLIFIED & CLEAR CLIENT CARD (بطاقة عملاء مبسطة وواضحة بدون تعقيد)
   ========================================================================== */
.client-modal-backdrop[b-mp9oitlpfo] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(2, 8, 18, 0.8) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    z-index: 10050 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.25rem !important;
    animation: clientBackdropFade-b-mp9oitlpfo 0.2s ease-out !important;
}

@keyframes clientBackdropFade-b-mp9oitlpfo {
    from { opacity: 0; }
    to { opacity: 1; }
}

.client-modal-card[b-mp9oitlpfo] {
    position: relative !important;
    width: 100% !important;
    max-width: 560px !important;
    background: linear-gradient(180deg, #07172B 0%, #0A2038 60%, #051326 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 35px rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    animation: clientModalZoom-b-mp9oitlpfo 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes clientModalZoom-b-mp9oitlpfo {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* 1. Topbar */
.client-card-topbar[b-mp9oitlpfo] {
    padding: 0.85rem 1.25rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.card-topbar-start[b-mp9oitlpfo] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

.client-verified-pill[b-mp9oitlpfo] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
}

.client-count-pill[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    border-radius: 50px !important;
    padding: 0.15rem 0.6rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #38BDF8 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.card-topbar-controls[b-mp9oitlpfo] {
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
}

.btn-card-nav[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    color: #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 0.3rem 0.7rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    transition: all 0.2s ease !important;
}

.btn-card-nav:hover[b-mp9oitlpfo] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    border-color: #00D6F0 !important;
}

.btn-card-close[b-mp9oitlpfo] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #CBD5E1 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
    margin-right: 0.25rem !important;
}

.btn-card-close:hover[b-mp9oitlpfo] {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: #EF4444 !important;
    color: #EF4444 !important;
}

/* 2. Profile Header */
.client-card-profile-header[b-mp9oitlpfo] {
    padding: 1.25rem 1.4rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 1.15rem !important;
    background: rgba(8, 25, 48, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.client-card-logo-box[b-mp9oitlpfo] {
    width: 64px !important;
    height: 64px !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    flex-shrink: 0 !important;
}

.client-card-logo-img[b-mp9oitlpfo] {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.client-card-title-col[b-mp9oitlpfo] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.client-card-name[b-mp9oitlpfo] {
    color: #FFFFFF !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.client-card-name-sub[b-mp9oitlpfo] {
    color: #94A3B8 !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
}

.client-card-meta-row[b-mp9oitlpfo] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    margin-top: 0.25rem !important;
}

.client-cat-tag[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.1) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    color: #00D6F0 !important;
    border-radius: 6px !important;
    padding: 0.2rem 0.55rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
}

.client-rating-inline[b-mp9oitlpfo] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    font-size: 0.85rem !important;
}

.client-rating-inline .rating-num[b-mp9oitlpfo] {
    color: #FFFFFF !important;
    font-weight: 800 !important;
}

.client-rating-inline .reviews-num[b-mp9oitlpfo] {
    color: #94A3B8 !important;
    font-size: 0.78rem !important;
}

/* 3. Body */
.client-card-body[b-mp9oitlpfo] {
    padding: 1.25rem 1.4rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.client-simple-desc[b-mp9oitlpfo] {
    color: #CBD5E1 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

.client-solution-highlight[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    border-radius: 12px !important;
    padding: 0.85rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

.solution-icon-wrap[b-mp9oitlpfo] {
    font-size: 1.4rem !important;
    flex-shrink: 0 !important;
}

.solution-text-wrap[b-mp9oitlpfo] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
}

.solution-label[b-mp9oitlpfo] {
    font-size: 0.75rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.solution-val[b-mp9oitlpfo] {
    color: #00D6F0 !important;
    font-weight: 800 !important;
    font-size: 0.92rem !important;
}

.client-info-compact-grid[b-mp9oitlpfo] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    background: rgba(4, 15, 30, 0.4) !important;
    padding: 0.75rem 1rem !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.info-row-item[b-mp9oitlpfo] {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    font-size: 0.85rem !important;
    color: #CBD5E1 !important;
}

.info-row-item i[b-mp9oitlpfo] {
    font-size: 0.95rem !important;
    flex-shrink: 0 !important;
}

/* 4. Action Footer */
.client-card-action-footer[b-mp9oitlpfo] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

.client-quick-actions[b-mp9oitlpfo] {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    flex-wrap: wrap !important;
}

.btn-action-pill[b-mp9oitlpfo] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.45rem 0.95rem !important;
    border-radius: 50px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-action-pill.btn-action-wa[b-mp9oitlpfo] {
    background: rgba(37, 211, 102, 0.15) !important;
    border: 1px solid rgba(37, 211, 102, 0.45) !important;
    color: #25D366 !important;
}

.btn-action-pill.btn-action-wa:hover[b-mp9oitlpfo] {
    background: #25D366 !important;
    color: #FFFFFF !important;
}

.btn-action-pill.btn-action-call[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
}

.btn-action-pill.btn-action-call:hover[b-mp9oitlpfo] {
    background: #00D6F0 !important;
    color: #020B18 !important;
}

.btn-action-pill.btn-action-map[b-mp9oitlpfo] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #E2E8F0 !important;
}

.btn-action-pill.btn-action-map:hover[b-mp9oitlpfo] {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
}

.btn-action-done[b-mp9oitlpfo] {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #94A3B8 !important;
    border-radius: 8px !important;
    padding: 0.42rem 1rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.btn-action-done:hover[b-mp9oitlpfo] {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   WORKFLOW & ROADMAP SECTION (آلية العمل والربط الهندسي — بطاقات مصغرة ومدمجة)
   Ultra-Compact, Sleek, Proportional, Equal Height Enterprise Cards
   ========================================================================== */
#workflow.workflow-section-wrap[b-mp9oitlpfo],
.workflow-section-wrap[b-mp9oitlpfo] {
    position: relative !important;
    background-color: #030816 !important;
    background-image: 
        radial-gradient(circle at 50% 15%, rgba(0, 214, 240, 0.08) 0%, transparent 55%),
        linear-gradient(180deg, #020713 0%, #041022 50%, #020713 100%) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.14) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.14) !important;
    padding: clamp(2.75rem, 4vw, 3.75rem) 0 !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
}

/* Header Elements inside Workflow */
#workflow .section-header-block[b-mp9oitlpfo],
.workflow-section-wrap .section-header-block[b-mp9oitlpfo] {
    max-width: 720px !important;
    margin: 0 auto clamp(1.25rem, 2vw, 1.6rem) auto !important;
    text-align: center !important;
}

#workflow .section-tag[b-mp9oitlpfo],
.workflow-section-wrap .section-tag[b-mp9oitlpfo] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: rgba(4, 20, 42, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.45) !important;
    border-radius: 50px !important;
    padding: 0.28rem 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 14px rgba(0, 214, 240, 0.15) !important;
    margin-bottom: 0.65rem !important;
}

#workflow .section-main-title[b-mp9oitlpfo],
.workflow-section-wrap .section-main-title[b-mp9oitlpfo] {
    font-size: clamp(1.5rem, 2.3vw, 1.95rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    color: #FFFFFF !important;
    margin-bottom: 0 !important;
}

#workflow .accent-bar[b-mp9oitlpfo],
.workflow-section-wrap .accent-bar[b-mp9oitlpfo] {
    width: 40px !important;
    height: 2.5px !important;
    background: #00D6F0 !important;
    border-radius: 9999px !important;
    margin: 0.5rem auto 0.75rem auto !important;
    box-shadow: 0 0 10px rgba(0, 214, 240, 0.6) !important;
}

#workflow .section-lead-text[b-mp9oitlpfo],
.workflow-section-wrap .section-lead-text[b-mp9oitlpfo] {
    color: #CBD5E1 !important;
    font-size: clamp(0.85rem, 1vw, 0.92rem) !important;
    line-height: 1.65 !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    font-weight: 500 !important;
}

/* 3-Cards Equal-Height Balanced Compact Grid */
#workflow .workflow-steps-grid[b-mp9oitlpfo],
.workflow-section-wrap .workflow-steps-grid[b-mp9oitlpfo] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.15rem !important;
    align-items: stretch !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
}

/* Compact Card Frame Architecture (صغير وأنيق) */
#workflow .workflow-step-card[b-mp9oitlpfo],
.workflow-section-wrap .workflow-step-card[b-mp9oitlpfo] {
    background: linear-gradient(180deg, rgba(8, 22, 42, 0.9) 0%, rgba(4, 13, 26, 0.97) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.16) !important;
    border-radius: 14px !important;
    padding: 1.25rem 1.35rem 1.1rem 1.35rem !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
}

/* Luminous subtle hover effect ONLY - No permanent offset on any card */
#workflow .workflow-step-card:hover[b-mp9oitlpfo],
.workflow-section-wrap .workflow-step-card:hover[b-mp9oitlpfo] {
    transform: translateY(-4px) !important;
    background: linear-gradient(180deg, rgba(12, 30, 56, 0.94) 0%, rgba(6, 18, 36, 0.98) 100%) !important;
    border-color: rgba(0, 214, 240, 0.5) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.7), 0 0 18px rgba(0, 214, 240, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* Compact Step Number */
#workflow .step-badge-number[b-mp9oitlpfo],
.workflow-section-wrap .step-badge-number[b-mp9oitlpfo] {
    position: absolute !important;
    top: 1rem !important;
    left: 1.15rem !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    color: rgba(0, 214, 240, 0.22) !important;
    font-family: 'JetBrains Mono', 'Cairo', monospace !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
    user-select: none !important;
    transition: color 0.3s ease, text-shadow 0.3s ease !important;
}

[dir="ltr"] #workflow .step-badge-number[b-mp9oitlpfo],
[dir="ltr"] .workflow-section-wrap .step-badge-number[b-mp9oitlpfo] {
    left: auto !important;
    right: 1.15rem !important;
}

#workflow .workflow-step-card:hover .step-badge-number[b-mp9oitlpfo],
.workflow-section-wrap .workflow-step-card:hover .step-badge-number[b-mp9oitlpfo] {
    color: rgba(0, 214, 240, 0.55) !important;
    text-shadow: 0 0 10px rgba(0, 214, 240, 0.3) !important;
}

/* Compact Icon Wrap */
#workflow .step-icon-wrap[b-mp9oitlpfo],
.workflow-section-wrap .step-icon-wrap[b-mp9oitlpfo] {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.15rem !important;
    margin-bottom: 0.75rem !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

#workflow .step-icon-wrap.icon-cyan[b-mp9oitlpfo],
.workflow-section-wrap .step-icon-wrap.icon-cyan[b-mp9oitlpfo] {
    background: rgba(0, 214, 240, 0.12) !important;
    color: #00D6F0 !important;
    border: 1.2px solid rgba(0, 214, 240, 0.35) !important;
    box-shadow: 0 3px 10px rgba(0, 214, 240, 0.1) !important;
}

#workflow .step-icon-wrap.icon-blue[b-mp9oitlpfo],
.workflow-section-wrap .step-icon-wrap.icon-blue[b-mp9oitlpfo] {
    background: rgba(2, 132, 199, 0.16) !important;
    color: #38BDF8 !important;
    border: 1.2px solid rgba(56, 189, 248, 0.35) !important;
    box-shadow: 0 3px 10px rgba(56, 189, 248, 0.1) !important;
}

#workflow .step-icon-wrap.icon-emerald[b-mp9oitlpfo],
.workflow-section-wrap .step-icon-wrap.icon-emerald[b-mp9oitlpfo] {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #10B981 !important;
    border: 1.2px solid rgba(16, 185, 129, 0.35) !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.1) !important;
}

#workflow .workflow-step-card:hover .step-icon-wrap[b-mp9oitlpfo],
.workflow-section-wrap .workflow-step-card:hover .step-icon-wrap[b-mp9oitlpfo] {
    transform: scale(1.05) !important;
}

/* Card Title & Typography */
#workflow .step-card-title[b-mp9oitlpfo],
.workflow-section-wrap .step-card-title[b-mp9oitlpfo] {
    color: #FFFFFF !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.35rem !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px !important;
}

#workflow .step-card-desc[b-mp9oitlpfo],
.workflow-section-wrap .step-card-desc[b-mp9oitlpfo] {
    color: #94A3B8 !important;
    font-size: 0.84rem !important;
    line-height: 1.6 !important;
    margin-bottom: 0.75rem !important;
    flex: 1 !important;
    min-height: 48px !important;
}

/* Card Footer */
#workflow .step-card-footer[b-mp9oitlpfo],
.workflow-section-wrap .step-card-footer[b-mp9oitlpfo] {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-top: 0.65rem !important;
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#workflow .step-time-tag[b-mp9oitlpfo],
.workflow-section-wrap .step-time-tag[b-mp9oitlpfo] {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #CBD5E1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

/* Bottom Callout Banner - Sleek, Compact Horizontal Strip */
#workflow .workflow-cta-banner[b-mp9oitlpfo],
.workflow-section-wrap .workflow-cta-banner[b-mp9oitlpfo] {
    max-width: 1040px !important;
    margin: 1.5rem auto 0 auto !important;
    background: linear-gradient(135deg, rgba(8, 24, 46, 0.92) 0%, rgba(4, 14, 28, 0.96) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.22) !important;
    border-radius: 12px !important;
    padding: 1rem 1.6rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

#workflow .cta-banner-content[b-mp9oitlpfo],
.workflow-section-wrap .cta-banner-content[b-mp9oitlpfo] {
    flex: 1 !important;
}

#workflow .cta-banner-title[b-mp9oitlpfo],
.workflow-section-wrap .cta-banner-title[b-mp9oitlpfo] {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin: 0 0 0.15rem 0 !important;
    line-height: 1.35 !important;
}

#workflow .cta-banner-desc[b-mp9oitlpfo],
.workflow-section-wrap .cta-banner-desc[b-mp9oitlpfo] {
    color: #94A3B8 !important;
    font-size: 0.82rem !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    max-width: 650px !important;
}

#workflow .cta-banner-actions[b-mp9oitlpfo],
.workflow-section-wrap .cta-banner-actions[b-mp9oitlpfo] {
    flex-shrink: 0 !important;
}

#workflow .cta-banner-actions .btn-primary-saas[b-mp9oitlpfo],
.workflow-section-wrap .cta-banner-actions .btn-primary-saas[b-mp9oitlpfo] {
    padding: 0.5rem 1.25rem !important;
    font-size: 0.84rem !important;
    border-radius: 50px !important;
}

/* Responsive Breakpoints specifically for #workflow */
@media (max-width: 1024px) {
    #workflow .workflow-steps-grid[b-mp9oitlpfo],
    .workflow-section-wrap .workflow-steps-grid[b-mp9oitlpfo] {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.9rem !important;
    }
    #workflow .workflow-step-card[b-mp9oitlpfo],
    .workflow-section-wrap .workflow-step-card[b-mp9oitlpfo] {
        padding: 1.15rem 1.1rem 0.95rem 1.1rem !important;
    }
    #workflow .workflow-cta-banner[b-mp9oitlpfo],
    .workflow-section-wrap .workflow-cta-banner[b-mp9oitlpfo] {
        padding: 0.95rem 1.35rem !important;
    }
}

@media (max-width: 860px) {
    #workflow .workflow-steps-grid[b-mp9oitlpfo],
    .workflow-section-wrap .workflow-steps-grid[b-mp9oitlpfo] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #workflow .step-card-desc[b-mp9oitlpfo],
    .workflow-section-wrap .step-card-desc[b-mp9oitlpfo] {
        min-height: auto !important;
    }
    #workflow .workflow-cta-banner[b-mp9oitlpfo],
    .workflow-section-wrap .workflow-cta-banner[b-mp9oitlpfo] {
        flex-direction: column !important;
        text-align: center !important;
        gap: 1rem !important;
        max-width: 480px !important;
    }
    #workflow .cta-banner-desc[b-mp9oitlpfo],
    .workflow-section-wrap .cta-banner-desc[b-mp9oitlpfo] {
        margin: 0 auto !important;
    }
    #workflow .cta-banner-actions[b-mp9oitlpfo],
    .workflow-section-wrap .cta-banner-actions[b-mp9oitlpfo],
    #workflow .cta-banner-actions .btn-primary-saas[b-mp9oitlpfo],
    .workflow-section-wrap .cta-banner-actions .btn-primary-saas[b-mp9oitlpfo] {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 576px) {
    #workflow.workflow-section-wrap[b-mp9oitlpfo],
    .workflow-section-wrap[b-mp9oitlpfo] {
        padding: clamp(2.5rem, 3.5vw, 3rem) 0 !important;
    }
    #workflow .workflow-step-card[b-mp9oitlpfo],
    .workflow-section-wrap .workflow-step-card[b-mp9oitlpfo] {
        padding: 1.1rem 1rem 0.9rem 1rem !important;
        border-radius: 12px !important;
    }
    #workflow .section-main-title[b-mp9oitlpfo],
    .workflow-section-wrap .section-main-title[b-mp9oitlpfo] {
        font-size: 1.4rem !important;
    }
    #workflow .cta-banner-title[b-mp9oitlpfo],
    .workflow-section-wrap .cta-banner-title[b-mp9oitlpfo] {
        font-size: 1rem !important;
    }
}
/* 1. منع أي انزلاق أو تمرير أفقي على كافة الهواتف */
html[b-mp9oitlpfo], body[b-mp9oitlpfo], .page-wrapper[b-mp9oitlpfo] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. ضبط الهيدر للهواتف المحمولة */
@media (max-width: 767.98px) {
    .site-header[b-mp9oitlpfo] {
        height: 60px !important;
    }

    .elite-header-container[b-mp9oitlpfo] {
        padding: 0 0.85rem !important;
    }

    .brand-logo-wrap[b-mp9oitlpfo] {
        width: 34px !important;
        height: 34px !important;
    }

    .brand-logo-text .brand-name[b-mp9oitlpfo] {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
    }

    .brand-logo-text .brand-tagline[b-mp9oitlpfo], .btn-header-cta[b-mp9oitlpfo] {
        display: none !important;
    }

    .lang-toggle-btn[b-mp9oitlpfo] {
        padding: 0.25rem 0.55rem !important;
        font-size: 0.72rem !important;
        min-height: 32px !important;
    }

    .mobile-menu-btn[b-mp9oitlpfo] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
}

/* 3. ضبط الخطوط والمسافات في Hero Section لشاشات الهواتف (320px - 480px) */
@media (max-width: 575.98px) {
    .hero-section[b-mp9oitlpfo] {
        padding: clamp(1.75rem, 4vw, 2.5rem) 0 2rem 0 !important;
    }

    .hero-container[b-mp9oitlpfo] {
        padding: 0 0.85rem !important;
        gap: 1.5rem !important;
    }

    .hero-title[b-mp9oitlpfo] {
        font-size: clamp(1.35rem, 5.8vw, 1.75rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.85rem !important;
    }

    .hero-heading-white[b-mp9oitlpfo], .hero-heading-gradient[b-mp9oitlpfo] {
        font-size: inherit !important;
        display: inline !important;
    }

    .hero-heading-sub[b-mp9oitlpfo] {
        font-size: clamp(1.1rem, 4.5vw, 1.35rem) !important;
        display: block !important;
        margin-top: 0.35rem !important;
    }

    .hero-lead[b-mp9oitlpfo] {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin-bottom: 1.25rem !important;
    }

    .hero-actions-row[b-mp9oitlpfo] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.6rem !important;
    }

    .btn-primary-saas[b-mp9oitlpfo], .btn-secondary-saas[b-mp9oitlpfo], .hero-hotline-pill[b-mp9oitlpfo] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
        font-size: 0.9rem !important;
    }

    .hero-stats-bar[b-mp9oitlpfo] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.55rem !important;
        padding: 0.75rem !important;
    }

    .stat-number[b-mp9oitlpfo] {
        font-size: 1.35rem !important;
    }

    .stat-label[b-mp9oitlpfo] {
        font-size: 0.72rem !important;
    }

    .terminal-kpi-grid[b-mp9oitlpfo] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
}

/* 4. الشاشات فائقة الصغر (320px - 375px) كـ iPhone SE */
@media (max-width: 375.98px) {
    .site-header[b-mp9oitlpfo] {
        height: 56px !important;
    }

    .elite-header-container[b-mp9oitlpfo] {
        padding: 0 0.5rem !important;
    }

    .brand-logo-text .brand-name[b-mp9oitlpfo] {
        font-size: 0.82rem !important;
    }

    .hero-title[b-mp9oitlpfo] {
        font-size: 1.35rem !important;
    }

    .hero-heading-sub[b-mp9oitlpfo] {
        font-size: 1.05rem !important;
    }

    .hero-lead[b-mp9oitlpfo] {
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
    }

    .stat-number[b-mp9oitlpfo] {
        font-size: 1.18rem !important;
    }

    .services-trust-bar[b-mp9oitlpfo], .about-unified-trust-bar[b-mp9oitlpfo] {
        grid-template-columns: 1fr !important;
    }
}
/* /Components/Sections/ConsultationSection.razor.rz.scp.css */
/* Section Container & Subtle Dark Background */
.direct-quote-section[b-cpirt8evor] {
    position: relative !important;
    background-color: #020814 !important;
    background-image: 
        radial-gradient(circle at 50% 0%, rgba(0, 210, 242, 0.08) 0%, transparent 55%),
        linear-gradient(180deg, #020713 0%, #030d20 50%, #020713 100%) !important;
    padding: clamp(2rem, 3vw, 2.5rem) 1rem 2.75rem 1rem !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
}

.direct-ambient-glow[b-cpirt8evor] {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 50% 15%, rgba(0, 210, 242, 0.04) 0%, transparent 60%) !important;
    z-index: 1 !important;
}

.direct-container[b-cpirt8evor] {
    position: relative !important;
    z-index: 3 !important;
    max-width: 840px !important;
    margin: 0 auto !important;
}

/* Card Wrapper & Glass Form Card */
.direct-card-wrapper[b-cpirt8evor] {
    width: 100% !important;
}

.direct-form-card[b-cpirt8evor] {
    background: linear-gradient(180deg, rgba(3, 14, 32, 0.92) 0%, rgba(2, 9, 20, 0.98) 100%) !important;
    border: 1px solid rgba(0, 210, 242, 0.25) !important;
    border-radius: 16px !important;
    padding: 1.5rem 1.85rem !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), inset 0 0 25px rgba(0, 210, 242, 0.02) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    position: relative !important;
}

/* Card Header */
.direct-card-header[b-cpirt8evor] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 0.85rem !important;
    margin-bottom: 1.15rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}

.direct-header-start[b-cpirt8evor] {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.text-cyan-accent[b-cpirt8evor] {
    color: #00D2F2 !important;
    font-size: 1.25rem !important;
}

.direct-header-title[b-cpirt8evor] {
    color: #FFFFFF !important;
    font-size: 1.12rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    letter-spacing: -0.2px !important;
}

.direct-header-meta[b-cpirt8evor] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

/* Mini Guarantee Badge */
.direct-guarantee-pill[b-cpirt8evor] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: rgba(16, 185, 129, 0.06) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #10B981 !important;
    padding: 0.22rem 0.85rem !important;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

.pulse-live-dot[b-cpirt8evor] {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #10B981 !important;
    box-shadow: 0 0 6px #10B981 !important;
}

.direct-required-badge[b-cpirt8evor] {
    color: #64748B !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
}

/* 2x2 Grid of Fields */
.direct-fields-2x2-grid[b-cpirt8evor] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.85rem 1.15rem !important;
}

.direct-field-group[b-cpirt8evor] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.32rem !important;
    text-align: start !important;
}

[dir="rtl"] .direct-field-group[b-cpirt8evor] {
    text-align: right !important;
}

.direct-span-2[b-cpirt8evor] {
    grid-column: span 2 !important;
}

.direct-label[b-cpirt8evor] {
    color: #CBD5E1 !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
}

.direct-input-wrap[b-cpirt8evor] {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

/* Inputs */
.direct-input[b-cpirt8evor] {
    width: 100% !important;
    height: 40px !important;
    background: rgba(2, 16, 38, 0.75) !important;
    border: 1px solid rgba(0, 210, 242, 0.24) !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    font-size: 0.86rem !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

[dir="rtl"] .direct-input[b-cpirt8evor] {
    padding: 0 36px 0 12px !important;
    text-align: right !important;
}

[dir="ltr"] .direct-input[b-cpirt8evor] {
    padding: 0 12px 0 36px !important;
    text-align: left !important;
}

.direct-input:focus[b-cpirt8evor] {
    outline: none !important;
    border-color: #00D2F2 !important;
    background: rgba(3, 22, 48, 0.95) !important;
    box-shadow: 0 0 12px rgba(0, 210, 242, 0.24) !important;
}

.direct-input[b-cpirt8evor]::placeholder {
    color: #6C8198 !important;
    font-size: 0.8rem !important;
}

/* Input Icons */
.direct-icon[b-cpirt8evor] {
    position: absolute !important;
    color: #00D2F2 !important;
    font-size: 0.92rem !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

[dir="rtl"] .direct-icon[b-cpirt8evor] {
    right: 12px !important;
}

[dir="ltr"] .direct-icon[b-cpirt8evor] {
    left: 12px !important;
}

/* Select Dropdown */
.direct-select[b-cpirt8evor] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
}

.direct-select-arrow[b-cpirt8evor] {
    position: absolute !important;
    color: #6C8198 !important;
    font-size: 0.75rem !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

[dir="rtl"] .direct-select-arrow[b-cpirt8evor] {
    left: 12px !important;
}

[dir="ltr"] .direct-select-arrow[b-cpirt8evor] {
    right: 12px !important;
}

.direct-select option[b-cpirt8evor] {
    background-color: #031430 !important;
    color: #FFFFFF !important;
    padding: 6px !important;
}

/* Submit Button */
.btn-direct-submit[b-cpirt8evor] {
    width: 100% !important;
    height: 44px !important;
    background: linear-gradient(90deg, #00C1FD 0%, #0099FF 100%) !important;
    color: #020814 !important;
    font-weight: 700 !important;
    font-size: 0.94rem !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 6px 18px rgba(0, 209, 242, 0.3) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-direct-submit:hover[b-cpirt8evor] {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px rgba(0, 209, 242, 0.45) !important;
    filter: brightness(1.04) !important;
}

/* Privacy Note */
.direct-privacy-note[b-cpirt8evor] {
    color: #64748B !important;
    font-size: 0.73rem !important;
    margin-top: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.3rem !important;
}

.direct-privacy-note i[b-cpirt8evor] {
    color: #00D2F2 !important;
    font-size: 0.82rem !important;
}

/* Success Panel */
.direct-success-panel[b-cpirt8evor] {
    padding: 1.5rem 1rem !important;
}

.direct-success-icon[b-cpirt8evor] {
    font-size: 2.5rem !important;
    color: #10B981 !important;
    margin-bottom: 0.6rem !important;
    filter: drop-shadow(0 0 12px rgba(16, 185, 129, 0.35)) !important;
}

.direct-success-title[b-cpirt8evor] {
    color: #FFFFFF !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
}

.direct-success-text[b-cpirt8evor] {
    color: #8FA3BF !important;
    font-size: 0.84rem !important;
    line-height: 1.55 !important;
    max-width: 440px !important;
    margin: 0 auto 1rem auto !important;
}

.btn-direct-reset[b-cpirt8evor] {
    background: transparent !important;
    border: 1px solid rgba(0, 210, 242, 0.4) !important;
    color: #00D2F2 !important;
    padding: 0.35rem 1.25rem !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.btn-direct-reset:hover[b-cpirt8evor] {
    background: rgba(0, 210, 242, 0.1) !important;
    border-color: #00D2F2 !important;
    color: #FFFFFF !important;
}

/* Responsive Rules */
@media (max-width: 768px) {
    .direct-card-header[b-cpirt8evor] {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .direct-fields-2x2-grid[b-cpirt8evor] {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }
    .direct-span-2[b-cpirt8evor] {
        grid-column: span 1 !important;
    }
    .direct-form-card[b-cpirt8evor] {
        padding: 1.25rem 1.15rem !important;
    }
}
/* /Components/Sections/HeroSection.razor.rz.scp.css */
/* ==========================================================================
   ELITE BUSINESS SOLUTIONS — MASTER RESPONSIVE HERO DESIGN SYSTEM
   Universal Cross-Device Viewport Scaling:
   - 4K & Ultrawide (1600px - 2560px+)
   - Large Desktop & Standard Laptops (1200px - 1599px)
   - Small Laptops & Landscape Tablets (992px - 1199px)
   - Tablets in Portrait (768px - 991px)
   - Phablets & Large Mobile (481px - 767px)
   - Standard Mobile (376px - 480px)
   - Compact & Fold Mobile (320px - 375px)
   Deep Luxury Navy (#020B18 - #041426) | Cyan Accents (#00D6F0) | 60FPS Ambient Glow
   ========================================================================== */

/* 1. Global Viewport Reset & Canvas Section */
.hero-section[b-xdibyigf7e] {
    position: relative !important;
    background-color: #020B18 !important;
    background-image: 
        radial-gradient(circle at 70% 30%, rgba(0, 214, 240, 0.12) 0%, transparent 55%),
        radial-gradient(circle at 25% 65%, rgba(16, 59, 92, 0.25) 0%, transparent 60%),
        linear-gradient(180deg, #020914 0%, #041224 55%, #020B18 100%) !important;
    color: #FFFFFF !important;
    padding: clamp(3rem, 5vh, 4.5rem) 0 clamp(2.5rem, 4vh, 3.5rem) 0 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.12) !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
}

/* Atmospheric Ambient Mesh & Glow Orbs */
.hero-cinematic-bg[b-xdibyigf7e] {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.hero-ambient-mesh[b-xdibyigf7e] {
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(circle at 50% 0%, rgba(0, 214, 240, 0.06) 0%, transparent 70%) !important;
}

.hero-light-orb.orb-cyan[b-xdibyigf7e] {
    position: absolute !important;
    top: 15% !important;
    right: 25% !important;
    width: clamp(260px, 30vw, 420px) !important;
    height: clamp(260px, 30vw, 420px) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(0, 214, 240, 0.12) 0%, transparent 70%) !important;
    filter: blur(60px) !important;
}

.hero-light-orb.orb-blue[b-xdibyigf7e] {
    position: absolute !important;
    bottom: 10% !important;
    left: 20% !important;
    width: clamp(280px, 32vw, 460px) !important;
    height: clamp(280px, 32vw, 460px) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(14, 116, 144, 0.22) 0%, transparent 70%) !important;
    filter: blur(70px) !important;
}

/* 2. Container & Cohesive Framing */
.hero-container[b-xdibyigf7e] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(1.75rem, 3.5vw, 3.25rem) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 clamp(1rem, 2.5vw, 2rem) !important;
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Desktop Horizontal 2-Column Split (>= 992px) */
@media (min-width: 992px) {
    .hero-container[b-xdibyigf7e],
    [dir="rtl"] .hero-container[b-xdibyigf7e],
    [dir="ltr"] .hero-container[b-xdibyigf7e],
    .theme-ar .hero-container[b-xdibyigf7e],
    .theme-en .hero-container[b-xdibyigf7e] {
        flex-direction: row-reverse !important; /* Text on natural reading side, Terminal on opposite side */
    }
}

/* 3. Narrative Column (Headline, Badge, Paragraph, Buttons, Metrics) */
.hero-content-group[b-xdibyigf7e] {
    flex: 1 1 540px !important;
    max-width: 600px !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

[dir="ltr"] .hero-content-group[b-xdibyigf7e],
.theme-en .hero-content-group[b-xdibyigf7e] {
    text-align: left !important;
}

.hero-pill-badge[b-xdibyigf7e] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    color: #00D6F0 !important;
    padding: 0.35rem 0.95rem !important;
    border-radius: 50px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.1rem !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: 0 2px 10px rgba(0, 214, 240, 0.15) !important;
}

.badge-dot[b-xdibyigf7e] {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #00D6F0 !important;
    box-shadow: 0 0 8px #00D6F0 !important;
    display: inline-block !important;
}

.badge-dot.pulse[b-xdibyigf7e] {
    animation: pulseDot-b-xdibyigf7e 2s infinite ease-in-out !important;
}

@keyframes pulseDot-b-xdibyigf7e {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.3); }
}

/* Typography System - Strict Elimination of all borders, outlines, boxes, and focus rings */
h1[b-xdibyigf7e],
h1:focus[b-xdibyigf7e],
h1:focus-visible[b-xdibyigf7e],
h1:active[b-xdibyigf7e],
.hero-title[b-xdibyigf7e],
.hero-title:focus[b-xdibyigf7e],
.hero-title:focus-visible[b-xdibyigf7e],
.hero-title:active[b-xdibyigf7e],
.hero-title *[b-xdibyigf7e],
.hero-heading-white[b-xdibyigf7e],
.hero-heading-gradient[b-xdibyigf7e],
.hero-heading-sub[b-xdibyigf7e],
[b-xdibyigf7e] h1,
[b-xdibyigf7e] h1:focus,
[b-xdibyigf7e] h1:focus-visible,
[b-xdibyigf7e] .hero-title,
[b-xdibyigf7e] .hero-title:focus,
[b-xdibyigf7e] .hero-title:focus-visible,
[b-xdibyigf7e] .hero-title *,
[b-xdibyigf7e] .hero-heading-white,
[b-xdibyigf7e] .hero-heading-gradient,
[b-xdibyigf7e] .hero-heading-sub {
    border: none !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-decoration: none !important;
}

.hero-title[b-xdibyigf7e] {
    font-size: clamp(1.85rem, 2.8vw, 2.65rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin-bottom: 1.15rem !important;
    letter-spacing: -0.02em !important;
}

.hero-heading-white[b-xdibyigf7e] {
    color: #FFFFFF !important;
    display: block !important;
    font-size: inherit !important;
    font-weight: 800 !important;
}

.hero-heading-gradient[b-xdibyigf7e] {
    display: inline-block !important;
    background: linear-gradient(135deg, #00D6F0 0%, #38BDF8 55%, #FFFFFF 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 1.05em !important;
    font-weight: 900 !important;
    margin-bottom: 0.2rem !important;
    filter: drop-shadow(0 2px 8px rgba(0, 214, 240, 0.3)) !important;
}

.hero-heading-sub[b-xdibyigf7e] {
    display: block !important;
    font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
    font-weight: 600 !important;
    color: #CBD5E1 !important;
    margin-top: 0.4rem !important;
    line-height: 1.35 !important;
}

.hero-lead[b-xdibyigf7e] {
    font-size: clamp(0.92rem, 1.15vw, 1.02rem) !important;
    line-height: 1.75 !important;
    color: #94A3B8 !important;
    margin: 0 0 1.75rem 0 !important;
    max-width: 550px !important;
}

.lead-highlight[b-xdibyigf7e] {
    color: #00D6F0 !important;
    font-weight: 700 !important;
}

/* 4. Action Buttons Row */
.hero-actions-row[b-xdibyigf7e] {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.85rem !important;
    margin-bottom: 1.85rem !important;
}

[dir="ltr"] .hero-actions-row[b-xdibyigf7e],
.theme-en .hero-actions-row[b-xdibyigf7e] {
    justify-content: flex-start !important;
}

.btn-primary-saas[b-xdibyigf7e] {
    background: linear-gradient(135deg, #00D6F0 0%, #0284C7 100%) !important;
    color: #020B18 !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    padding: 0.75rem 1.6rem !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 20px rgba(0, 214, 240, 0.35) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border: none !important;
    min-height: 48px !important;
    cursor: pointer !important;
}

.btn-primary-saas:hover[b-xdibyigf7e] {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 30px rgba(0, 214, 240, 0.55) !important;
    color: #020B18 !important;
}

.btn-secondary-saas[b-xdibyigf7e] {
    background: rgba(14, 34, 61, 0.6) !important;
    color: #F1F5F9 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 50px !important;
    border: 1px solid rgba(0, 214, 240, 0.28) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
    min-height: 48px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.btn-secondary-saas:hover[b-xdibyigf7e] {
    background: rgba(0, 214, 240, 0.15) !important;
    border-color: #00D6F0 !important;
    color: #00D6F0 !important;
    transform: translateY(-2px) !important;
}

.hero-hotline-pill[b-xdibyigf7e] {
    background: rgba(6, 18, 34, 0.7) !important;
    border: 1px solid rgba(0, 214, 240, 0.2) !important;
    color: #E2E8F0 !important;
    padding: 0.75rem 1.25rem !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    min-height: 48px !important;
}

.hero-hotline-pill:hover[b-xdibyigf7e] {
    border-color: #00D6F0 !important;
    color: #00D6F0 !important;
    background: rgba(0, 214, 240, 0.08) !important;
}

/* 5. Metrics & Trust Bar */
.hero-stats-bar[b-xdibyigf7e] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: rgba(6, 18, 34, 0.75) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(0, 214, 240, 0.18) !important;
    border-radius: 16px !important;
    padding: 0.85rem 1.25rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    max-width: 580px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.hero-stats-bar .stat-cell[b-xdibyigf7e] {
    text-align: center !important;
    flex: 1 !important;
}

.hero-stats-bar .stat-number[b-xdibyigf7e] {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #00D6F0 !important;
    display: block !important;
    line-height: 1.15 !important;
}

.hero-stats-bar .stat-label[b-xdibyigf7e] {
    font-size: 0.74rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
    margin-top: 0.2rem !important;
    display: block !important;
}

.hero-stats-bar .stat-sep[b-xdibyigf7e] {
    width: 1px !important;
    height: 28px !important;
    background: rgba(0, 214, 240, 0.2) !important;
    margin: 0 0.4rem !important;
    flex-shrink: 0 !important;
}

/* 6. Visual Terminal Block */
.hero-terminal-block[b-xdibyigf7e] {
    flex: 0 1 520px !important;
    width: 100% !important;
    max-width: 520px !important;
    box-sizing: border-box !important;
}

.terminal-frame[b-xdibyigf7e] {
    background: rgba(4, 14, 28, 0.92) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7), 0 0 35px rgba(0, 214, 240, 0.12) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.terminal-frame:hover[b-xdibyigf7e] {
    border-color: rgba(0, 214, 240, 0.45) !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8), 0 0 45px rgba(0, 214, 240, 0.2) !important;
}

.terminal-topbar[b-xdibyigf7e] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.75rem 1rem !important;
    background: rgba(2, 9, 18, 0.95) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.15) !important;
}

.terminal-lights[b-xdibyigf7e] {
    display: flex !important;
    gap: 6px !important;
}

.terminal-lights .light[b-xdibyigf7e] {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
}

.terminal-lights .light.red[b-xdibyigf7e] { background: #EF4444 !important; }
.terminal-lights .light.yellow[b-xdibyigf7e] { background: #F59E0B !important; }
.terminal-lights .light.green[b-xdibyigf7e] { background: #10B981 !important; }

.terminal-headline[b-xdibyigf7e] {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    color: #94A3B8 !important;
}

.terminal-live-tag[b-xdibyigf7e] {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.terminal-live-tag .badge-dot[b-xdibyigf7e] {
    background: #10B981 !important;
    box-shadow: 0 0 6px #10B981 !important;
}

.terminal-inner[b-xdibyigf7e] {
    padding: 1.15rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    box-sizing: border-box !important;
}

.terminal-kpi-grid[b-xdibyigf7e] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.85rem !important;
}

.kpi-box[b-xdibyigf7e] {
    background: rgba(11, 28, 52, 0.6) !important;
    border: 1px solid rgba(0, 214, 240, 0.15) !important;
    border-radius: 12px !important;
    padding: 0.85rem 0.95rem !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.kpi-box:hover[b-xdibyigf7e] {
    background: rgba(0, 214, 240, 0.1) !important;
    border-color: rgba(0, 214, 240, 0.45) !important;
    transform: translateY(-2px) !important;
}

.kpi-head[b-xdibyigf7e] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 0.4rem !important;
}

.kpi-head i[b-xdibyigf7e] {
    font-size: 1.15rem !important;
}

.kpi-state[b-xdibyigf7e] {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
    background: rgba(0, 214, 240, 0.12) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

.kpi-title[b-xdibyigf7e] {
    display: block !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #F1F5F9 !important;
    margin-bottom: 0.2rem !important;
}

.kpi-value[b-xdibyigf7e] {
    display: block !important;
    font-size: 0.76rem !important;
    color: #94A3B8 !important;
}

.terminal-stream-row[b-xdibyigf7e] {
    background: rgba(2, 9, 18, 0.7) !important;
    border: 1px solid rgba(0, 214, 240, 0.15) !important;
    border-radius: 12px !important;
    padding: 0.75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    box-sizing: border-box !important;
}

.stream-main[b-xdibyigf7e] {
    display: block !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #E2E8F0 !important;
}

.stream-sub[b-xdibyigf7e] {
    display: block !important;
    font-size: 0.74rem !important;
    color: #94A3B8 !important;
    line-height: 1.4 !important;
    margin-top: 0.15rem !important;
}

/* ==========================================================================
   7. COMPREHENSIVE RESPONSIVE BREAKPOINTS (ALL SCREEN SIZES)
   ========================================================================== */

/* --- A. Small Laptops & Landscape Tablets (992px - 1199.98px) --- */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hero-container[b-xdibyigf7e] {
        gap: 1.75rem !important;
        max-width: 1060px !important;
        padding: 0 1.25rem !important;
    }
    .hero-content-group[b-xdibyigf7e] {
        flex: 1 1 480px !important;
        max-width: 520px !important;
    }
    .hero-terminal-block[b-xdibyigf7e] {
        flex: 0 1 460px !important;
        max-width: 460px !important;
    }
    .hero-title[b-xdibyigf7e] {
        font-size: 2.15rem !important;
    }
    .hero-lead[b-xdibyigf7e] {
        font-size: 0.94rem !important;
        line-height: 1.65 !important;
    }
    .hero-stats-bar[b-xdibyigf7e] {
        padding: 0.75rem 1rem !important;
    }
    .hero-stats-bar .stat-number[b-xdibyigf7e] {
        font-size: 1.2rem !important;
    }
}

/* --- B. Portrait Tablets (768px - 991.98px) --- */
@media (max-width: 991.98px) {
    .hero-section[b-xdibyigf7e] {
        padding: 3rem 0 2.5rem 0 !important;
    }
    .hero-container[b-xdibyigf7e],
    [dir="ltr"] .hero-container[b-xdibyigf7e],
    [dir="rtl"] .hero-container[b-xdibyigf7e],
    .theme-en .hero-container[b-xdibyigf7e],
    .theme-ar .hero-container[b-xdibyigf7e] {
        flex-direction: column !important; /* Always vertical stack */
        gap: 2.25rem !important;
        text-align: center !important;
        padding: 0 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .hero-content-group[b-xdibyigf7e],
    [dir="ltr"] .hero-content-group[b-xdibyigf7e],
    [dir="rtl"] .hero-content-group[b-xdibyigf7e],
    .theme-en .hero-content-group[b-xdibyigf7e],
    .theme-ar .hero-content-group[b-xdibyigf7e] {
        order: 1 !important; /* Content appears first */
        max-width: 680px !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    [dir="ltr"] .hero-content-group[b-xdibyigf7e],
    .theme-en .hero-content-group[b-xdibyigf7e] {
        text-align: center !important;
    }
    .hero-pill-badge[b-xdibyigf7e] {
        margin: 0 auto 1.1rem auto !important;
    }
    .hero-title[b-xdibyigf7e] {
        font-size: clamp(1.85rem, 3.8vw, 2.3rem) !important;
        text-align: center !important;
    }
    .hero-heading-white[b-xdibyigf7e],
    .hero-heading-gradient[b-xdibyigf7e] {
        display: inline !important;
    }
    .hero-lead[b-xdibyigf7e] {
        margin: 0 auto 1.5rem auto !important;
        text-align: center !important;
        max-width: 580px !important;
    }
    .hero-actions-row[b-xdibyigf7e] {
        justify-content: center !important;
        margin: 0 auto 1.75rem auto !important;
    }
    .hero-stats-bar[b-xdibyigf7e] {
        margin: 0 auto !important;
        max-width: 600px !important;
    }
    .hero-terminal-block[b-xdibyigf7e],
    [dir="ltr"] .hero-terminal-block[b-xdibyigf7e],
    [dir="rtl"] .hero-terminal-block[b-xdibyigf7e],
    .theme-en .hero-terminal-block[b-xdibyigf7e],
    .theme-ar .hero-terminal-block[b-xdibyigf7e] {
        order: 2 !important; /* Terminal appears second */
        max-width: 580px !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        margin: 0 auto !important;
    }
}

/* --- C. Phablets & Large Mobile (481px - 767.98px) --- */
@media (max-width: 767.98px) {
    .hero-section[b-xdibyigf7e] {
        padding: clamp(2rem, 5vw, 2.75rem) 0 2rem 0 !important;
    }
    .hero-container[b-xdibyigf7e],
    [dir="ltr"] .hero-container[b-xdibyigf7e],
    [dir="rtl"] .hero-container[b-xdibyigf7e],
    .theme-en .hero-container[b-xdibyigf7e],
    .theme-ar .hero-container[b-xdibyigf7e] {
        flex-direction: column !important;
        gap: 1.75rem !important;
        padding: 0 1.25rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .hero-content-group[b-xdibyigf7e],
    [dir="ltr"] .hero-content-group[b-xdibyigf7e],
    [dir="rtl"] .hero-content-group[b-xdibyigf7e],
    .theme-en .hero-content-group[b-xdibyigf7e],
    .theme-ar .hero-content-group[b-xdibyigf7e] {
        order: 1 !important;
        max-width: 100% !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    .hero-terminal-block[b-xdibyigf7e],
    [dir="ltr"] .hero-terminal-block[b-xdibyigf7e],
    [dir="rtl"] .hero-terminal-block[b-xdibyigf7e],
    .theme-en .hero-terminal-block[b-xdibyigf7e],
    .theme-ar .hero-terminal-block[b-xdibyigf7e] {
        order: 2 !important;
        max-width: 100% !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        margin: 0 auto !important;
    }
    .hero-pill-badge[b-xdibyigf7e] {
        font-size: 0.78rem !important;
        padding: 0.3rem 0.85rem !important;
        margin-bottom: 0.9rem !important;
    }
    .hero-title[b-xdibyigf7e] {
        font-size: clamp(1.45rem, 5.2vw, 1.85rem) !important;
        line-height: 1.3 !important;
        margin-bottom: 0.9rem !important;
    }
    .hero-heading-sub[b-xdibyigf7e] {
        font-size: clamp(1.05rem, 3.8vw, 1.25rem) !important;
        display: block !important;
        margin-top: 0.35rem !important;
    }
    .hero-lead[b-xdibyigf7e] {
        font-size: 0.9rem !important;
        line-height: 1.65 !important;
        margin: 0 auto 1.35rem auto !important;
        padding: 0 4px !important;
    }
    .hero-actions-row[b-xdibyigf7e],
    [dir="ltr"] .hero-actions-row[b-xdibyigf7e],
    [dir="rtl"] .hero-actions-row[b-xdibyigf7e],
    .theme-en .hero-actions-row[b-xdibyigf7e],
    .theme-ar .hero-actions-row[b-xdibyigf7e] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 360px !important;
        margin: 0 auto 1.5rem auto !important;
        gap: 0.65rem !important;
    }
    .btn-primary-saas[b-xdibyigf7e],
    .btn-secondary-saas[b-xdibyigf7e],
    .hero-hotline-pill[b-xdibyigf7e] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 48px !important;
    }
    .hero-stats-bar[b-xdibyigf7e] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.65rem !important;
        padding: 0.85rem !important;
        border-radius: 14px !important;
        margin: 0 auto 1.5rem auto !important;
    }
    .hero-stats-bar .stat-sep[b-xdibyigf7e] {
        display: none !important;
    }
    .hero-stats-bar .stat-number[b-xdibyigf7e] {
        font-size: 1.25rem !important;
    }
    .hero-stats-bar .stat-label[b-xdibyigf7e] {
        font-size: 0.72rem !important;
    }
    .terminal-frame[b-xdibyigf7e] {
        border-radius: 14px !important;
    }
    .terminal-inner[b-xdibyigf7e] {
        padding: 0.9rem !important;
        gap: 0.75rem !important;
    }
    .terminal-kpi-grid[b-xdibyigf7e] {
        gap: 0.55rem !important;
    }
    .kpi-box[b-xdibyigf7e] {
        padding: 0.65rem 0.6rem !important;
    }
    .kpi-title[b-xdibyigf7e] {
        font-size: 0.76rem !important;
    }
    .kpi-value[b-xdibyigf7e] {
        font-size: 0.7rem !important;
    }
    .stream-main[b-xdibyigf7e] {
        font-size: 0.78rem !important;
    }
    .stream-sub[b-xdibyigf7e] {
        font-size: 0.7rem !important;
    }
}

/* --- D. Compact Mobile Phones (320px - 480px) --- */
@media (max-width: 480px) {
    .hero-section[b-xdibyigf7e] {
        padding: 1.75rem 0 1.75rem 0 !important;
    }
    .hero-container[b-xdibyigf7e],
    [dir="ltr"] .hero-container[b-xdibyigf7e],
    [dir="rtl"] .hero-container[b-xdibyigf7e],
    .theme-en .hero-container[b-xdibyigf7e],
    .theme-ar .hero-container[b-xdibyigf7e] {
        flex-direction: column !important;
        padding: 0 0.85rem !important;
        gap: 1.35rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .hero-content-group[b-xdibyigf7e],
    [dir="ltr"] .hero-content-group[b-xdibyigf7e],
    [dir="rtl"] .hero-content-group[b-xdibyigf7e],
    .theme-en .hero-content-group[b-xdibyigf7e],
    .theme-ar .hero-content-group[b-xdibyigf7e] {
        order: 1 !important;
        max-width: 100% !important;
        width: 100% !important;
        flex: 1 1 100% !important;
    }
    .hero-terminal-block[b-xdibyigf7e],
    [dir="ltr"] .hero-terminal-block[b-xdibyigf7e],
    [dir="rtl"] .hero-terminal-block[b-xdibyigf7e],
    .theme-en .hero-terminal-block[b-xdibyigf7e],
    .theme-ar .hero-terminal-block[b-xdibyigf7e] {
        order: 2 !important;
        max-width: 100% !important;
        width: 100% !important;
        flex: 1 1 100% !important;
    }
    .hero-pill-badge[b-xdibyigf7e] {
        font-size: 0.74rem !important;
        padding: 0.28rem 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    .hero-title[b-xdibyigf7e] {
        font-size: clamp(1.22rem, 5.2vw, 1.45rem) !important;
        line-height: 1.3 !important;
        margin-bottom: 0.75rem !important;
    }
    .hero-heading-sub[b-xdibyigf7e] {
        font-size: 0.95rem !important;
        margin-top: 0.25rem !important;
    }
    .hero-lead[b-xdibyigf7e] {
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
        margin: 0 auto 1.15rem auto !important;
        padding: 0 !important;
    }
    .hero-actions-row[b-xdibyigf7e],
    [dir="ltr"] .hero-actions-row[b-xdibyigf7e],
    [dir="rtl"] .hero-actions-row[b-xdibyigf7e],
    .theme-en .hero-actions-row[b-xdibyigf7e],
    .theme-ar .hero-actions-row[b-xdibyigf7e] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        max-width: 100% !important;
        gap: 0.55rem !important;
        margin: 0 auto 1.25rem auto !important;
    }
    .btn-primary-saas[b-xdibyigf7e],
    .btn-secondary-saas[b-xdibyigf7e],
    .hero-hotline-pill[b-xdibyigf7e] {
        font-size: 0.88rem !important;
        min-height: 46px !important;
        padding: 0.65rem 1rem !important;
    }
    .hero-stats-bar[b-xdibyigf7e] {
        gap: 0.45rem !important;
        padding: 0.65rem 0.5rem !important;
        margin-bottom: 1.25rem !important;
    }
    .hero-stats-bar .stat-number[b-xdibyigf7e] {
        font-size: 1.12rem !important;
    }
    .hero-stats-bar .stat-label[b-xdibyigf7e] {
        font-size: 0.66rem !important;
    }
    .terminal-topbar[b-xdibyigf7e] {
        padding: 0.55rem 0.75rem !important;
    }
    .terminal-headline[b-xdibyigf7e] {
        font-size: 0.62rem !important;
    }
    .terminal-live-tag[b-xdibyigf7e] {
        font-size: 0.6rem !important;
        padding: 2px 6px !important;
    }
    .terminal-inner[b-xdibyigf7e] {
        padding: 0.75rem 0.65rem !important;
        gap: 0.65rem !important;
    }
    .terminal-kpi-grid[b-xdibyigf7e] {
        gap: 0.45rem !important;
    }
    .kpi-box[b-xdibyigf7e] {
        padding: 0.55rem 0.45rem !important;
        border-radius: 10px !important;
    }
    .kpi-head[b-xdibyigf7e] {
        margin-bottom: 0.25rem !important;
    }
    .kpi-head i[b-xdibyigf7e] {
        font-size: 0.95rem !important;
    }
    .kpi-state[b-xdibyigf7e] {
        font-size: 0.58rem !important;
        padding: 1px 4px !important;
    }
    .kpi-title[b-xdibyigf7e] {
        font-size: 0.7rem !important;
    }
    .kpi-value[b-xdibyigf7e] {
        font-size: 0.62rem !important;
    }
    .terminal-stream-row[b-xdibyigf7e] {
        padding: 0.55rem 0.75rem !important;
        gap: 0.55rem !important;
        border-radius: 10px !important;
    }
    .terminal-stream-row i[b-xdibyigf7e] {
        font-size: 1.1rem !important;
    }
    .stream-main[b-xdibyigf7e] {
        font-size: 0.72rem !important;
    }
    .stream-sub[b-xdibyigf7e] {
        font-size: 0.64rem !important;
    }
    .hero-light-orb.orb-cyan[b-xdibyigf7e] {
        width: 220px !important;
        height: 220px !important;
        filter: blur(40px) !important;
    }
    .hero-light-orb.orb-blue[b-xdibyigf7e] {
        width: 240px !important;
        height: 240px !important;
        filter: blur(45px) !important;
    }
}

/* --- E. Ultra-Narrow & Fold Screens (< 340px) --- */
@media (max-width: 340px) {
    .hero-title[b-xdibyigf7e] {
        font-size: 1.15rem !important;
    }
    .btn-primary-saas[b-xdibyigf7e],
    .btn-secondary-saas[b-xdibyigf7e],
    .hero-hotline-pill[b-xdibyigf7e] {
        font-size: 0.82rem !important;
        padding: 0.6rem 0.75rem !important;
    }
}
/* /Components/Sections/PartnersSection.razor.rz.scp.css */
/* 1. Centered Header Cluster for Partners Section */
.clients-header-centered-cluster[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.5rem !important;
    flex-wrap: wrap !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.clients-title-group[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.65rem !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.luxury-marquee-head-wrap[b-2z4ll1f7p5] {
    padding: 1.25rem 0 !important;
    text-align: center !important;
}

.clients-bar-title[b-2z4ll1f7p5] {
    font-size: 1.28rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    display: inline-block !important;
}

.clients-bar-sub[b-2z4ll1f7p5] {
    font-size: 0.95rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.clients-bar-meta[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    border-radius: 50px !important;
    padding: 0.35rem 1.1rem !important;
    color: #FBBF24 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.15) !important;
}



.luxury-clients-bar-section[b-2z4ll1f7p5] {
    background: #030914 !important;
    padding: clamp(3.5rem, 5vw, 5rem) 0 !important;
    border-top: 1px solid rgba(24, 200, 248, 0.16) !important;
    border-bottom: 1px solid rgba(24, 200, 248, 0.16) !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    position: relative !important;
    color: #FFFFFF !important;
    box-sizing: border-box !important;
}

.luxury-marquee-head-wrap[b-2z4ll1f7p5] {
    margin-bottom: 2.25rem !important;
}

.clients-bar-title[b-2z4ll1f7p5] {
    font-size: clamp(1.4rem, 2.2vw, 1.85rem) !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    letter-spacing: -0.3px !important;
}

.clients-bar-sub[b-2z4ll1f7p5] {
    font-size: 0.95rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.clients-bar-meta[b-2z4ll1f7p5] {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    padding: 0.35rem 0.95rem !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.15) !important;
}

/* Master Viewport (Horizontal Continuous Conveyor Belt) */
.luxury-marquee-viewport[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: row !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    gap: 16px !important;
    direction: ltr !important; /* Fixed left-to-right translation axis for seamless infinite glide */
    padding: 1.25rem 0 !important;
    cursor: grab !important;
    user-select: none !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 2 !important;
}

    .luxury-marquee-viewport:active[b-2z4ll1f7p5] {
        cursor: grabbing !important;
    }

    .luxury-marquee-viewport:hover .luxury-marquee-track[b-2z4ll1f7p5] {
        animation-play-state: paused !important;
    }

/* Luxury Multi-Stop Edge Masking Faders */
.luxury-edge-fade-left[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: clamp(80px, 14vw, 180px) !important;
    background: linear-gradient(to right, #030914 30%, transparent 100%) !important;
    z-index: 6 !important;
    pointer-events: none !important;
}

.luxury-edge-fade-right[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: clamp(80px, 14vw, 180px) !important;
    background: linear-gradient(to left, #030914 30%, transparent 100%) !important;
    z-index: 6 !important;
    pointer-events: none !important;
}

/* Track Infinite Animation */
.luxury-marquee-track[b-2z4ll1f7p5] {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 100% !important;
    animation: luxuryClientsGlide-b-2z4ll1f7p5 55s linear infinite !important;
    will-change: transform;
}

@keyframes luxuryClientsGlide-b-2z4ll1f7p5 {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(calc(-100% - 16px), 0, 0);
    }
}

/* Luxury Client Mini Badge */
.client-mini-badge[b-2z4ll1f7p5] {
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.95rem !important;
    background: rgba(10, 26, 44, 0.88) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(24, 200, 248, 0.18) !important;
    border-radius: 14px !important;
    padding: 0.55rem 1.15rem 0.55rem 0.75rem !important;
    height: 58px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    color: #FFFFFF !important;
}

[dir="ltr"] .client-mini-badge[b-2z4ll1f7p5], .theme-en .client-mini-badge[b-2z4ll1f7p5] {
    direction: ltr !important;
    padding: 0.55rem 0.75rem 0.55rem 1.15rem !important;
}

.client-mini-badge:hover[b-2z4ll1f7p5] {
    transform: translateY(-4px) scale(1.02) !important;
    border-color: #00E5FF !important;
    background: rgba(14, 38, 64, 0.95) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.65), 0 0 20px rgba(0, 229, 255, 0.25) !important;
}

/* Logo Frame */
.badge-logo-container[b-2z4ll1f7p5] {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    flex-shrink: 0 !important;
}

.badge-logo-img[b-2z4ll1f7p5] {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
}

/* Restaurant Name */
.badge-restaurant-name[b-2z4ll1f7p5] {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    line-height: 1.2 !important;
    margin-inline: 0.25rem !important;
}

/* Rating Cluster */
.badge-rating-cluster[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding-inline-start: 0.5rem !important;
    border-inline-start: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.badge-stars-inline[b-2z4ll1f7p5] {
    display: inline-flex !important;
    gap: 2px !important;
    font-size: 0.72rem !important;
}

.star-champagne[b-2z4ll1f7p5] {
    color: #FFB800 !important;
    filter: drop-shadow(0 0 3px rgba(255, 184, 0, 0.5)) !important;
}

.star-muted[b-2z4ll1f7p5] {
    color: rgba(255, 255, 255, 0.2) !important;
}

.badge-score-num[b-2z4ll1f7p5] {
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.badge-live-dot[b-2z4ll1f7p5] {
    font-size: 0.72rem !important;
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    padding: 0.15rem 0.55rem !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
}

/* --------------------------------------------------------------------------
   6. ABOUT SECTION: WHY ELITE PILLARS (من نحن)
   -------------------------------------------------------------------------- */
#about[b-2z4ll1f7p5], section.content-section[b-2z4ll1f7p5] {
    background-color: #061322 !important;
    color: #FFFFFF !important;
    padding: clamp(4.5rem, 6vw, 6.5rem) 0 !important;
}

.about-pillars-grid[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
    gap: 2rem !important;
    margin-top: 3rem !important;
}

.pillar-card[b-2z4ll1f7p5] {
    background: #0A1C30 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 2.2rem 1.85rem !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-align: start !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

    .pillar-card:hover[b-2z4ll1f7p5] {
        transform: translateY(-6px) !important;
        background: #0E2744 !important;
        border-color: rgba(0, 229, 255, 0.4) !important;
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55), 0 0 20px rgba(0, 229, 255, 0.15) !important;
    }

.pillar-icon-box[b-2z4ll1f7p5] {
    width: 54px !important;
    height: 54px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.25), rgba(0, 229, 255, 0.18)) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    color: #00E5FF !important;
    font-size: 1.6rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 1.35rem !important;
    box-shadow: 0 4px 15px rgba(0, 229, 255, 0.15) !important;
}

.pillar-title[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.65rem !important;
    line-height: 1.35 !important;
}

.pillar-text[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.93rem !important;
    line-height: 1.7 !important;
}

/* --------------------------------------------------------------------------
   7. CONSULTATION & CONTACT SECTION: REQUEST A QUOTE (تواصل معنا)
   -------------------------------------------------------------------------- */
#consultation[b-2z4ll1f7p5], section.content-section.bg-surface-tint[b-2z4ll1f7p5] {
    background: radial-gradient(ellipse 90% 60% at 50% 100%, rgba(2, 132, 199, 0.12) 0%, rgba(6, 19, 34, 0.95) 50%, #030914 100%) !important;
    color: #FFFFFF !important;
    padding: clamp(5rem, 6vw, 7rem) 0 !important;
}

.consultation-form-card[b-2z4ll1f7p5] {
    max-width: 860px !important;
    margin: 0 auto !important;
    background: rgba(10, 28, 48, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(24, 200, 248, 0.3) !important;
    border-radius: 20px !important;
    padding: 3rem !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 229, 255, 0.12) !important;
}

.form-card-title[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    font-size: 2rem !important;
    font-weight: 900 !important;
    text-align: center !important;
    margin-bottom: 0.65rem !important;
    letter-spacing: -0.5px !important;
}

.form-card-sub[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 1rem !important;
    text-align: center !important;
    margin-bottom: 2.5rem !important;
    line-height: 1.6 !important;
}

.saas-label[b-2z4ll1f7p5] {
    color: #E2E8F0 !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
}

.saas-input[b-2z4ll1f7p5], .saas-select[b-2z4ll1f7p5] {
    width: 100% !important;
    background: #050E1A !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 10px !important;
    padding: 0.85rem 1.15rem !important;
    font-size: 0.95rem !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

    .saas-input:hover[b-2z4ll1f7p5], .saas-select:hover[b-2z4ll1f7p5] {
        border-color: rgba(0, 229, 255, 0.35) !important;
    }

    .saas-input:focus[b-2z4ll1f7p5], .saas-select:focus[b-2z4ll1f7p5] {
        border-color: #00E5FF !important;
        background: #071526 !important;
        box-shadow: 0 0 15px rgba(0, 229, 255, 0.35) !important;
        outline: none !important;
    }

    .saas-input[b-2z4ll1f7p5]::placeholder {
        color: #64748B !important;
    }

    .saas-select option[b-2z4ll1f7p5] {
        background: #061322 !important;
        color: #FFFFFF !important;
    }

.btn-saas-submit[b-2z4ll1f7p5] {
    width: 100% !important;
    background: linear-gradient(135deg, #0284C7 0%, #00E5FF 100%) !important;
    color: #030914 !important;
    font-weight: 900 !important;
    font-size: 1.05rem !important;
    padding: 1rem 2rem !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.6rem !important;
    box-shadow: 0 4px 20px rgba(0, 229, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    transition: all 0.25s ease !important;
}

    .btn-saas-submit:hover[b-2z4ll1f7p5] {
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 30px rgba(0, 229, 255, 0.6) !important;
        color: #030914 !important;
    }

.alert-success-box[b-2z4ll1f7p5] {
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1px solid #10B981 !important;
    color: #6EE7B7 !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
    text-align: center !important;
    margin-top: 1.5rem !important;
    font-weight: 700 !important;
}

/* --------------------------------------------------------------------------
   8. INTERACTIVE MODALS & DETAIL POPUPS
   -------------------------------------------------------------------------- */
[b-2z4ll1f7p5] .modal-backdrop-glass,
[b-2z4ll1f7p5] .service-modal-backdrop,
.modal-backdrop-glass[b-2z4ll1f7p5],
.service-modal-backdrop[b-2z4ll1f7p5] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 1.25rem !important;
    box-sizing: border-box !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(3, 9, 20, 0.88) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    animation: modalFadeIn-b-2z4ll1f7p5 0.25s ease-out forwards !important;
}

[b-2z4ll1f7p5] .modal-card-glass,
[b-2z4ll1f7p5] .service-modal-dialog,
.modal-card-glass[b-2z4ll1f7p5],
.service-modal-dialog[b-2z4ll1f7p5] {
    position: relative !important;
    width: 100% !important;
    max-width: 720px !important;
    max-height: 85vh !important;
    margin: auto !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    background: linear-gradient(180deg, #0A1E35 0%, #051324 100%) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    border-radius: 24px !important;
    padding: 2.2rem !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8), 0 0 35px rgba(0, 229, 255, 0.2) !important;
    color: #FFFFFF !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0, 229, 255, 0.3) transparent !important;
    animation: saasSlideUp-b-2z4ll1f7p5 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.modal-banner-img[b-2z4ll1f7p5] {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    margin-bottom: 1.5rem !important;
}

.modal-head-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 1.5rem !important;
}

.m-logo-box[b-2z4ll1f7p5] {
    width: 60px !important;
    height: 60px !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    flex-shrink: 0 !important;
}

.m-title-box[b-2z4ll1f7p5] {
    flex: 1 !important;
    margin-inline-start: 1rem !important;
}

.m-name-main[b-2z4ll1f7p5] {
    font-size: 1.4rem !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
}

.m-name-sub[b-2z4ll1f7p5] {
    font-size: 0.88rem !important;
    color: #94A3B8 !important;
    margin-top: 0.25rem !important;
}

.m-badges-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-top: 0.5rem !important;
}

.m-cat-tag[b-2z4ll1f7p5] {
    background: rgba(24, 200, 248, 0.14) !important;
    border: 1px solid rgba(24, 200, 248, 0.3) !important;
    color: #18C8F8 !important;
    padding: 0.2rem 0.65rem !important;
    border-radius: 9999px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.m-verified-tag[b-2z4ll1f7p5] {
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #10B981 !important;
    padding: 0.2rem 0.65rem !important;
    border-radius: 9999px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.btn-modal-close[b-2z4ll1f7p5] {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

    .btn-modal-close:hover[b-2z4ll1f7p5] {
        background: rgba(239, 68, 68, 0.25) !important;
        border-color: #EF4444 !important;
        color: #FFFFFF !important;
    }

.m-google-card[b-2z4ll1f7p5] {
    background: #061322 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
    margin-bottom: 1.5rem !important;
}

.m-google-top[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.m-google-score-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 1.1rem !important;
}

.m-score-number[b-2z4ll1f7p5] {
    font-size: 2.2rem !important;
    font-weight: 900 !important;
    color: #FFB800 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.m-stars-icons[b-2z4ll1f7p5] {
    display: flex !important;
    gap: 2px !important;
    font-size: 1.15rem !important;
    color: #FFB800 !important;
}

.m-actions-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    margin-bottom: 1.5rem !important;
    flex-wrap: wrap !important;
}

.btn-wa-green[b-2z4ll1f7p5] {
    background: #25D366 !important;
    color: #030914 !important;
    font-weight: 800 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.35) !important;
}

.btn-phone-grad[b-2z4ll1f7p5] {
    background: linear-gradient(135deg, #0284C7, #00E5FF) !important;
    color: #030914 !important;
    font-weight: 800 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    text-decoration: none !important;
}

.btn-map-red[b-2z4ll1f7p5] {
    background: rgba(239, 68, 68, 0.16) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    color: #F87171 !important;
    font-weight: 700 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    text-decoration: none !important;
}

.m-about-box[b-2z4ll1f7p5] {
    margin-bottom: 1.5rem !important;
}

.m-about-text[b-2z4ll1f7p5] {
    color: #CBD5E1 !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
}

.m-tech-card[b-2z4ll1f7p5] {
    background: #061322 !important;
    border: 1px solid rgba(0, 229, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
    margin-bottom: 1.5rem !important;
}

.m-tech-title[b-2z4ll1f7p5] {
    color: #00E5FF !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.4rem !important;
}

.m-tech-text[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
}

.m-features-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
    margin-bottom: 1.5rem !important;
}

.m-feature-pill[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #E2E8F0 !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 9999px !important;
}

.m-social-strip[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    margin-bottom: 1.5rem !important;
}

.social-pill[b-2z4ll1f7p5] {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .social-pill:hover[b-2z4ll1f7p5] {
        background: rgba(0, 229, 255, 0.25) !important;
        border-color: #00E5FF !important;
        color: #00E5FF !important;
    }

.m-contact-grid[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.m-contact-cell[b-2z4ll1f7p5] {
    background: #061322 !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 10px !important;
    padding: 0.85rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

.m-contact-label[b-2z4ll1f7p5] {
    font-size: 0.75rem !important;
    color: #94A3B8 !important;
}

.m-contact-val[b-2z4ll1f7p5] {
    font-size: 0.88rem !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.modal-cta-footer[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 1rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.btn-modal-cta[b-2z4ll1f7p5] {
    background: linear-gradient(135deg, #0284C7, #00E5FF) !important;
    color: #030914 !important;
    font-weight: 900 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    text-decoration: none !important;
}

.btn-modal-dismiss[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 0.75rem 1.25rem !important;
    border-radius: 8px !important;
    cursor: pointer !important;
}

/* Service Details Modal */
.service-modal-banner[b-2z4ll1f7p5] {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    margin-bottom: 1.5rem !important;
}

.service-modal-title[b-2z4ll1f7p5] {
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin-bottom: 0.5rem !important;
}

.service-modal-desc[b-2z4ll1f7p5] {
    color: #CBD5E1 !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
    margin-bottom: 1.75rem !important;
}

.service-modal-grid[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.25rem !important;
    margin-bottom: 1.75rem !important;
}

.modal-feature-col[b-2z4ll1f7p5] {
    background: #061322 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
}

.modal-col-heading[b-2z4ll1f7p5] {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #00E5FF !important;
    margin-bottom: 0.75rem !important;
}

.modal-points-list[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

    .modal-points-list li[b-2z4ll1f7p5] {
        font-size: 0.88rem !important;
        color: #CBD5E1 !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }

        .modal-points-list li i[b-2z4ll1f7p5] {
            color: #10B981 !important;
        }

.service-modal-footer[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 1rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.btn-modal-action[b-2z4ll1f7p5] {
    background: linear-gradient(135deg, #0284C7, #00E5FF) !important;
    color: #030914 !important;
    font-weight: 900 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    text-decoration: none !important;
}

@keyframes modalFadeIn-b-2z4ll1f7p5 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes saasSlideUp-b-2z4ll1f7p5 {
    from {
        opacity: 0;
        transform: translateY(25px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* --------------------------------------------------------------------------
   9. RESPONSIVE MEDIA QUERIES & MOBILE ARCHITECTURE
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .hero-container[b-2z4ll1f7p5] {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 2rem !important;
    }

    .hero-3d-master-wrap[b-2z4ll1f7p5] {
        height: 540px !important;
    }
}

@media (max-width: 1024px) {
    .hero-container[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        gap: 2.5rem !important;
    }

    .hero-text-block[b-2z4ll1f7p5] {
        max-width: 100% !important;
        margin: 0 auto !important;
        align-items: center !important;
    }

    .hero-pill-badge[b-2z4ll1f7p5] {
        margin: 0 auto 1.5rem auto !important;
    }

    .hero-actions-row[b-2z4ll1f7p5] {
        justify-content: center !important;
    }

    .hero-stats-bar[b-2z4ll1f7p5] {
        justify-content: center !important;
        margin: 0 auto !important;
    }

    .hero-3d-master-wrap[b-2z4ll1f7p5] {
        max-width: 540px !important;
        height: 480px !important;
    }

    .services-cards-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }

    .solutions-features-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .about-pillars-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .hero-section[b-2z4ll1f7p5] {
        padding: 1.25rem 0 2rem 0 !important;
    }

    .hero-title[b-2z4ll1f7p5] {
        font-size: 2rem !important;
    }

    .hero-lead[b-2z4ll1f7p5] {
        font-size: 0.95rem !important;
    }

    .hero-actions-row[b-2z4ll1f7p5] {
        flex-direction: column !important;
        width: 100% !important;
    }

    .btn-primary-saas[b-2z4ll1f7p5], .btn-secondary-saas[b-2z4ll1f7p5], .hero-hotline-pill[b-2z4ll1f7p5] {
        width: 100% !important;
        justify-content: center !important;
    }

    .hero-stats-bar[b-2z4ll1f7p5] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important;
        width: 100% !important;
        padding: 1.15rem !important;
    }

    .stat-sep[b-2z4ll1f7p5] {
        display: none !important;
    }

    .hero-3d-master-wrap[b-2z4ll1f7p5] {
        max-width: 100% !important;
        height: 370px !important;
    }

    .master-3d-glow-primary[b-2z4ll1f7p5] {
        width: 290px !important;
        height: 290px !important;
    }

    .hud-badge-top[b-2z4ll1f7p5] {
        top: 10px !important;
        right: 5px !important;
        padding: 0.45rem 0.75rem !important;
    }

    .hud-badge-left[b-2z4ll1f7p5] {
        bottom: 75px !important;
        left: 5px !important;
        padding: 0.45rem 0.75rem !important;
    }

    .hud-badge-right[b-2z4ll1f7p5] {
        bottom: 15px !important;
        right: 5px !important;
        padding: 0.45rem 0.75rem !important;
    }

    .hud-badge-title[b-2z4ll1f7p5] {
        font-size: 0.72rem !important;
    }

    .services-cards-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .solutions-features-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
    }

    .about-pillars-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
    }

    .consultation-form-card[b-2z4ll1f7p5] {
        padding: 1.75rem 1.25rem !important;
    }

    .service-modal-dialog[b-2z4ll1f7p5], .modal-card-glass[b-2z4ll1f7p5] {
        padding: 1.35rem !important;
        border-radius: 16px !important;
    }

    .service-modal-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
    }

    .m-contact-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
    }
}

/* --------------------------------------------------------------------------
   10. SUPPLEMENTARY LUXURY MICRO-COMPONENTS & SOCIAL PILLS
   -------------------------------------------------------------------------- */
.accent-bar[b-2z4ll1f7p5] {
    width: 60px !important;
    height: 3px !important;
    background: linear-gradient(90deg, #18C8F8, #00E5FF) !important;
    border-radius: 9999px !important;
    margin: 0.85rem auto 1.5rem auto !important;
}

.badge-stars-inline[b-2z4ll1f7p5] {
    display: inline-flex !important;
    gap: 2px !important;
    font-size: 0.72rem !important;
    color: #FFB800 !important;
}

.star-champagne[b-2z4ll1f7p5] {
    color: #FFB800 !important;
}

.star-muted[b-2z4ll1f7p5] {
    color: rgba(255, 255, 255, 0.2) !important;
}

.max-five[b-2z4ll1f7p5] {
    font-size: 1.1rem !important;
    color: #64748B !important;
    font-weight: 600 !important;
}

.btn-micro-call[b-2z4ll1f7p5] {
    background: rgba(24, 200, 248, 0.18) !important;
    color: #18C8F8 !important;
    border: 1px solid rgba(24, 200, 248, 0.35) !important;
    padding: 0.4rem 0.95rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .btn-micro-call:hover[b-2z4ll1f7p5] {
        background: rgba(24, 200, 248, 0.35) !important;
        color: #FFFFFF !important;
        transform: translateY(-1px) !important;
    }

.btn-micro-map[b-2z4ll1f7p5] {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    padding: 0.4rem 0.95rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .btn-micro-map:hover[b-2z4ll1f7p5] {
        background: rgba(239, 68, 68, 0.35) !important;
        color: #FFFFFF !important;
        transform: translateY(-1px) !important;
    }

.btn-outline-cyan[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.55rem 1.35rem !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #00E5FF !important;
    border: 1px solid rgba(0, 229, 255, 0.4) !important;
    border-radius: 9999px !important;
    background: rgba(0, 229, 255, 0.06) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

    .btn-outline-cyan:hover[b-2z4ll1f7p5] {
        background: rgba(0, 229, 255, 0.2) !important;
        color: #FFFFFF !important;
        border-color: #00E5FF !important;
        box-shadow: 0 0 16px rgba(0, 229, 255, 0.35) !important;
        transform: translateY(-1px) !important;
    }

.clients-bar-meta[b-2z4ll1f7p5] {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.28) !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    margin-top: 0.5rem !important;
}

.featured[b-2z4ll1f7p5] {
    border-color: #00E5FF !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 229, 255, 0.22) !important;
}

.icon-gold[b-2z4ll1f7p5] {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #F59E0B !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

.m-contact-info[b-2z4ll1f7p5] {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

.m-reviews-label[b-2z4ll1f7p5] {
    font-size: 0.8rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.m-score-meta[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
}

.m-social-label[b-2z4ll1f7p5] {
    font-size: 0.82rem !important;
    color: #94A3B8 !important;
    font-weight: 700 !important;
    margin-bottom: 0.4rem !important;
}

.m-social-links[b-2z4ll1f7p5] {
    display: flex !important;
    gap: 0.6rem !important;
    flex-wrap: wrap !important;
}

.social-pill.fb[b-2z4ll1f7p5] {
    background: rgba(24, 119, 242, 0.2) !important;
    color: #1877F2 !important;
    border: 1px solid rgba(24, 119, 242, 0.35) !important;
}

.social-pill.ig[b-2z4ll1f7p5] {
    background: rgba(225, 48, 108, 0.2) !important;
    color: #E1306C !important;
    border: 1px solid rgba(225, 48, 108, 0.35) !important;
}

.social-pill.tt[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.social-pill.web[b-2z4ll1f7p5] {
    background: rgba(24, 200, 248, 0.15) !important;
    color: #18C8F8 !important;
    border: 1px solid rgba(24, 200, 248, 0.35) !important;
}

.social-pill.fb:hover[b-2z4ll1f7p5] {
    background: #1877F2 !important;
    color: #FFFFFF !important;
}

.social-pill.ig:hover[b-2z4ll1f7p5] {
    background: #E1306C !important;
    color: #FFFFFF !important;
}

.social-pill.tt:hover[b-2z4ll1f7p5] {
    background: #FFFFFF !important;
    color: #000000 !important;
}

.social-pill.web:hover[b-2z4ll1f7p5] {
    background: #18C8F8 !important;
    color: #030914 !important;
}

.modal-badge-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 1rem !important;
}

.modal-body-stack[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

.phone-mono[b-2z4ll1f7p5] {
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.service-modal-badge[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(0, 229, 255, 0.12) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    color: #00E5FF !important;
    padding: 0.35rem 0.85rem !important;
    border-radius: 9999px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
}

.service-modal-content[b-2z4ll1f7p5] {
    padding: 1.5rem !important;
}

.animate-fade-in[b-2z4ll1f7p5] {
    animation: modalFadeIn-b-2z4ll1f7p5 0.25s ease-out forwards !important;
}

.animate-slide-up[b-2z4ll1f7p5] {
    animation: saasSlideUp-b-2z4ll1f7p5 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* --------------------------------------------------------------------------
   11. HERO THREE HIGHLIGHT CARDS STRIP (FROM REFERENCE SITE)
   -------------------------------------------------------------------------- */
.hero-highlights-strip[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
    margin-top: 3.5rem !important;
    width: 100% !important;
    position: relative !important;
    z-index: 5 !important;
}

.hero-highlight-card[b-2z4ll1f7p5] {
    background: rgba(10, 28, 48, 0.78) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(24, 200, 248, 0.22) !important;
    border-radius: 16px !important;
    padding: 1.5rem !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 1.15rem !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}

.hero-highlight-card:hover[b-2z4ll1f7p5] {
    transform: translateY(-5px) !important;
    background: rgba(14, 39, 68, 0.92) !important;
    border-color: #00E5FF !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65), 0 0 20px rgba(0, 229, 255, 0.25) !important;
}

.highlight-icon-box[b-2z4ll1f7p5] {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.4rem !important;
    flex-shrink: 0 !important;
}

.highlight-icon-box.icon-cyan[b-2z4ll1f7p5] {
    background: rgba(0, 229, 255, 0.16) !important;
    color: #00E5FF !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
}

.highlight-icon-box.icon-emerald[b-2z4ll1f7p5] {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #10B981 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
}

.highlight-icon-box.icon-blue[b-2z4ll1f7p5] {
    background: rgba(2, 132, 199, 0.22) !important;
    color: #38BDF8 !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
}

.highlight-content[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
}

.highlight-title[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.highlight-desc[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.86rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.highlight-link[b-2z4ll1f7p5] {
    color: #00E5FF !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    margin-top: 0.4rem !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
}

.hero-highlight-card:hover .highlight-link[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   12. ABOUT SECTION METRICS & HEADQUARTERS BADGE
   -------------------------------------------------------------------------- */
.about-meta-strip[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.5rem !important;
    width: 100% !important;
}

.about-stats-grid[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem !important;
    width: 100% !important;
}

.about-stat-box[b-2z4ll1f7p5] {
    background: rgba(10, 28, 48, 0.8) !important;
    border: 1px solid rgba(24, 200, 248, 0.2) !important;
    border-radius: 16px !important;
    padding: 1.5rem 1rem !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.4rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.stat-num[b-2z4ll1f7p5] {
    font-size: 2rem !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.stat-lbl[b-2z4ll1f7p5] {
    font-size: 0.85rem !important;
    color: #94A3B8 !important;
    font-weight: 700 !important;
}

.about-hq-badge[b-2z4ll1f7p5] {
    background: rgba(10, 28, 48, 0.9) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    color: #CBD5E1 !important;
    padding: 0.65rem 1.65rem !important;
    border-radius: 9999px !important;
    font-size: 0.92rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5), 0 0 15px rgba(239, 68, 68, 0.1) !important;
}

/* ==========================================================================
   WORKFLOW & ROADMAP SECTION (آلية العمل والربط الهندسي — بطاقات مصغرة ومدمجة)
   Ultra-Compact, Sleek, Proportional, Equal Height Enterprise Cards
   ========================================================================== */
#workflow.workflow-section-wrap[b-2z4ll1f7p5],
.workflow-section-wrap[b-2z4ll1f7p5] {
    position: relative !important;
    background-color: #030816 !important;
    background-image: 
        radial-gradient(circle at 50% 15%, rgba(0, 214, 240, 0.08) 0%, transparent 55%),
        linear-gradient(180deg, #020713 0%, #041022 50%, #020713 100%) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.14) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.14) !important;
    padding: clamp(2.75rem, 4vw, 3.75rem) 0 !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
}

/* Header Elements inside Workflow */
#workflow .section-header-block[b-2z4ll1f7p5],
.workflow-section-wrap .section-header-block[b-2z4ll1f7p5] {
    max-width: 720px !important;
    margin: 0 auto clamp(1.25rem, 2vw, 1.6rem) auto !important;
    text-align: center !important;
}

#workflow .section-tag[b-2z4ll1f7p5],
.workflow-section-wrap .section-tag[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: rgba(4, 20, 42, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.45) !important;
    border-radius: 50px !important;
    padding: 0.28rem 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 14px rgba(0, 214, 240, 0.15) !important;
    margin-bottom: 0.65rem !important;
}

#workflow .section-main-title[b-2z4ll1f7p5],
.workflow-section-wrap .section-main-title[b-2z4ll1f7p5] {
    font-size: clamp(1.5rem, 2.3vw, 1.95rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    color: #FFFFFF !important;
    margin-bottom: 0 !important;
}

#workflow .accent-bar[b-2z4ll1f7p5],
.workflow-section-wrap .accent-bar[b-2z4ll1f7p5] {
    width: 40px !important;
    height: 2.5px !important;
    background: #00D6F0 !important;
    border-radius: 9999px !important;
    margin: 0.5rem auto 0.75rem auto !important;
    box-shadow: 0 0 10px rgba(0, 214, 240, 0.6) !important;
}

#workflow .section-lead-text[b-2z4ll1f7p5],
.workflow-section-wrap .section-lead-text[b-2z4ll1f7p5] {
    color: #CBD5E1 !important;
    font-size: clamp(0.85rem, 1vw, 0.92rem) !important;
    line-height: 1.65 !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    font-weight: 500 !important;
}

/* 3-Cards Equal-Height Balanced Compact Grid */
#workflow .workflow-steps-grid[b-2z4ll1f7p5],
.workflow-section-wrap .workflow-steps-grid[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.15rem !important;
    align-items: stretch !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
}

/* Compact Card Frame Architecture (صغير وأنيق) */
#workflow .workflow-step-card[b-2z4ll1f7p5],
.workflow-section-wrap .workflow-step-card[b-2z4ll1f7p5] {
    background: linear-gradient(180deg, rgba(8, 22, 42, 0.9) 0%, rgba(4, 13, 26, 0.97) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.16) !important;
    border-radius: 14px !important;
    padding: 1.25rem 1.35rem 1.1rem 1.35rem !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
}

/* Luminous subtle hover effect ONLY - No permanent offset on any card */
#workflow .workflow-step-card:hover[b-2z4ll1f7p5],
.workflow-section-wrap .workflow-step-card:hover[b-2z4ll1f7p5] {
    transform: translateY(-4px) !important;
    background: linear-gradient(180deg, rgba(12, 30, 56, 0.94) 0%, rgba(6, 18, 36, 0.98) 100%) !important;
    border-color: rgba(0, 214, 240, 0.5) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.7), 0 0 18px rgba(0, 214, 240, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* Compact Step Number */
#workflow .step-badge-number[b-2z4ll1f7p5],
.workflow-section-wrap .step-badge-number[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 1rem !important;
    left: 1.15rem !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    color: rgba(0, 214, 240, 0.22) !important;
    font-family: 'JetBrains Mono', 'Cairo', monospace !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
    user-select: none !important;
    transition: color 0.3s ease, text-shadow 0.3s ease !important;
}

[dir="ltr"] #workflow .step-badge-number[b-2z4ll1f7p5],
[dir="ltr"] .workflow-section-wrap .step-badge-number[b-2z4ll1f7p5] {
    left: auto !important;
    right: 1.15rem !important;
}

#workflow .workflow-step-card:hover .step-badge-number[b-2z4ll1f7p5],
.workflow-section-wrap .workflow-step-card:hover .step-badge-number[b-2z4ll1f7p5] {
    color: rgba(0, 214, 240, 0.55) !important;
    text-shadow: 0 0 10px rgba(0, 214, 240, 0.3) !important;
}

/* Compact Icon Wrap */
#workflow .step-icon-wrap[b-2z4ll1f7p5],
.workflow-section-wrap .step-icon-wrap[b-2z4ll1f7p5] {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.15rem !important;
    margin-bottom: 0.75rem !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

#workflow .step-icon-wrap.icon-cyan[b-2z4ll1f7p5],
.workflow-section-wrap .step-icon-wrap.icon-cyan[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.12) !important;
    color: #00D6F0 !important;
    border: 1.2px solid rgba(0, 214, 240, 0.35) !important;
    box-shadow: 0 3px 10px rgba(0, 214, 240, 0.1) !important;
}

#workflow .step-icon-wrap.icon-blue[b-2z4ll1f7p5],
.workflow-section-wrap .step-icon-wrap.icon-blue[b-2z4ll1f7p5] {
    background: rgba(2, 132, 199, 0.16) !important;
    color: #38BDF8 !important;
    border: 1.2px solid rgba(56, 189, 248, 0.35) !important;
    box-shadow: 0 3px 10px rgba(56, 189, 248, 0.1) !important;
}

#workflow .step-icon-wrap.icon-emerald[b-2z4ll1f7p5],
.workflow-section-wrap .step-icon-wrap.icon-emerald[b-2z4ll1f7p5] {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #10B981 !important;
    border: 1.2px solid rgba(16, 185, 129, 0.35) !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.1) !important;
}

#workflow .workflow-step-card:hover .step-icon-wrap[b-2z4ll1f7p5],
.workflow-section-wrap .workflow-step-card:hover .step-icon-wrap[b-2z4ll1f7p5] {
    transform: scale(1.05) !important;
}

/* Card Title & Typography */
#workflow .step-card-title[b-2z4ll1f7p5],
.workflow-section-wrap .step-card-title[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.35rem !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px !important;
}

#workflow .step-card-desc[b-2z4ll1f7p5],
.workflow-section-wrap .step-card-desc[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.84rem !important;
    line-height: 1.6 !important;
    margin-bottom: 0.75rem !important;
    flex: 1 !important;
    min-height: 48px !important;
}

/* Card Footer */
#workflow .step-card-footer[b-2z4ll1f7p5],
.workflow-section-wrap .step-card-footer[b-2z4ll1f7p5] {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-top: 0.65rem !important;
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#workflow .step-time-tag[b-2z4ll1f7p5],
.workflow-section-wrap .step-time-tag[b-2z4ll1f7p5] {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #CBD5E1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

/* Bottom Callout Banner - Sleek, Compact Horizontal Strip */
#workflow .workflow-cta-banner[b-2z4ll1f7p5],
.workflow-section-wrap .workflow-cta-banner[b-2z4ll1f7p5] {
    max-width: 1040px !important;
    margin: 1.5rem auto 0 auto !important;
    background: linear-gradient(135deg, rgba(8, 24, 46, 0.92) 0%, rgba(4, 14, 28, 0.96) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.22) !important;
    border-radius: 12px !important;
    padding: 1rem 1.6rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

#workflow .cta-banner-content[b-2z4ll1f7p5],
.workflow-section-wrap .cta-banner-content[b-2z4ll1f7p5] {
    flex: 1 !important;
}

#workflow .cta-banner-title[b-2z4ll1f7p5],
.workflow-section-wrap .cta-banner-title[b-2z4ll1f7p5] {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin: 0 0 0.15rem 0 !important;
    line-height: 1.35 !important;
}

#workflow .cta-banner-desc[b-2z4ll1f7p5],
.workflow-section-wrap .cta-banner-desc[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.82rem !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    max-width: 650px !important;
}

#workflow .cta-banner-actions[b-2z4ll1f7p5],
.workflow-section-wrap .cta-banner-actions[b-2z4ll1f7p5] {
    flex-shrink: 0 !important;
}

#workflow .cta-banner-actions .btn-primary-saas[b-2z4ll1f7p5],
.workflow-section-wrap .cta-banner-actions .btn-primary-saas[b-2z4ll1f7p5] {
    padding: 0.5rem 1.25rem !important;
    font-size: 0.84rem !important;
    border-radius: 50px !important;
}

/* Responsive Breakpoints specifically for #workflow */
@media (max-width: 1024px) {
    #workflow .workflow-steps-grid[b-2z4ll1f7p5],
    .workflow-section-wrap .workflow-steps-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.9rem !important;
    }
    #workflow .workflow-step-card[b-2z4ll1f7p5],
    .workflow-section-wrap .workflow-step-card[b-2z4ll1f7p5] {
        padding: 1.15rem 1.1rem 0.95rem 1.1rem !important;
    }
    #workflow .workflow-cta-banner[b-2z4ll1f7p5],
    .workflow-section-wrap .workflow-cta-banner[b-2z4ll1f7p5] {
        padding: 0.95rem 1.35rem !important;
    }
}

@media (max-width: 860px) {
    #workflow .workflow-steps-grid[b-2z4ll1f7p5],
    .workflow-section-wrap .workflow-steps-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #workflow .step-card-desc[b-2z4ll1f7p5],
    .workflow-section-wrap .step-card-desc[b-2z4ll1f7p5] {
        min-height: auto !important;
    }
    #workflow .workflow-cta-banner[b-2z4ll1f7p5],
    .workflow-section-wrap .workflow-cta-banner[b-2z4ll1f7p5] {
        flex-direction: column !important;
        text-align: center !important;
        gap: 1rem !important;
        max-width: 480px !important;
    }
    #workflow .cta-banner-desc[b-2z4ll1f7p5],
    .workflow-section-wrap .cta-banner-desc[b-2z4ll1f7p5] {
        margin: 0 auto !important;
    }
    #workflow .cta-banner-actions[b-2z4ll1f7p5],
    .workflow-section-wrap .cta-banner-actions[b-2z4ll1f7p5],
    #workflow .cta-banner-actions .btn-primary-saas[b-2z4ll1f7p5],
    .workflow-section-wrap .cta-banner-actions .btn-primary-saas[b-2z4ll1f7p5] {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 576px) {
    #workflow.workflow-section-wrap[b-2z4ll1f7p5],
    .workflow-section-wrap[b-2z4ll1f7p5] {
        padding: clamp(2.5rem, 3.5vw, 3rem) 0 !important;
    }
    #workflow .workflow-step-card[b-2z4ll1f7p5],
    .workflow-section-wrap .workflow-step-card[b-2z4ll1f7p5] {
        padding: 1.1rem 1rem 0.9rem 1rem !important;
        border-radius: 12px !important;
    }
    #workflow .section-main-title[b-2z4ll1f7p5],
    .workflow-section-wrap .section-main-title[b-2z4ll1f7p5] {
        font-size: 1.4rem !important;
    }
    #workflow .cta-banner-title[b-2z4ll1f7p5],
    .workflow-section-wrap .cta-banner-title[b-2z4ll1f7p5] {
        font-size: 1rem !important;
    }
}


/* Responsive Overrides */
@media (max-width: 991.98px) {
    .hero-highlights-strip[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
    }
    .about-stats-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .workflow-steps-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
    }
    .workflow-cta-banner[b-2z4ll1f7p5] {
        flex-direction: column !important;
        text-align: center !important;
        padding: 2rem 1.5rem !important;
    }
}


/* --------------------------------------------------------------------------
   1. HERO SECTION & PROPORTIONATE TERMINAL (MATCHING SCREENSHOT 1.JPG & v24 SPEC)
   Palette:
   - Primary Deep Navy: #071426
   - Mid Navy: #0B1F38
   - Technical Blue: #103B5C
   - Luminous Cyan Accent: #00D6F0
   - Off-White Secondary Text: #D4E1EE
   -------------------------------------------------------------------------- */
.hero-section[b-2z4ll1f7p5] {
    position: relative !important;
    background-color: #071426 !important;
    background-image: 
        radial-gradient(circle at 75% 25%, rgba(0, 214, 240, 0.12) 0%, transparent 45%),
        radial-gradient(circle at 20% 70%, rgba(16, 59, 92, 0.28) 0%, transparent 50%),
        linear-gradient(180deg, #071426 0%, #0B1F38 50%, #071426 100%) !important;
    color: #FFFFFF !important;
    padding: 2.5rem 0 3.5rem 0 !important;
    overflow: hidden !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.15) !important;
}

.hero-cinematic-bg[b-2z4ll1f7p5] {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.hero-ambient-mesh[b-2z4ll1f7p5] {
    position: absolute !important;
    inset: 0 !important;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(16, 59, 92, 0.18) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(0, 214, 240, 0.08) 0%, transparent 45%) !important;
}

.hero-light-orb.orb-cyan[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 15% !important;
    right: 25% !important;
    width: 480px !important;
    height: 480px !important;
    background: radial-gradient(circle, rgba(0, 214, 240, 0.15) 0%, transparent 70%) !important;
    filter: blur(85px) !important;
}

.hero-light-orb.orb-blue[b-2z4ll1f7p5] {
    position: absolute !important;
    bottom: 10% !important;
    left: 20% !important;
    width: 440px !important;
    height: 440px !important;
    background: radial-gradient(circle, rgba(16, 59, 92, 0.25) 0%, transparent 70%) !important;
    filter: blur(80px) !important;
}

/* Tightly-coupled, proportionate Hero Container */
.hero-container[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: row-reverse !important; /* In RTL: Text on Right, Terminal on Left */
    align-items: center !important;
    justify-content: center !important;
    gap: 2.5rem !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
}

[dir="ltr"] .hero-container[b-2z4ll1f7p5], .theme-en .hero-container[b-2z4ll1f7p5] {
    flex-direction: row !important; /* In LTR: Text on Left, Terminal on Right */
}

/* Right Content Group */
.hero-content-group[b-2z4ll1f7p5] {
    flex: 1 1 52% !important;
    max-width: 590px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

[dir="ltr"] .hero-content-group[b-2z4ll1f7p5] {
    align-items: flex-start !important;
    text-align: left !important;
}

.hero-pill-badge[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    background: rgba(11, 31, 56, 0.8) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    color: #00D6F0 !important;
    padding: 0.45rem 1.15rem !important;
    border-radius: 9999px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.35rem !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4), 0 0 14px rgba(0, 214, 240, 0.12) !important;
}

.badge-dot[b-2z4ll1f7p5] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #10B981 !important;
    box-shadow: 0 0 10px #10B981 !important;
    animation: livePulse 2s infinite ease-in-out !important;
    display: inline-block !important;
}

.hero-title[b-2z4ll1f7p5] {
    font-size: clamp(2.1rem, 3.2vw, 2.9rem) !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    color: #FFFFFF !important;
    margin: 0 0 1.15rem 0 !important;
    letter-spacing: -0.5px !important;
}

.hero-heading-white[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    display: block !important;
}

.hero-heading-sub[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    margin-top: 0.2rem !important;
}

.text-gradient[b-2z4ll1f7p5], .hero-heading-gradient[b-2z4ll1f7p5] {
    background: linear-gradient(135deg, #00D6F0 0%, #38BDF8 40%, #67E8F9 75%, #FFFFFF 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
    text-shadow: 0 0 35px rgba(0, 214, 240, 0.25) !important;
}

.hero-lead[b-2z4ll1f7p5] {
    font-size: 1.05rem !important;
    color: #D4E1EE !important;
    line-height: 1.8 !important;
    margin-bottom: 1.85rem !important;
    max-width: 580px !important;
}

.lead-highlight[b-2z4ll1f7p5] {
    color: #00D6F0 !important;
    font-weight: 800 !important;
}

.hero-actions-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
    margin-bottom: 2rem !important;
    width: 100% !important;
}

.btn-primary-saas[b-2z4ll1f7p5] {
    background: linear-gradient(135deg, #00D6F0 0%, #00B4D8 100%) !important;
    color: #071426 !important;
    font-weight: 900 !important;
    font-size: 0.95rem !important;
    padding: 0.8rem 1.85rem !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    text-decoration: none !important;
    box-shadow: 0 4px 20px rgba(0, 214, 240, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-primary-saas:hover[b-2z4ll1f7p5] {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 32px rgba(0, 214, 240, 0.65) !important;
    color: #071426 !important;
}

.btn-secondary-saas[b-2z4ll1f7p5] {
    background: rgba(11, 31, 56, 0.65) !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    padding: 0.78rem 1.55rem !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-secondary-saas:hover[b-2z4ll1f7p5] {
    background: rgba(16, 59, 92, 0.4) !important;
    border-color: #00D6F0 !important;
    color: #00D6F0 !important;
    transform: translateY(-2px) !important;
}

.hero-hotline-pill[b-2z4ll1f7p5] {
    background: rgba(11, 31, 56, 0.65) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    color: #00D6F0 !important;
    padding: 0.72rem 1.35rem !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.hero-hotline-pill:hover[b-2z4ll1f7p5] {
    background: rgba(16, 59, 92, 0.4) !important;
    color: #FFFFFF !important;
    border-color: #00D6F0 !important;
    transform: translateY(-1px) !important;
}

/* Stats Bar */
.hero-stats-bar[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 1.5rem !important;
    background: rgba(11, 31, 56, 0.8) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 214, 240, 0.08) !important;
    padding: 0.95rem 1.65rem !important;
    width: fit-content !important;
}

.stat-cell[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
}

.stat-number[b-2z4ll1f7p5] {
    font-size: 1.45rem !important;
    font-weight: 900 !important;
    color: #00D6F0 !important;
    line-height: 1.2 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.stat-label[b-2z4ll1f7p5] {
    font-size: 0.78rem !important;
    color: #D4E1EE !important;
    font-weight: 700 !important;
    margin-top: 0.2rem !important;
}

.stat-sep[b-2z4ll1f7p5] {
    width: 1px !important;
    height: 32px !important;
    background: rgba(212, 225, 238, 0.15) !important;
}

/* --------------------------------------------------------------------------
   TERMINAL SCREEN COMPONENT (CLOSE, PROPORTIONATE & HIGH TECH)
   -------------------------------------------------------------------------- */
.hero-terminal-block[b-2z4ll1f7p5] {
    flex: 1 1 48% !important;
    max-width: 520px !important;
    width: 100% !important;
    position: relative !important;
    z-index: 5 !important;
}

.terminal-frame[b-2z4ll1f7p5] {
    background: rgba(11, 31, 56, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 214, 240, 0.16) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

.terminal-frame:hover[b-2z4ll1f7p5] {
    transform: translateY(-4px) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.75), 0 0 40px rgba(0, 214, 240, 0.28) !important;
    border-color: #00D6F0 !important;
}

.terminal-topbar[b-2z4ll1f7p5] {
    background: rgba(7, 20, 38, 0.95) !important;
    padding: 0.85rem 1.25rem !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.terminal-lights[b-2z4ll1f7p5] {
    display: flex !important;
    gap: 6px !important;
}

.terminal-lights .light[b-2z4ll1f7p5] {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}
.terminal-lights .light.red[b-2z4ll1f7p5] { background: #EF4444 !important; }
.terminal-lights .light.yellow[b-2z4ll1f7p5] { background: #F59E0B !important; }
.terminal-lights .light.green[b-2z4ll1f7p5] { background: #10B981 !important; }

.terminal-headline[b-2z4ll1f7p5] {
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #D4E1EE !important;
    letter-spacing: 0.5px !important;
}

.terminal-live-tag[b-2z4ll1f7p5] {
    font-size: 0.72rem !important;
    color: #10B981 !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.terminal-inner[b-2z4ll1f7p5] {
    padding: 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

.terminal-kpi-grid[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.95rem !important;
}

.kpi-box[b-2z4ll1f7p5] {
    background: rgba(7, 20, 38, 0.75) !important;
    border: 1px solid rgba(0, 214, 240, 0.18) !important;
    border-radius: 12px !important;
    padding: 0.95rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

.kpi-box:hover[b-2z4ll1f7p5] {
    background: rgba(16, 59, 92, 0.75) !important;
    border-color: #00D6F0 !important;
    transform: translateY(-2px) !important;
}

.kpi-head[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.kpi-head i[b-2z4ll1f7p5] {
    font-size: 1.25rem !important;
}

.kpi-state[b-2z4ll1f7p5] {
    font-size: 0.65rem !important;
    color: #D4E1EE !important;
    font-weight: 700 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.kpi-title[b-2z4ll1f7p5] {
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    line-height: 1.3 !important;
}

.kpi-value[b-2z4ll1f7p5] {
    font-size: 0.75rem !important;
    color: #00D6F0 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
    font-weight: 700 !important;
}

.terminal-stream-row[b-2z4ll1f7p5] {
    background: rgba(7, 20, 38, 0.75) !important;
    border: 1px solid rgba(0, 214, 240, 0.2) !important;
    border-radius: 12px !important;
    padding: 0.95rem 1.15rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.95rem !important;
}

.stream-info[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

.stream-main[b-2z4ll1f7p5] {
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    line-height: 1.3 !important;
}

.stream-sub[b-2z4ll1f7p5] {
    font-size: 0.76rem !important;
    color: #D4E1EE !important;
    line-height: 1.4 !important;
}

/* --------------------------------------------------------------------------
   FIX RESTAURANT MODAL LOGO (COMPACT, NEAT & NOT GIGANTIC)
   -------------------------------------------------------------------------- */
.m-logo-box[b-2z4ll1f7p5] {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    overflow: hidden !important;
}

.m-logo-box img[b-2z4ll1f7p5] {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
}


/* ==========================================================================
   MULTI-DEVICE RESPONSIVE ENGINE (375px, 390px, 768px, 1366px, 1920px)
   ========================================================================== */

/* 1. Mobile Devices (375px & 390px - iPhones & Smartphones) */
@media (max-width: 480px) {
    .hero-section[b-2z4ll1f7p5] {
        padding: 1.25rem 0 2rem 0 !important;
        min-height: auto !important;
    }

    .hero-container[b-2z4ll1f7p5] {
        flex-direction: column !important;
        gap: 1.75rem !important;
        padding: 0 1rem !important;
    }

    .hero-content-group[b-2z4ll1f7p5] {
        max-width: 100% !important;
        text-align: center !important;
        align-items: center !important;
    }

    .hero-title[b-2z4ll1f7p5] {
        font-size: clamp(1.75rem, 7vw, 2.1rem) !important;
        line-height: 1.25 !important;
    }

    .hero-lead[b-2z4ll1f7p5] {
        font-size: 0.95rem !important;
        line-height: 1.65 !important;
        margin-bottom: 1.5rem !important;
    }

    .hero-actions-row[b-2z4ll1f7p5] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.75rem !important;
    }

    .btn-primary-saas[b-2z4ll1f7p5], .btn-secondary-saas[b-2z4ll1f7p5], .hero-hotline-pill[b-2z4ll1f7p5] {
        width: 100% !important;
        justify-content: center !important;
        padding: 0.85rem 1.25rem !important;
    }

    .hero-stats-bar[b-2z4ll1f7p5] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.85rem !important;
        width: 100% !important;
        padding: 0.95rem !important;
        box-sizing: border-box !important;
    }

    .stat-sep[b-2z4ll1f7p5] {
        display: none !important;
    }

    .hero-terminal-block[b-2z4ll1f7p5], .hero-visual-block[b-2z4ll1f7p5] {
        max-width: 100% !important;
    }

    .terminal-inner[b-2z4ll1f7p5] {
        padding: 1rem !important;
        gap: 0.95rem !important;
    }

    .terminal-kpi-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.65rem !important;
    }

    .kpi-box[b-2z4ll1f7p5] {
        padding: 0.75rem !important;
    }

    .kpi-title[b-2z4ll1f7p5] {
        font-size: 0.78rem !important;
    }

    .kpi-value[b-2z4ll1f7p5] {
        font-size: 0.7rem !important;
    }

    .hero-highlights-strip[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .services-cards-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .solutions-features-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .workflow-steps-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .about-pillars-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
    }

    .about-stats-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.85rem !important;
    }

    .elite-footer-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
}

/* 2. Tablet Devices (768px - iPads & Tablets) */
@media (min-width: 481px) and (max-width: 991.98px) {
    .hero-section[b-2z4ll1f7p5] {
        padding: 1.5rem 0 2.5rem 0 !important;
    }

    .hero-container[b-2z4ll1f7p5] {
        flex-direction: column !important;
        gap: 2.25rem !important;
        padding: 0 1.5rem !important;
        max-width: 720px !important;
    }

    .hero-content-group[b-2z4ll1f7p5] {
        max-width: 100% !important;
        text-align: center !important;
        align-items: center !important;
    }

    .hero-actions-row[b-2z4ll1f7p5] {
        justify-content: center !important;
    }

    .hero-stats-bar[b-2z4ll1f7p5] {
        justify-content: center !important;
    }

    .hero-terminal-block[b-2z4ll1f7p5], .hero-visual-block[b-2z4ll1f7p5] {
        max-width: 580px !important;
    }

    .services-cards-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }

    .solutions-features-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }

    .workflow-steps-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .about-pillars-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }

    .about-stats-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }

    .elite-footer-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
    }
}

/* 3. Laptops & Compact Desktops (1366px Standard Displays) */
@media (min-width: 992px) and (max-width: 1440px) {
    .hero-container[b-2z4ll1f7p5] {
        max-width: 1220px !important;
        gap: 2.25rem !important;
        justify-content: center !important;
    }

    .hero-content-group[b-2z4ll1f7p5] {
        flex: 1 1 53% !important;
        max-width: 580px !important;
    }

    .hero-terminal-block[b-2z4ll1f7p5] {
        flex: 1 1 47% !important;
        max-width: 500px !important;
    }
}

/* 4. Large Screens (1920px Full HD & 4K Monitors) */
@media (min-width: 1441px) {
    .hero-container[b-2z4ll1f7p5] {
        max-width: 1320px !important;
        gap: 3rem !important;
        justify-content: center !important;
        margin: 0 auto !important;
    }

    .hero-content-group[b-2z4ll1f7p5] {
        flex: 1 1 52% !important;
        max-width: 620px !important;
    }

    .hero-terminal-block[b-2z4ll1f7p5] {
        flex: 1 1 48% !important;
        max-width: 540px !important;
    }
}


/* --------------------------------------------------------------------------
   COMPACT EXECUTIVE SERVICES GRID (تنسيق واختصار بطاقات الخدمات)
   -------------------------------------------------------------------------- */
.services-compact-grid[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.75rem !important;
    margin-top: 3rem !important;
}

.service-compact-card[b-2z4ll1f7p5] {
    background: #0A1C30 !important;
    border: 1px solid rgba(24, 200, 248, 0.18) !important;
    border-top: 3px solid rgba(24, 200, 248, 0.35) !important;
    border-radius: 16px !important;
    padding: 1.75rem !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
    position: relative !important;
    min-height: 250px !important;
}

.service-compact-card:hover[b-2z4ll1f7p5] {
    transform: translateY(-6px) !important;
    background: #0E2744 !important;
    border-top-color: #00E5FF !important;
    border-color: rgba(0, 229, 255, 0.45) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.65), 0 0 22px rgba(0, 229, 255, 0.2) !important;
}

.compact-card-top[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 1.15rem !important;
}

.compact-icon-wrap[b-2z4ll1f7p5] {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.25), rgba(0, 229, 255, 0.18)) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    color: #00E5FF !important;
    font-size: 1.4rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 229, 255, 0.15) !important;
}

.compact-badge-pill[b-2z4ll1f7p5] {
    background: rgba(6, 19, 34, 0.85) !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    color: #00E5FF !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    padding: 0.28rem 0.75rem !important;
    border-radius: 9999px !important;
}

.compact-card-title[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    margin: 0 0 0.55rem 0 !important;
    line-height: 1.35 !important;
}

.compact-card-desc[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.88rem !important;
    line-height: 1.65 !important;
    margin-bottom: 1.15rem !important;
    flex: 1 !important;
}

.compact-features-pills[b-2z4ll1f7p5] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.45rem !important;
    margin-bottom: 1.25rem !important;
}

.compact-feat-tag[b-2z4ll1f7p5] {
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    color: #CBD5E1 !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 9999px !important;
    padding: 0.22rem 0.65rem !important;
    display: inline-flex !important;
    align-items: center !important;
}

.compact-card-action[b-2z4ll1f7p5] {
    margin-top: auto !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.compact-explore-link[b-2z4ll1f7p5] {
    color: #00E5FF !important;
    font-size: 0.86rem !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.22s ease !important;
}

.service-compact-card:hover .compact-explore-link[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    transform: translateX(-4px) !important;
}

[dir="ltr"] .service-compact-card:hover .compact-explore-link[b-2z4ll1f7p5] {
    transform: translateX(4px) !important;
}

/* ==========================================================================
   EXECUTIVE COMPREHENSIVE INTEGRATION CORE (منظومة الربط الشامل — فائقة الاحترافية)
   High-Tech Glassmorphism, Micro-Badges, Glowing Cyber Medallions & Luminous Accents
   ========================================================================== */
#solutions.solutions-section-wrap[b-2z4ll1f7p5],
.solutions-section-wrap[b-2z4ll1f7p5] {
    position: relative !important;
    background-color: #030816 !important;
    background-image: 
        radial-gradient(circle at 50% 18%, rgba(0, 214, 240, 0.14) 0%, transparent 60%),
        radial-gradient(circle at 10% 75%, rgba(2, 132, 199, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 90% 75%, rgba(245, 158, 11, 0.06) 0%, transparent 50%),
        linear-gradient(180deg, #020713 0%, #041022 50%, #020713 100%) !important;
    padding: clamp(5rem, 6.5vw, 7.5rem) 0 !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(0, 214, 240, 0.16) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.16) !important;
    color: #FFFFFF !important;
}

#solutions .solutions-ambient-bg[b-2z4ll1f7p5],
.solutions-section-wrap .solutions-ambient-bg[b-2z4ll1f7p5] {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

#solutions .solutions-mesh-grid[b-2z4ll1f7p5],
.solutions-section-wrap .solutions-mesh-grid[b-2z4ll1f7p5] {
    position: absolute !important;
    inset: 0 !important;
    background-image: 
        linear-gradient(to right, rgba(0, 214, 240, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 214, 240, 0.04) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
    mask-image: radial-gradient(circle at 50% 35%, black 40%, transparent 80%) !important;
    -webkit-mask-image: radial-gradient(circle at 50% 35%, black 40%, transparent 80%) !important;
}

#solutions .ambient-glow-orb[b-2z4ll1f7p5],
.solutions-section-wrap .ambient-glow-orb[b-2z4ll1f7p5] {
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    filter: blur(80px) !important;
    opacity: 0.28 !important;
}

#solutions .orb-left-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .orb-left-cyan[b-2z4ll1f7p5] {
    top: 15% !important;
    left: -5% !important;
    width: 420px !important;
    height: 420px !important;
    background: radial-gradient(circle, rgba(0, 214, 240, 0.35) 0%, transparent 70%) !important;
}

#solutions .orb-right-blue[b-2z4ll1f7p5],
.solutions-section-wrap .orb-right-blue[b-2z4ll1f7p5] {
    top: 25% !important;
    right: -5% !important;
    width: 440px !important;
    height: 440px !important;
    background: radial-gradient(circle, rgba(20, 127, 193, 0.3) 0%, transparent 70%) !important;
}

#solutions .solutions-container[b-2z4ll1f7p5],
.solutions-section-wrap .solutions-container[b-2z4ll1f7p5] {
    position: relative !important;
    z-index: 3 !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

/* Header Elements */
#solutions .section-header-block[b-2z4ll1f7p5],
.solutions-section-wrap .section-header-block[b-2z4ll1f7p5] {
    max-width: 840px !important;
    margin: 0 auto 3.75rem auto !important;
    text-align: center !important;
}

#solutions .section-tag-pill[b-2z4ll1f7p5],
.solutions-section-wrap .section-tag-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    background: rgba(4, 20, 42, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.5) !important;
    border-radius: 50px !important;
    padding: 0.45rem 1.4rem !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 25px rgba(0, 214, 240, 0.25) !important;
    margin-bottom: 1.35rem !important;
    letter-spacing: 0.3px !important;
}

#solutions .pill-radar-dot[b-2z4ll1f7p5],
.solutions-section-wrap .pill-radar-dot[b-2z4ll1f7p5] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #00D6F0 !important;
    box-shadow: 0 0 10px #00D6F0 !important;
    animation: pulseBeacon 1.8s infinite !important;
    display: inline-block !important;
}

#solutions .section-main-title[b-2z4ll1f7p5],
.solutions-section-wrap .section-main-title[b-2z4ll1f7p5] {
    font-size: clamp(2.1rem, 3.8vw, 3rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    margin-bottom: 1.15rem !important;
}

#solutions .text-gradient-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .text-gradient-cyan[b-2z4ll1f7p5] {
    background: linear-gradient(135deg, #00D6F0 0%, #38BDF8 50%, #93C5FD 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

#solutions .section-lead-text[b-2z4ll1f7p5],
.solutions-section-wrap .section-lead-text[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: clamp(0.95rem, 1.2vw, 1.08rem) !important;
    line-height: 1.85 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* 3 Architectural Cards Grid */
#solutions .solutions-interconnected-grid[b-2z4ll1f7p5],
.solutions-section-wrap .solutions-interconnected-grid[b-2z4ll1f7p5] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem !important;
    margin-bottom: 2.75rem !important;
    align-items: stretch !important;
}

/* Base Card Architecture */
#solutions .solution-pillar-card[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card[b-2z4ll1f7p5] {
    background: linear-gradient(180deg, rgba(8, 24, 48, 0.9) 0%, rgba(4, 13, 27, 0.98) 100%) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 24px !important;
    padding: 2.5rem 2rem 2rem 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

/* Top Accent Line on Cards */
#solutions .card-top-accent[b-2z4ll1f7p5],
.solutions-section-wrap .card-top-accent[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 0 !important;
    left: 12% !important;
    right: 12% !important;
    height: 2.5px !important;
    border-radius: 9999px !important;
    pointer-events: none !important;
    transition: all 0.35s ease !important;
}

/* Card 1 & 3: Cyan Theme */
#solutions .solution-pillar-card.pillar-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-cyan[b-2z4ll1f7p5] {
    border: 1.5px solid rgba(0, 214, 240, 0.35) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 25px rgba(0, 214, 240, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

#solutions .solution-pillar-card.pillar-cyan .card-top-accent[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-cyan .card-top-accent[b-2z4ll1f7p5] {
    background: linear-gradient(90deg, transparent, #00D6F0, transparent) !important;
    box-shadow: 0 0 12px #00D6F0 !important;
}

#solutions .solution-pillar-card.pillar-cyan:hover[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-cyan:hover[b-2z4ll1f7p5] {
    border-color: #00D6F0 !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.85), 0 0 40px rgba(0, 214, 240, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Card 2: Gold Theme */
#solutions .solution-pillar-card.pillar-gold[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-gold[b-2z4ll1f7p5] {
    background: linear-gradient(180deg, rgba(20, 25, 42, 0.9) 0%, rgba(6, 12, 24, 0.98) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 25px rgba(245, 158, 11, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

#solutions .solution-pillar-card.pillar-gold .card-top-accent[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-gold .card-top-accent[b-2z4ll1f7p5] {
    background: linear-gradient(90deg, transparent, #F59E0B, transparent) !important;
    box-shadow: 0 0 12px #F59E0B !important;
}

#solutions .solution-pillar-card.pillar-gold:hover[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-gold:hover[b-2z4ll1f7p5] {
    border-color: #F59E0B !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.85), 0 0 40px rgba(245, 158, 11, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Card Header Row */
#solutions .pillar-header-row[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-header-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 1.6rem !important;
}

#solutions .pillar-identity-wrap[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-identity-wrap[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

#solutions .pillar-step-number[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-step-number[b-2z4ll1f7p5] {
    font-size: 2.4rem !important;
    font-weight: 900 !important;
    font-family: 'JetBrains Mono', 'Cairo', monospace !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
}

#solutions .pillar-step-number.text-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-step-number.text-cyan[b-2z4ll1f7p5] {
    color: #00D6F0 !important;
    text-shadow: 0 0 20px rgba(0, 214, 240, 0.6) !important;
}

#solutions .pillar-step-number.text-gold[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-step-number.text-gold[b-2z4ll1f7p5] {
    color: #F59E0B !important;
    text-shadow: 0 0 20px rgba(245, 158, 11, 0.6) !important;
}

#solutions .pillar-category-badge[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-category-badge[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    border-radius: 50px !important;
    padding: 0.38rem 0.95rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

#solutions .badge-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .badge-cyan[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.45) !important;
    color: #00D6F0 !important;
}

#solutions .badge-gold[b-2z4ll1f7p5],
.solutions-section-wrap .badge-gold[b-2z4ll1f7p5] {
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: #F59E0B !important;
}

#solutions .badge-pulse-dot[b-2z4ll1f7p5],
.solutions-section-wrap .badge-pulse-dot[b-2z4ll1f7p5] {
    width: 6.5px !important;
    height: 6.5px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    animation: pulseBeacon 1.8s infinite !important;
    flex-shrink: 0 !important;
}

#solutions .dot-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .dot-cyan[b-2z4ll1f7p5] {
    background: #00D6F0 !important;
    box-shadow: 0 0 8px #00D6F0 !important;
}

#solutions .dot-gold[b-2z4ll1f7p5],
.solutions-section-wrap .dot-gold[b-2z4ll1f7p5] {
    background: #F59E0B !important;
    box-shadow: 0 0 8px #F59E0B !important;
}

/* Cyber Technical Icon Medallion */
#solutions .pillar-icon-medallion[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-icon-medallion[b-2z4ll1f7p5] {
    width: 58px !important;
    height: 58px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.65rem !important;
    flex-shrink: 0 !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
}

#solutions .medallion-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .medallion-cyan[b-2z4ll1f7p5] {
    background: linear-gradient(135deg, rgba(0, 214, 240, 0.22) 0%, rgba(2, 132, 199, 0.12) 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.45) !important;
    color: #00D6F0 !important;
    box-shadow: 0 8px 25px rgba(0, 214, 240, 0.25) !important;
}

#solutions .medallion-gold[b-2z4ll1f7p5],
.solutions-section-wrap .medallion-gold[b-2z4ll1f7p5] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.22) 0%, rgba(217, 119, 6, 0.12) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    color: #F59E0B !important;
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.25) !important;
}

#solutions .solution-pillar-card:hover .pillar-icon-medallion[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card:hover .pillar-icon-medallion[b-2z4ll1f7p5] {
    transform: scale(1.1) rotate(-3deg) !important;
}

/* Card Body Content */
#solutions .pillar-card-title[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-card-title[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    margin-bottom: 0.85rem !important;
    letter-spacing: -0.2px !important;
}

#solutions .pillar-card-desc[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-card-desc[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.92rem !important;
    line-height: 1.75 !important;
    margin-bottom: 1.6rem !important;
    min-height: 68px !important;
}

/* Feature Checklist Micro-Cards */
#solutions .pillar-features-list[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-features-list[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.8rem !important;
    margin-bottom: 1.85rem !important;
}

#solutions .feature-item[b-2z4ll1f7p5],
.solutions-section-wrap .feature-item[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 0.75rem 1rem !important;
    transition: all 0.25s ease !important;
}

#solutions .solution-pillar-card.pillar-cyan .feature-item:hover[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-cyan .feature-item:hover[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.06) !important;
    border-color: rgba(0, 214, 240, 0.3) !important;
    transform: translateX(-3px) !important;
}

#solutions .solution-pillar-card.pillar-gold .feature-item:hover[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-gold .feature-item:hover[b-2z4ll1f7p5] {
    background: rgba(245, 158, 11, 0.06) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    transform: translateX(-3px) !important;
}

#solutions .feature-check-icon[b-2z4ll1f7p5],
.solutions-section-wrap .feature-check-icon[b-2z4ll1f7p5] {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.85rem !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
}

#solutions .check-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .check-cyan[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.15) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.5) !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 10px rgba(0, 214, 240, 0.3) !important;
}

#solutions .check-gold[b-2z4ll1f7p5],
.solutions-section-wrap .check-gold[b-2z4ll1f7p5] {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.5) !important;
    color: #F59E0B !important;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.3) !important;
}

#solutions .feature-text[b-2z4ll1f7p5],
.solutions-section-wrap .feature-text[b-2z4ll1f7p5] {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #E2E8F0 !important;
    line-height: 1.5 !important;
}

/* Bottom Status Capsule Bar */
#solutions .pillar-status-pill[b-2z4ll1f7p5],
.solutions-section-wrap .pillar-status-pill[b-2z4ll1f7p5] {
    border-radius: 14px !important;
    padding: 0.9rem 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.6rem !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-top: auto !important;
    letter-spacing: 0.3px !important;
    transition: all 0.3s ease !important;
}

#solutions .bar-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .bar-cyan[b-2z4ll1f7p5] {
    background: linear-gradient(90deg, rgba(0, 214, 240, 0.16) 0%, rgba(2, 132, 199, 0.28) 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.55) !important;
    color: #00D6F0 !important;
    box-shadow: 0 4px 20px rgba(0, 214, 240, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

#solutions .bar-gold[b-2z4ll1f7p5],
.solutions-section-wrap .bar-gold[b-2z4ll1f7p5] {
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.16) 0%, rgba(217, 119, 6, 0.28) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.55) !important;
    color: #F59E0B !important;
    box-shadow: 0 4px 20px rgba(245, 158, 11, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

#solutions .solution-pillar-card.pillar-cyan:hover .bar-cyan[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-cyan:hover .bar-cyan[b-2z4ll1f7p5] {
    box-shadow: 0 6px 25px rgba(0, 214, 240, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

#solutions .solution-pillar-card.pillar-gold:hover .bar-gold[b-2z4ll1f7p5],
.solutions-section-wrap .solution-pillar-card.pillar-gold:hover .bar-gold[b-2z4ll1f7p5] {
    box-shadow: 0 6px 25px rgba(245, 158, 11, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

#solutions .status-pulse-dot[b-2z4ll1f7p5],
.solutions-section-wrap .status-pulse-dot[b-2z4ll1f7p5] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    animation: pulseBeacon 1.8s infinite !important;
    flex-shrink: 0 !important;
}

/* Carousel Dots Indicator */
#solutions .solutions-carousel-dots[b-2z4ll1f7p5],
.solutions-section-wrap .solutions-carousel-dots[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    margin-top: 1rem !important;
}

#solutions .solutions-carousel-dots .dot[b-2z4ll1f7p5],
.solutions-section-wrap .solutions-carousel-dots .dot[b-2z4ll1f7p5] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(0, 214, 240, 0.3) !important;
    transition: all 0.3s ease !important;
}

#solutions .solutions-carousel-dots .dot.active[b-2z4ll1f7p5],
.solutions-section-wrap .solutions-carousel-dots .dot.active[b-2z4ll1f7p5] {
    width: 24px !important;
    border-radius: 12px !important;
    background: #00D6F0 !important;
    box-shadow: 0 0 14px #00D6F0 !important;
}

/* Responsive Overrides specifically for #solutions */
@media (max-width: 1024px) {
    #solutions .solutions-interconnected-grid[b-2z4ll1f7p5],
    .solutions-section-wrap .solutions-interconnected-grid[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        max-width: 680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {
    #solutions.solutions-section-wrap[b-2z4ll1f7p5],
    .solutions-section-wrap[b-2z4ll1f7p5] {
        padding: 4rem 0 3.5rem 0 !important;
    }
    #solutions .section-header-block[b-2z4ll1f7p5],
    .solutions-section-wrap .section-header-block[b-2z4ll1f7p5] {
        margin-bottom: 2.5rem !important;
    }
    #solutions .solution-pillar-card[b-2z4ll1f7p5],
    .solutions-section-wrap .solution-pillar-card[b-2z4ll1f7p5] {
        padding: 2rem 1.4rem 1.6rem 1.4rem !important;
        border-radius: 20px !important;
    }
    #solutions .pillar-card-title[b-2z4ll1f7p5],
    .solutions-section-wrap .pillar-card-title[b-2z4ll1f7p5] {
        font-size: 1.25rem !important;
    }
    #solutions .pillar-status-pill[b-2z4ll1f7p5],
    .solutions-section-wrap .pillar-status-pill[b-2z4ll1f7p5] {
        font-size: 0.88rem !important;
        padding: 0.75rem 1rem !important;
    }
}


/* ==========================================================================
   PARTNERS SECTION: CENTERED COHESIVE HEADER & CLIENT MODAL CARD WITH NAV
   ========================================================================== */

/* 1. Centered Header Cluster for Partners Section */
.clients-header-centered-cluster[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.5rem !important;
    flex-wrap: wrap !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.clients-title-group[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.65rem !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.luxury-marquee-head-wrap[b-2z4ll1f7p5] {
    padding: 1.25rem 0 !important;
    text-align: center !important;
}

.clients-bar-title[b-2z4ll1f7p5] {
    font-size: 1.28rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    display: inline-block !important;
}

.clients-bar-sub[b-2z4ll1f7p5] {
    font-size: 0.95rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.clients-bar-meta[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    border-radius: 50px !important;
    padding: 0.35rem 1.1rem !important;
    color: #FBBF24 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.15) !important;
}

/* 2. Centered Client Modal Dialog (بطاقة في المنتصف) */
.client-modal-backdrop[b-2z4ll1f7p5] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(2, 8, 18, 0.78) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    z-index: 10050 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.5rem !important;
    animation: clientBackdropFade-b-2z4ll1f7p5 0.22s ease-out !important;
}

@keyframes clientBackdropFade-b-2z4ll1f7p5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.client-modal-dialog[b-2z4ll1f7p5] {
    position: relative !important;
    width: 100% !important;
    max-width: 720px !important;
    max-height: 88vh !important;
    background: linear-gradient(180deg, #07172B 0%, #0A2038 55%, #051326 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85), 0 0 40px rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    animation: clientModalZoom-b-2z4ll1f7p5 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 10060 !important;
}

@keyframes clientModalZoom-b-2z4ll1f7p5 {
    from {
        opacity: 0;
        transform: scale(0.92) translateY(12px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Topbar in Modal */
.client-modal-topbar[b-2z4ll1f7p5] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.modal-counter-badge[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    border-radius: 50px !important;
    padding: 0.2rem 0.65rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Navigation step buttons in header */
.btn-client-nav-step[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.28) !important;
    color: #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 0.32rem 0.75rem !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}

.btn-client-nav-step:hover[b-2z4ll1f7p5] {
    background: #00D6F0 !important;
    color: #031326 !important;
    border-color: #00D6F0 !important;
    box-shadow: 0 0 12px rgba(0, 214, 240, 0.4) !important;
    transform: translateY(-1px) !important;
}

.modal-nav-sep[b-2z4ll1f7p5] {
    width: 1px !important;
    height: 18px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    margin: 0 0.35rem !important;
}

/* Floating Navigation Arrows (Desktop) */
.btn-modal-floating-arrow[b-2z4ll1f7p5] {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: rgba(6, 22, 44, 0.85) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
    font-size: 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 214, 240, 0.2) !important;
    z-index: 10070 !important;
    margin: 0 1.25rem !important;
    flex-shrink: 0 !important;
}

.btn-modal-floating-arrow:hover[b-2z4ll1f7p5] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    border-color: #00D6F0 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.7), 0 0 30px rgba(0, 214, 240, 0.5) !important;
}

/* Navigation Arrows in Footer */
.btn-action-nav-arrow[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.1) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    color: #00D6F0 !important;
}

.btn-action-nav-arrow:hover[b-2z4ll1f7p5] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    box-shadow: 0 0 15px rgba(0, 214, 240, 0.4) !important;
}

/* Modal Body */
.client-modal-body[b-2z4ll1f7p5] {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    padding: 1.5rem 1.6rem !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0, 214, 240, 0.35) transparent !important;
}

.client-modal-body[b-2z4ll1f7p5]::-webkit-scrollbar {
    width: 5px !important;
}

.client-modal-body[b-2z4ll1f7p5]::-webkit-scrollbar-thumb {
    background: rgba(0, 214, 240, 0.35) !important;
    border-radius: 10px !important;
}

/* Modal Footer */
.client-modal-footer[b-2z4ll1f7p5] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

@media (max-width: 768px) {
    .client-modal-backdrop[b-2z4ll1f7p5] {
        padding: 0.75rem !important;
    }
    .client-modal-dialog[b-2z4ll1f7p5] {
        max-height: 94vh !important;
        border-radius: 18px !important;
    }
    .client-modal-body[b-2z4ll1f7p5] {
        padding: 1.15rem 1rem !important;
    }
    .client-modal-topbar[b-2z4ll1f7p5], .client-modal-footer[b-2z4ll1f7p5] {
        padding: 0.85rem 1rem !important;
    }
    .clients-header-centered-cluster[b-2z4ll1f7p5] {
        gap: 0.75rem !important;
    }
}



/* ==========================================================================
   SIMPLIFIED & CLEAR CLIENT CARD (بطاقة عملاء مبسطة وواضحة بدون تعقيد)
   ========================================================================== */
.client-modal-backdrop[b-2z4ll1f7p5] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(2, 8, 18, 0.8) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    z-index: 10050 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.25rem !important;
    animation: clientBackdropFade-b-2z4ll1f7p5 0.2s ease-out !important;
}

@keyframes clientBackdropFade-b-2z4ll1f7p5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.client-modal-card[b-2z4ll1f7p5] {
    position: relative !important;
    width: 100% !important;
    max-width: 560px !important;
    background: linear-gradient(180deg, #07172B 0%, #0A2038 60%, #051326 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 35px rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    animation: clientModalZoom-b-2z4ll1f7p5 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes clientModalZoom-b-2z4ll1f7p5 {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* 1. Topbar */
.client-card-topbar[b-2z4ll1f7p5] {
    padding: 0.85rem 1.25rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.card-topbar-start[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

.client-verified-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
}

.client-count-pill[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    border-radius: 50px !important;
    padding: 0.15rem 0.6rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #38BDF8 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.card-topbar-controls[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
}

.btn-card-nav[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    color: #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 0.3rem 0.7rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    transition: all 0.2s ease !important;
}

.btn-card-nav:hover[b-2z4ll1f7p5] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    border-color: #00D6F0 !important;
}

.btn-card-close[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #CBD5E1 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
    margin-right: 0.25rem !important;
}

.btn-card-close:hover[b-2z4ll1f7p5] {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: #EF4444 !important;
    color: #EF4444 !important;
}

/* 2. Profile Header */
.client-card-profile-header[b-2z4ll1f7p5] {
    padding: 1.25rem 1.4rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 1.15rem !important;
    background: rgba(8, 25, 48, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.client-card-logo-box[b-2z4ll1f7p5] {
    width: 64px !important;
    height: 64px !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    flex-shrink: 0 !important;
}

.client-card-logo-img[b-2z4ll1f7p5] {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.client-card-title-col[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.client-card-name[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.client-card-name-sub[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
}

.client-card-meta-row[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    margin-top: 0.25rem !important;
}

.client-cat-tag[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.1) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    color: #00D6F0 !important;
    border-radius: 6px !important;
    padding: 0.2rem 0.55rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
}

.client-rating-inline[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    font-size: 0.85rem !important;
}

.client-rating-inline .rating-num[b-2z4ll1f7p5] {
    color: #FFFFFF !important;
    font-weight: 800 !important;
}

.client-rating-inline .reviews-num[b-2z4ll1f7p5] {
    color: #94A3B8 !important;
    font-size: 0.78rem !important;
}

/* 3. Body */
.client-card-body[b-2z4ll1f7p5] {
    padding: 1.25rem 1.4rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.client-simple-desc[b-2z4ll1f7p5] {
    color: #CBD5E1 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

.client-solution-highlight[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    border-radius: 12px !important;
    padding: 0.85rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

.solution-icon-wrap[b-2z4ll1f7p5] {
    font-size: 1.4rem !important;
    flex-shrink: 0 !important;
}

.solution-text-wrap[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
}

.solution-label[b-2z4ll1f7p5] {
    font-size: 0.75rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.solution-val[b-2z4ll1f7p5] {
    color: #00D6F0 !important;
    font-weight: 800 !important;
    font-size: 0.92rem !important;
}

.client-info-compact-grid[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    background: rgba(4, 15, 30, 0.4) !important;
    padding: 0.75rem 1rem !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.info-row-item[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    font-size: 0.85rem !important;
    color: #CBD5E1 !important;
}

.info-row-item i[b-2z4ll1f7p5] {
    font-size: 0.95rem !important;
    flex-shrink: 0 !important;
}

/* 4. Action Footer */
.client-card-action-footer[b-2z4ll1f7p5] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

.client-quick-actions[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    flex-wrap: wrap !important;
}

.btn-action-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.45rem 0.95rem !important;
    border-radius: 50px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-action-pill.btn-action-wa[b-2z4ll1f7p5] {
    background: rgba(37, 211, 102, 0.15) !important;
    border: 1px solid rgba(37, 211, 102, 0.45) !important;
    color: #25D366 !important;
}

.btn-action-pill.btn-action-wa:hover[b-2z4ll1f7p5] {
    background: #25D366 !important;
    color: #FFFFFF !important;
}

.btn-action-pill.btn-action-call[b-2z4ll1f7p5] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
}

.btn-action-pill.btn-action-call:hover[b-2z4ll1f7p5] {
    background: #00D6F0 !important;
    color: #020B18 !important;
}

.btn-action-pill.btn-action-map[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #E2E8F0 !important;
}

.btn-action-pill.btn-action-map:hover[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
}

.btn-action-done[b-2z4ll1f7p5] {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #94A3B8 !important;
    border-radius: 8px !important;
    padding: 0.42rem 1rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.btn-action-done:hover[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}


/* ==========================================================================
   GLOBAL RESPONSIVE AUDIT & MULTI-VIEWPORT HARDENING (v30.0.0)
   Mobile (320px - 480px), Phablets (481px - 767px), Tablets (768px - 1023px),
   Laptops (1024px - 1279px), Desktops (1280px - 1599px), Ultrawide (1600px+)
   ========================================================================== */

/* 1. Global Viewport & Overflow Shield (Prevents any horizontal scroll on mobile) */
html[b-2z4ll1f7p5], body[b-2z4ll1f7p5] {
    overflow-x: clip !important;
    max-width: 100vw !important;
    width: 100% !important;
}

.page-wrapper[b-2z4ll1f7p5], .page-content[b-2z4ll1f7p5], main[b-2z4ll1f7p5] {
    overflow-x: clip !important;
    max-width: 100vw !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* 2. Responsive Site Header & Actions */
@media (max-width: 767.98px) {
    .btn-header-cta[b-2z4ll1f7p5] {
        display: none !important; /* Hide desktop quote button to prevent header crowding */
    }
    .site-header[b-2z4ll1f7p5] {
        height: 60px !important;
    }
    .main[b-2z4ll1f7p5], .page-content[b-2z4ll1f7p5] {
        padding-top: 60px !important;
    }
}

@media (max-width: 575.98px) {
    .elite-header-container[b-2z4ll1f7p5] {
        padding: 0 0.85rem !important;
    }
    .brand-logo-img[b-2z4ll1f7p5] {
        height: 32px !important;
    }
    .brand-name[b-2z4ll1f7p5] {
        font-size: 0.95rem !important;
    }
    .brand-tagline[b-2z4ll1f7p5] {
        display: none !important;
    }
    .lang-toggle-btn[b-2z4ll1f7p5] {
        padding: 0.3rem 0.65rem !important;
        font-size: 0.76rem !important;
        min-height: 36px !important;
    }
    .mobile-menu-btn[b-2z4ll1f7p5] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
}

@media (max-width: 375.98px) {
    .site-header[b-2z4ll1f7p5] {
        height: 56px !important;
    }
    .main[b-2z4ll1f7p5], .page-content[b-2z4ll1f7p5] {
        padding-top: 56px !important;
    }
    .elite-header-container[b-2z4ll1f7p5] {
        padding: 0 0.65rem !important;
    }
    .brand-logo-img[b-2z4ll1f7p5] {
        height: 28px !important;
    }
    .brand-name[b-2z4ll1f7p5] {
        font-size: 0.84rem !important;
    }
    .lang-toggle-btn[b-2z4ll1f7p5] {
        padding: 0.22rem 0.45rem !important;
        font-size: 0.7rem !important;
    }
    .mobile-menu-btn[b-2z4ll1f7p5] {
        width: 34px !important;
        height: 34px !important;
        font-size: 1.1rem !important;
    }
}

/* 3. Quotations Management Page Responsive Enhancements */
@media (max-width: 767.98px) {
    .quotations-wrapper[b-2z4ll1f7p5] {
        padding: 1rem 0.75rem !important;
    }
    .quotations-wrapper .d-flex.justify-content-between[b-2z4ll1f7p5] {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 1rem !important;
    }
    .quotations-wrapper h3[b-2z4ll1f7p5] {
        font-size: 1.2rem !important;
    }
    .quotations-wrapper .btn-cyan[b-2z4ll1f7p5] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
    }
}

/* 4. Touch Targets & Form Inputs Usability (Prevents iOS zoom) */
@media (max-width: 768px) {
    input[type="text"][b-2z4ll1f7p5],
    input[type="password"][b-2z4ll1f7p5],
    input[type="email"][b-2z4ll1f7p5],
    input[type="tel"][b-2z4ll1f7p5],
    input[type="number"][b-2z4ll1f7p5],
    select[b-2z4ll1f7p5],
    textarea[b-2z4ll1f7p5] {
        font-size: 16px !important; /* Standard iOS accessibility font size */
    }
}
/* 1. منع أي انزلاق أو تمرير أفقي على كافة الهواتف */
html[b-2z4ll1f7p5], body[b-2z4ll1f7p5], .page-wrapper[b-2z4ll1f7p5] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. ضبط الهيدر للهواتف المحمولة */
@media (max-width: 767.98px) {
    .site-header[b-2z4ll1f7p5] {
        height: 60px !important;
    }

    .elite-header-container[b-2z4ll1f7p5] {
        padding: 0 0.85rem !important;
    }

    .brand-logo-wrap[b-2z4ll1f7p5] {
        width: 34px !important;
        height: 34px !important;
    }

    .brand-logo-text .brand-name[b-2z4ll1f7p5] {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
    }

    .brand-logo-text .brand-tagline[b-2z4ll1f7p5], .btn-header-cta[b-2z4ll1f7p5] {
        display: none !important;
    }

    .lang-toggle-btn[b-2z4ll1f7p5] {
        padding: 0.25rem 0.55rem !important;
        font-size: 0.72rem !important;
        min-height: 32px !important;
    }

    .mobile-menu-btn[b-2z4ll1f7p5] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
}

/* 3. ضبط الخطوط والمسافات في Hero Section لشاشات الهواتف (320px - 480px) */
@media (max-width: 575.98px) {
    .hero-section[b-2z4ll1f7p5] {
        padding: clamp(1.75rem, 4vw, 2.5rem) 0 2rem 0 !important;
    }

    .hero-container[b-2z4ll1f7p5] {
        padding: 0 0.85rem !important;
        gap: 1.5rem !important;
    }

    .hero-title[b-2z4ll1f7p5] {
        font-size: clamp(1.35rem, 5.8vw, 1.75rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.85rem !important;
    }

    .hero-heading-white[b-2z4ll1f7p5], .hero-heading-gradient[b-2z4ll1f7p5] {
        font-size: inherit !important;
        display: inline !important;
    }

    .hero-heading-sub[b-2z4ll1f7p5] {
        font-size: clamp(1.1rem, 4.5vw, 1.35rem) !important;
        display: block !important;
        margin-top: 0.35rem !important;
    }

    .hero-lead[b-2z4ll1f7p5] {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin-bottom: 1.25rem !important;
    }

    .hero-actions-row[b-2z4ll1f7p5] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.6rem !important;
    }

    .btn-primary-saas[b-2z4ll1f7p5], .btn-secondary-saas[b-2z4ll1f7p5], .hero-hotline-pill[b-2z4ll1f7p5] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
        font-size: 0.9rem !important;
    }

    .hero-stats-bar[b-2z4ll1f7p5] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.55rem !important;
        padding: 0.75rem !important;
    }

    .stat-number[b-2z4ll1f7p5] {
        font-size: 1.35rem !important;
    }

    .stat-label[b-2z4ll1f7p5] {
        font-size: 0.72rem !important;
    }

    .terminal-kpi-grid[b-2z4ll1f7p5] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
}

/* 4. الشاشات فائقة الصغر (320px - 375px) كـ iPhone SE */
@media (max-width: 375.98px) {
    .site-header[b-2z4ll1f7p5] {
        height: 56px !important;
    }

    .elite-header-container[b-2z4ll1f7p5] {
        padding: 0 0.5rem !important;
    }

    .brand-logo-text .brand-name[b-2z4ll1f7p5] {
        font-size: 0.82rem !important;
    }

    .hero-title[b-2z4ll1f7p5] {
        font-size: 1.35rem !important;
    }

    .hero-heading-sub[b-2z4ll1f7p5] {
        font-size: 1.05rem !important;
    }

    .hero-lead[b-2z4ll1f7p5] {
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
    }

    .stat-number[b-2z4ll1f7p5] {
        font-size: 1.18rem !important;
    }

    .services-trust-bar[b-2z4ll1f7p5], .about-unified-trust-bar[b-2z4ll1f7p5] {
        grid-template-columns: 1fr !important;
    }
}
/* ==========================================================================
   PARTNERS SECTION & CLIENT CARDS STYLING
   الترتيب المعتمد للبطاقة:
   1. أولاً: لوغو المطعم
   2. ثانياً: اسم المطعم وتصنيف النشاط
   3. ثالثاً: تقييم خرائط Google من الداتابيس
   4. رابعاً: سهم فتح البطاقة لعرض كافة معلومات العميل
   ========================================================================== */

/* 1. الحاوية العامة وقسم شركاء النجاح */
.luxury-clients-bar-section[b-2z4ll1f7p5] {
    background: #030914 !important;
    padding: clamp(3.5rem, 5vw, 5rem) 0 !important;
    border-top: 1px solid rgba(24, 200, 248, 0.16) !important;
    border-bottom: 1px solid rgba(24, 200, 248, 0.16) !important;
    overflow: hidden !important;
    width: 100% !important;
    position: relative !important;
    color: #FFFFFF !important;
    box-sizing: border-box !important;
}

/* 2. ترويسة القسم */
.luxury-marquee-head-wrap[b-2z4ll1f7p5] {
    text-align: center !important;
    margin-bottom: 2.25rem !important;
}

.clients-header-centered-cluster[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.5rem !important;
    flex-wrap: wrap !important;
    margin: 0 auto !important;
}

.clients-title-group[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.65rem !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.clients-bar-title[b-2z4ll1f7p5] {
    font-size: clamp(1.4rem, 2.2vw, 1.85rem) !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
}

.clients-bar-sub[b-2z4ll1f7p5] {
    font-size: 0.95rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.clients-bar-meta[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    border-radius: 50px !important;
    padding: 0.35rem 1.1rem !important;
    color: #FBBF24 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.15) !important;
}

/* 3. شريط التمرير الأفقي اللانهائي */
.luxury-marquee-viewport[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: row !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    gap: 16px !important;
    direction: ltr !important;
    padding: 1.25rem 0 !important;
    cursor: grab !important;
    user-select: none !important;
    z-index: 2 !important;
}

    .luxury-marquee-viewport:active[b-2z4ll1f7p5] {
        cursor: grabbing !important;
    }

    .luxury-marquee-viewport:hover .luxury-marquee-track[b-2z4ll1f7p5] {
        animation-play-state: paused !important;
    }

.luxury-edge-fade-left[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: clamp(80px, 14vw, 180px) !important;
    background: linear-gradient(to right, #030914 30%, transparent 100%) !important;
    z-index: 6 !important;
    pointer-events: none !important;
}

.luxury-edge-fade-right[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: clamp(80px, 14vw, 180px) !important;
    background: linear-gradient(to left, #030914 30%, transparent 100%) !important;
    z-index: 6 !important;
    pointer-events: none !important;
}

.luxury-marquee-track[b-2z4ll1f7p5] {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 100% !important;
    animation: luxuryClientsGlide-b-2z4ll1f7p5 55s linear infinite !important;
    will-change: transform;
}

@keyframes luxuryClientsGlide-b-2z4ll1f7p5 {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(calc(-100% - 16px), 0, 0);
    }
}

/* 4. تنسيق بطاقة الشريك المصغرة المتناسقة */
.client-mini-badge[b-2z4ll1f7p5] {
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    min-width: 300px !important;
    max-width: 340px !important;
    height: 66px !important;
    padding: 0.5rem 0.95rem !important;
    background: rgba(11, 27, 46, 0.92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(24, 200, 248, 0.22) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    color: #FFFFFF !important;
}

[dir="ltr"] .client-mini-badge[b-2z4ll1f7p5] {
    direction: ltr !important;
}

.client-mini-badge:hover[b-2z4ll1f7p5] {
    transform: translateY(-4px) scale(1.02) !important;
    border-color: #00E5FF !important;
    background: rgba(15, 36, 62, 0.98) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.65), 0 0 20px rgba(0, 229, 255, 0.25) !important;
}

/* 4.1 أولاً: إطار لوغو المطعم */
.badge-logo-container[b-2z4ll1f7p5] {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 11px !important;
    background: #FFFFFF !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    flex-shrink: 0 !important;
}

.badge-logo-img[b-2z4ll1f7p5] {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* 4.2 ثانياً: اسم المطعم وتصنيف النشاط */
.badge-text-col[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 0.15rem !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.badge-restaurant-name[b-2z4ll1f7p5] {
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.25 !important;
}

.badge-cat-label[b-2z4ll1f7p5] {
    font-size: 0.74rem !important;
    color: #38BDF8 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-weight: 600 !important;
}

/* 4.3 ثالثاً: تقييم خرائط Google المجلوب من الداتابيس */
.badge-rating-cluster[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    background: rgba(0, 0, 0, 0.35) !important;
    padding: 0.28rem 0.55rem !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    flex-shrink: 0 !important;
}

.badge-stars-inline[b-2z4ll1f7p5] {
    display: inline-flex !important;
    font-size: 0.75rem !important;
}

.star-champagne[b-2z4ll1f7p5] {
    color: #FFB800 !important;
    filter: drop-shadow(0 0 3px rgba(255, 184, 0, 0.5)) !important;
}

.badge-score-num[b-2z4ll1f7p5] {
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    color: #FFB800 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.badge-maps-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.2rem !important;
    font-size: 0.7rem !important;
    color: #38BDF8 !important;
    background: rgba(14, 165, 233, 0.12) !important;
    padding: 0.1rem 0.35rem !important;
    border-radius: 4px !important;
}

.badge-maps-text[b-2z4ll1f7p5] {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #94A3B8 !important;
}

/* 4.4 رابعاً: أيقونة فتح وتوسيع البطاقة */
.badge-expand-trigger[b-2z4ll1f7p5] {
    color: #64748B !important;
    font-size: 0.85rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
    flex-shrink: 0 !important;
}

.client-mini-badge:hover .badge-expand-trigger[b-2z4ll1f7p5] {
    color: #00E5FF !important;
    transform: scale(1.15) !important;
}

/* ==========================================================================
   5. نافذة تفاصيل العميل المنبثقة الفاخرة (Client Modal Card)
   ========================================================================== */

.client-modal-backdrop[b-2z4ll1f7p5] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(3, 9, 20, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1050 !important;
    padding: 1rem !important;
    box-sizing: border-box !important;
}

.client-modal-card[b-2z4ll1f7p5] {
    background: #0A192C !important;
    border: 1px solid rgba(24, 200, 248, 0.32) !important;
    border-radius: 22px !important;
    width: 95% !important;
    max-width: 650px !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85), 0 0 35px rgba(0, 229, 255, 0.16) !important;
    padding: clamp(1.25rem, 3vw, 2rem) !important;
    color: #F8FAFC !important;
    position: relative !important;
    animation: modalCardAppear-b-2z4ll1f7p5 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
}

@keyframes modalCardAppear-b-2z4ll1f7p5 {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(12px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* 5.1 الشريط العلوي للمودال */
.client-card-topbar[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 1.15rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 1.25rem !important;
}

.card-topbar-start[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

.client-verified-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    background: rgba(0, 229, 255, 0.1) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    color: #00E5FF !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 50px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.client-count-pill[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #94A3B8 !important;
    padding: 0.25rem 0.65rem !important;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.card-topbar-controls[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
}

.btn-card-nav[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #CBD5E1 !important;
    border-radius: 8px !important;
    padding: 0.3rem 0.65rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

    .btn-card-nav:hover[b-2z4ll1f7p5] {
        background: rgba(0, 229, 255, 0.15) !important;
        color: #00E5FF !important;
        border-color: #00E5FF !important;
    }

.btn-card-close[b-2z4ll1f7p5] {
    width: 32px !important;
    height: 32px !important;
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #F87171 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

    .btn-card-close:hover[b-2z4ll1f7p5] {
        background: #EF4444 !important;
        color: #FFFFFF !important;
    }

/* 5.2 بروفايل الشريك: الشعار + الاسم + التصنيف */
.client-card-profile-header[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.client-card-logo-box[b-2z4ll1f7p5] {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    background: #FFFFFF !important;
    border-radius: 18px !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.client-card-logo-img[b-2z4ll1f7p5] {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.client-card-title-col[b-2z4ll1f7p5] {
    flex: 1 !important;
    min-width: 0 !important;
}

.client-card-name[b-2z4ll1f7p5] {
    font-size: clamp(1.2rem, 2.5vw, 1.45rem) !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    line-height: 1.25 !important;
}

.client-card-name-sub[b-2z4ll1f7p5] {
    font-size: 0.88rem !important;
    color: #94A3B8 !important;
    display: block !important;
    margin-top: 0.2rem !important;
}

.client-card-tags-row[b-2z4ll1f7p5] {
    margin-top: 0.45rem !important;
}

.client-category-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    color: #FBBF24 !important;
    padding: 0.2rem 0.75rem !important;
    border-radius: 50px !important;
}

/* 5.3 شريط تقييم خرائط Google الموثق وزر الخريطة المباشر */
.client-google-meta-strip[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    background: rgba(0, 229, 255, 0.05) !important;
    border: 1px solid rgba(0, 229, 255, 0.22) !important;
    border-radius: 14px !important;
    padding: 0.85rem 1.15rem !important;
    margin-bottom: 1.25rem !important;
}

.google-rating-box[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    flex-wrap: wrap !important;
}

    .google-rating-box .rating-num[b-2z4ll1f7p5] {
        font-size: 1.15rem !important;
        font-weight: 900 !important;
        color: #FFB800 !important;
        font-family: 'JetBrains Mono', monospace, sans-serif !important;
    }

    .google-rating-box .reviews-count[b-2z4ll1f7p5] {
        font-size: 0.82rem !important;
        color: #94A3B8 !important;
        font-weight: 600 !important;
    }

.btn-maps-direct[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    color: #F87171 !important;
    padding: 0.4rem 0.95rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .btn-maps-direct:hover[b-2z4ll1f7p5] {
        background: #EF4444 !important;
        color: #FFFFFF !important;
        transform: translateY(-2px) !important;
    }

/* 5.4 مربع منظومة النخبة المشغلة */
.client-system-highlight[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    background: rgba(14, 165, 233, 0.08) !important;
    border: 1px solid rgba(14, 165, 233, 0.28) !important;
    border-radius: 12px !important;
    padding: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
}

.system-icon-box[b-2z4ll1f7p5] {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
    background: rgba(0, 229, 255, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    flex-shrink: 0 !important;
}

.system-text-col[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
}

.system-label[b-2z4ll1f7p5] {
    font-size: 0.74rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.system-title[b-2z4ll1f7p5] {
    font-size: 0.92rem !important;
    color: #38BDF8 !important;
    font-weight: 800 !important;
}

/* 5.5 نبذة وتقييم الشريك */
.client-card-body[b-2z4ll1f7p5] {
    margin-bottom: 1rem !important;
}

.client-simple-desc[b-2z4ll1f7p5] {
    font-size: 0.92rem !important;
    line-height: 1.7 !important;
    color: #CBD5E1 !important;
    margin: 0 !important;
}

/* 5.6 بيانات العنوان ورقم الهاتف */
.client-info-compact-grid[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    margin-bottom: 1.25rem !important;
    padding: 0.75rem 1rem !important;
    background: rgba(0, 0, 0, 0.25) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.info-row-item[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    font-size: 0.85rem !important;
    color: #94A3B8 !important;
}

.info-text.phone-mono[b-2z4ll1f7p5] {
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
    font-weight: 700 !important;
    color: #E2E8F0 !important;
}

/* 5.7 أزرار التواصل والسوشيال ميديا */
.client-quick-actions-bar[b-2z4ll1f7p5] {
    margin-bottom: 1.5rem !important;
}

.social-links-cluster[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    flex-wrap: wrap !important;
}

.btn-action-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding: 0.45rem 1.1rem !important;
    border-radius: 50px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-action-wa[b-2z4ll1f7p5] {
    background: #10B981 !important;
    color: #FFFFFF !important;
}

    .btn-action-wa:hover[b-2z4ll1f7p5] {
        background: #059669 !important;
        color: #FFFFFF !important;
        transform: translateY(-2px) !important;
    }

.btn-action-call[b-2z4ll1f7p5] {
    background: rgba(14, 165, 233, 0.15) !important;
    border: 1px solid rgba(14, 165, 233, 0.4) !important;
    color: #38BDF8 !important;
}

    .btn-action-call:hover[b-2z4ll1f7p5] {
        background: #0284C7 !important;
        color: #FFFFFF !important;
        transform: translateY(-2px) !important;
    }

.btn-social-icon[b-2z4ll1f7p5] {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #CBD5E1 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .btn-social-icon:hover[b-2z4ll1f7p5] {
        transform: translateY(-2px) !important;
    }

.btn-fb:hover[b-2z4ll1f7p5] {
    background: #1877F2 !important;
    color: #FFFFFF !important;
    border-color: #1877F2 !important;
}

.btn-ig:hover[b-2z4ll1f7p5] {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.btn-tk:hover[b-2z4ll1f7p5] {
    background: #000000 !important;
    color: #00F2FE !important;
    border-color: #00F2FE !important;
}

.btn-web:hover[b-2z4ll1f7p5] {
    background: #0284C7 !important;
    color: #FFFFFF !important;
    border-color: #0284C7 !important;
}

/* 5.8 تذييل النافذة المنبثقة وأزرار الإجراء */
.client-card-action-footer[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 1.25rem !important;
    flex-wrap: wrap !important;
}

.btn-action-done[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #94A3B8 !important;
    padding: 0.5rem 1.25rem !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

    .btn-action-done:hover[b-2z4ll1f7p5] {
        background: rgba(255, 255, 255, 0.15) !important;
        color: #FFFFFF !important;
    }

/* ==========================================================================
   6. استجابة الهواتف والشاشات الصغيرة (Mobile Responsiveness)
   ========================================================================== */
@media (max-width: 640px) {
    .client-mini-badge[b-2z4ll1f7p5] {
        min-width: 270px !important;
        max-width: 300px !important;
        height: 60px !important;
        padding: 0.4rem 0.75rem !important;
    }

    .badge-logo-container[b-2z4ll1f7p5] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .badge-restaurant-name[b-2z4ll1f7p5] {
        font-size: 0.85rem !important;
    }

    .client-modal-card[b-2z4ll1f7p5] {
        padding: 1.15rem !important;
        border-radius: 16px !important;
    }

    .client-card-profile-header[b-2z4ll1f7p5] {
        gap: 0.85rem !important;
    }

    .client-card-logo-box[b-2z4ll1f7p5] {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
    }

    .client-card-name[b-2z4ll1f7p5] {
        font-size: 1.15rem !important;
    }

    .client-google-meta-strip[b-2z4ll1f7p5] {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .btn-maps-direct[b-2z4ll1f7p5] {
        width: 100% !important;
        justify-content: center !important;
    }

    .client-card-action-footer[b-2z4ll1f7p5] {
        flex-direction: column !important;
        align-items: stretch !important;
    }

        .client-card-action-footer .btn-action-pill[b-2z4ll1f7p5],
        .client-card-action-footer .btn-action-done[b-2z4ll1f7p5] {
            width: 100% !important;
            text-align: center !important;
            justify-content: center !important;
        }
}
/* ========================================================================== */
/* PARTNERS SECTION & CLIENT CARDS STYLING */
/* ========================================================================== */
/* 1. Main Container & Section Layout */


/* 1. الحاوية العامة وقسم شركاء النجاح */
.luxury-clients-bar-section[b-2z4ll1f7p5] {
    background: #030914 !important;
    padding: clamp(3.5rem, 5vw, 5rem) 0 !important;
    border-top: 1px solid rgba(24, 200, 248, 0.16) !important;
    border-bottom: 1px solid rgba(24, 200, 248, 0.16) !important;
    overflow: hidden !important;
    width: 100% !important;
    position: relative !important;
    color: #FFFFFF !important;
    box-sizing: border-box !important;
}

/* 2. ترويسة القسم في المنتصف */
.luxury-marquee-head-wrap[b-2z4ll1f7p5] {
    text-align: center !important;
    margin-bottom: 2.25rem !important;
}

.clients-header-centered-cluster[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.5rem !important;
    flex-wrap: wrap !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.clients-title-group[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.65rem !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.clients-bar-title[b-2z4ll1f7p5] {
    font-size: clamp(1.4rem, 2.2vw, 1.85rem) !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    letter-spacing: -0.3px !important;
}

.clients-bar-sub[b-2z4ll1f7p5] {
    font-size: 0.95rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.clients-bar-meta[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    border-radius: 50px !important;
    padding: 0.35rem 1.1rem !important;
    color: #FBBF24 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.15) !important;
}

/* 3. شريط التمرير الأفقي اللانهائي (Viewport & Track) */
.luxury-marquee-viewport[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: row !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    gap: 16px !important;
    direction: ltr !important;
    padding: 1.25rem 0 !important;
    cursor: grab !important;
    user-select: none !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 2 !important;
}

    .luxury-marquee-viewport:active[b-2z4ll1f7p5] {
        cursor: grabbing !important;
    }

    .luxury-marquee-viewport:hover .luxury-marquee-track[b-2z4ll1f7p5] {
        animation-play-state: paused !important;
    }

.luxury-edge-fade-left[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: clamp(80px, 14vw, 180px) !important;
    background: linear-gradient(to right, #030914 30%, transparent 100%) !important;
    z-index: 6 !important;
    pointer-events: none !important;
}

.luxury-edge-fade-right[b-2z4ll1f7p5] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: clamp(80px, 14vw, 180px) !important;
    background: linear-gradient(to left, #030914 30%, transparent 100%) !important;
    z-index: 6 !important;
    pointer-events: none !important;
}

.luxury-marquee-track[b-2z4ll1f7p5] {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 100% !important;
    animation: luxuryClientsGlide-b-2z4ll1f7p5 55s linear infinite !important;
    will-change: transform;
}

@keyframes luxuryClientsGlide-b-2z4ll1f7p5 {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(calc(-100% - 16px), 0, 0);
    }
}

/* 4. تنسيق بطاقة الشريك المصغرة المتناسقة (Client Mini Badge) */
.client-mini-badge[b-2z4ll1f7p5] {
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    min-width: 300px !important;
    max-width: 340px !important;
    height: 66px !important;
    padding: 0.5rem 0.95rem !important;
    background: rgba(11, 27, 46, 0.92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(24, 200, 248, 0.22) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    color: #FFFFFF !important;
}

[dir="ltr"] .client-mini-badge[b-2z4ll1f7p5] {
    direction: ltr !important;
}

.client-mini-badge:hover[b-2z4ll1f7p5] {
    transform: translateY(-4px) scale(1.02) !important;
    border-color: #00E5FF !important;
    background: rgba(15, 36, 62, 0.98) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.65), 0 0 20px rgba(0, 229, 255, 0.25) !important;
}

/* 4.1 أولاً: إطار لوغو المطعم */
.badge-logo-container[b-2z4ll1f7p5] {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 11px !important;
    background: #FFFFFF !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    flex-shrink: 0 !important;
}

.badge-logo-img[b-2z4ll1f7p5] {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* 4.2 ثانياً: اسم المطعم وتصنيف النشاط */
.badge-text-col[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 0.15rem !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.badge-restaurant-name[b-2z4ll1f7p5] {
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.25 !important;
}

.badge-cat-label[b-2z4ll1f7p5] {
    font-size: 0.74rem !important;
    color: #38BDF8 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-weight: 600 !important;
}

/* 4.3 ثالثاً: تقييم خرائط Google المجلوب من الداتابيس */
.badge-rating-cluster[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    background: rgba(0, 0, 0, 0.35) !important;
    padding: 0.28rem 0.55rem !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    flex-shrink: 0 !important;
}

.badge-stars-inline[b-2z4ll1f7p5] {
    display: inline-flex !important;
    font-size: 0.75rem !important;
}

.star-champagne[b-2z4ll1f7p5] {
    color: #FFB800 !important;
    filter: drop-shadow(0 0 3px rgba(255, 184, 0, 0.5)) !important;
}

.badge-score-num[b-2z4ll1f7p5] {
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    color: #FFB800 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.badge-maps-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.2rem !important;
    font-size: 0.7rem !important;
    color: #38BDF8 !important;
    background: rgba(14, 165, 233, 0.12) !important;
    padding: 0.1rem 0.35rem !important;
    border-radius: 4px !important;
}

.badge-maps-text[b-2z4ll1f7p5] {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #94A3B8 !important;
}

/* 4.4 رابعاً: أيقونة فتح وتوسيع البطاقة */
.badge-expand-trigger[b-2z4ll1f7p5] {
    color: #64748B !important;
    font-size: 0.85rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
    flex-shrink: 0 !important;
}

.client-mini-badge:hover .badge-expand-trigger[b-2z4ll1f7p5] {
    color: #00E5FF !important;
    transform: scale(1.15) !important;
}

/* ==========================================================================
   5. نافذة تفاصيل العميل المنبثقة الفاخرة (Client Modal Card)
   تظهر كافة معلومات العميل كاملة (الاسم، الشعار، تقييم جوجل، المنظومة،
   العنوان، الهاتف، الواتساب، خرائط Google، وجميع روابط السوشيال ميديا)
   ========================================================================== */

.client-modal-backdrop[b-2z4ll1f7p5] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(3, 9, 20, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1050 !important;
    padding: 1rem !important;
    box-sizing: border-box !important;
}

.client-modal-card[b-2z4ll1f7p5] {
    background: #0A192C !important;
    border: 1px solid rgba(24, 200, 248, 0.32) !important;
    border-radius: 22px !important;
    width: 95% !important;
    max-width: 650px !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85), 0 0 35px rgba(0, 229, 255, 0.16) !important;
    padding: clamp(1.25rem, 3vw, 2rem) !important;
    color: #F8FAFC !important;
    position: relative !important;
    animation: modalCardAppear-b-2z4ll1f7p5 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
}

@keyframes modalCardAppear-b-2z4ll1f7p5 {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(12px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* 5.1 الشريط العلوي في المودال */
.client-card-topbar[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 1.15rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 1.25rem !important;
}

.card-topbar-start[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

.client-verified-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    background: rgba(0, 229, 255, 0.1) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    color: #00E5FF !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 50px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.client-count-pill[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #94A3B8 !important;
    padding: 0.25rem 0.65rem !important;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.card-topbar-controls[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
}

.btn-card-nav[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #CBD5E1 !important;
    border-radius: 8px !important;
    padding: 0.3rem 0.65rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

    .btn-card-nav:hover[b-2z4ll1f7p5] {
        background: rgba(0, 229, 255, 0.15) !important;
        color: #00E5FF !important;
        border-color: #00E5FF !important;
    }

.btn-card-close[b-2z4ll1f7p5] {
    width: 32px !important;
    height: 32px !important;
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #F87171 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

    .btn-card-close:hover[b-2z4ll1f7p5] {
        background: #EF4444 !important;
        color: #FFFFFF !important;
    }

/* 5.2 بروفايل الشريك: الشعار + الاسم + التصنيف */
.client-card-profile-header[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.client-card-logo-box[b-2z4ll1f7p5] {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    background: #FFFFFF !important;
    border-radius: 18px !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.client-card-logo-img[b-2z4ll1f7p5] {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.client-card-title-col[b-2z4ll1f7p5] {
    flex: 1 !important;
    min-width: 0 !important;
}

.client-card-name[b-2z4ll1f7p5] {
    font-size: clamp(1.2rem, 2.5vw, 1.45rem) !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    line-height: 1.25 !important;
}

.client-card-name-sub[b-2z4ll1f7p5] {
    font-size: 0.88rem !important;
    color: #94A3B8 !important;
    display: block !important;
    margin-top: 0.2rem !important;
    font-weight: 500 !important;
}

.client-card-tags-row[b-2z4ll1f7p5] {
    margin-top: 0.45rem !important;
}

.client-category-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    color: #FBBF24 !important;
    padding: 0.2rem 0.75rem !important;
    border-radius: 50px !important;
}

/* 5.3 شريط تقييم خرائط Google الموثق والزر المباشر للخريطة */
.client-google-meta-strip[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    background: rgba(0, 229, 255, 0.05) !important;
    border: 1px solid rgba(0, 229, 255, 0.22) !important;
    border-radius: 14px !important;
    padding: 0.85rem 1.15rem !important;
    margin-bottom: 1.25rem !important;
}

.google-rating-box[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    flex-wrap: wrap !important;
}

    .google-rating-box .rating-num[b-2z4ll1f7p5] {
        font-size: 1.15rem !important;
        font-weight: 900 !important;
        color: #FFB800 !important;
        font-family: 'JetBrains Mono', monospace, sans-serif !important;
    }

    .google-rating-box .reviews-count[b-2z4ll1f7p5] {
        font-size: 0.82rem !important;
        color: #94A3B8 !important;
        font-weight: 600 !important;
    }

.btn-maps-direct[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    color: #F87171 !important;
    padding: 0.4rem 0.95rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .btn-maps-direct:hover[b-2z4ll1f7p5] {
        background: #EF4444 !important;
        color: #FFFFFF !important;
        transform: translateY(-2px) !important;
    }

/* 5.4 مربع منظومة النخبة المشغلة */
.client-system-highlight[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    background: rgba(14, 165, 233, 0.08) !important;
    border: 1px solid rgba(14, 165, 233, 0.28) !important;
    border-radius: 12px !important;
    padding: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
}

.system-icon-box[b-2z4ll1f7p5] {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
    background: rgba(0, 229, 255, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    flex-shrink: 0 !important;
}

.system-text-col[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
}

.system-label[b-2z4ll1f7p5] {
    font-size: 0.74rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.system-title[b-2z4ll1f7p5] {
    font-size: 0.92rem !important;
    color: #38BDF8 !important;
    font-weight: 800 !important;
}

/* 5.5 نبذة وتقييم الشريك */
.client-card-body[b-2z4ll1f7p5] {
    margin-bottom: 1rem !important;
}

.client-simple-desc[b-2z4ll1f7p5] {
    font-size: 0.92rem !important;
    line-height: 1.7 !important;
    color: #CBD5E1 !important;
    margin: 0 !important;
}

/* 5.6 بيانات العنوان ورقم الهاتف */
.client-info-compact-grid[b-2z4ll1f7p5] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    margin-bottom: 1.25rem !important;
    padding: 0.75rem 1rem !important;
    background: rgba(0, 0, 0, 0.25) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.info-row-item[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    font-size: 0.85rem !important;
    color: #94A3B8 !important;
}

.info-text.phone-mono[b-2z4ll1f7p5] {
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
    font-weight: 700 !important;
    color: #E2E8F0 !important;
}

/* 5.7 أزرار التواصل والسوشيال ميديا */
.client-quick-actions-bar[b-2z4ll1f7p5] {
    margin-bottom: 1.5rem !important;
}

.social-links-cluster[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    flex-wrap: wrap !important;
}

.btn-action-pill[b-2z4ll1f7p5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding: 0.45rem 1.1rem !important;
    border-radius: 50px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-action-wa[b-2z4ll1f7p5] {
    background: #10B981 !important;
    color: #FFFFFF !important;
}

    .btn-action-wa:hover[b-2z4ll1f7p5] {
        background: #059669 !important;
        color: #FFFFFF !important;
        transform: translateY(-2px) !important;
    }

.btn-action-call[b-2z4ll1f7p5] {
    background: rgba(14, 165, 233, 0.15) !important;
    border: 1px solid rgba(14, 165, 233, 0.4) !important;
    color: #38BDF8 !important;
}

    .btn-action-call:hover[b-2z4ll1f7p5] {
        background: #0284C7 !important;
        color: #FFFFFF !important;
        transform: translateY(-2px) !important;
    }

.btn-social-icon[b-2z4ll1f7p5] {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #CBD5E1 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .btn-social-icon:hover[b-2z4ll1f7p5] {
        transform: translateY(-2px) !important;
    }

.btn-fb:hover[b-2z4ll1f7p5] {
    background: #1877F2 !important;
    color: #FFFFFF !important;
    border-color: #1877F2 !important;
}

.btn-ig:hover[b-2z4ll1f7p5] {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
}

.btn-tk:hover[b-2z4ll1f7p5] {
    background: #000000 !important;
    color: #00F2FE !important;
    border-color: #00F2FE !important;
}

.btn-web:hover[b-2z4ll1f7p5] {
    background: #0284C7 !important;
    color: #FFFFFF !important;
    border-color: #0284C7 !important;
}

/* 5.8 تذييل النافذة المنبثقة وأزرار الإجراء */
.client-card-action-footer[b-2z4ll1f7p5] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 1.25rem !important;
    flex-wrap: wrap !important;
}

.btn-action-done[b-2z4ll1f7p5] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #94A3B8 !important;
    padding: 0.5rem 1.25rem !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

    .btn-action-done:hover[b-2z4ll1f7p5] {
        background: rgba(255, 255, 255, 0.15) !important;
        color: #FFFFFF !important;
    }

/* ==========================================================================
   6. استجابة الهواتف والشاشات الصغيرة (Mobile Responsiveness)
   ========================================================================== */
@media (max-width: 640px) {
    .client-mini-badge[b-2z4ll1f7p5] {
        min-width: 270px !important;
        max-width: 300px !important;
        height: 60px !important;
        padding: 0.4rem 0.75rem !important;
    }

    .badge-logo-container[b-2z4ll1f7p5] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .badge-restaurant-name[b-2z4ll1f7p5] {
        font-size: 0.85rem !important;
    }

    .client-modal-card[b-2z4ll1f7p5] {
        padding: 1.15rem !important;
        border-radius: 16px !important;
    }

    .client-card-profile-header[b-2z4ll1f7p5] {
        gap: 0.85rem !important;
    }

    .client-card-logo-box[b-2z4ll1f7p5] {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
    }

    .client-card-name[b-2z4ll1f7p5] {
        font-size: 1.15rem !important;
    }

    .client-google-meta-strip[b-2z4ll1f7p5] {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .btn-maps-direct[b-2z4ll1f7p5] {
        width: 100% !important;
        justify-content: center !important;
    }

    .client-card-action-footer[b-2z4ll1f7p5] {
        flex-direction: column !important;
        align-items: stretch !important;
    }

        .client-card-action-footer .btn-action-pill[b-2z4ll1f7p5],
        .client-card-action-footer .btn-action-done[b-2z4ll1f7p5] {
            width: 100% !important;
            text-align: center !important;
            justify-content: center !important;
        }
}

/* /Components/Sections/ServiceDetailModal.razor.rz.scp.css */
/* Service Detail Modal Scoped Styles */
[b-hnkf2lt8n4] .service-modal-backdrop,
.modal-backdrop-glass[b-hnkf2lt8n4],
.service-modal-backdrop[b-hnkf2lt8n4] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 1.25rem !important;
    box-sizing: border-box !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(3, 9, 20, 0.88) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    animation: modalFadeIn-b-hnkf2lt8n4 0.25s ease-out forwards !important;
}

[b-hnkf2lt8n4] .modal-card-glass,
[b-hnkf2lt8n4] .service-modal-dialog,
.modal-card-glass[b-hnkf2lt8n4],
.service-modal-dialog[b-hnkf2lt8n4] {
    position: relative !important;
    width: 100% !important;
    max-width: 720px !important;
    max-height: 85vh !important;
    margin: auto !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    background: linear-gradient(180deg, #0A1E35 0%, #051324 100%) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    border-radius: 24px !important;
    padding: 2.2rem !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8), 0 0 35px rgba(0, 229, 255, 0.2) !important;
    color: #FFFFFF !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0, 229, 255, 0.3) transparent !important;
    animation: saasSlideUp-b-hnkf2lt8n4 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.modal-banner-img[b-hnkf2lt8n4] {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    margin-bottom: 1.5rem !important;
}

.modal-head-row[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 1.5rem !important;
}

.m-logo-box[b-hnkf2lt8n4] {
    width: 60px !important;
    height: 60px !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    flex-shrink: 0 !important;
}

.m-title-box[b-hnkf2lt8n4] {
    flex: 1 !important;
    margin-inline-start: 1rem !important;
}

.m-name-main[b-hnkf2lt8n4] {
    font-size: 1.4rem !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
}

.m-name-sub[b-hnkf2lt8n4] {
    font-size: 0.88rem !important;
    color: #94A3B8 !important;
    margin-top: 0.25rem !important;
}

.m-badges-row[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-top: 0.5rem !important;
}

.m-cat-tag[b-hnkf2lt8n4] {
    background: rgba(24, 200, 248, 0.14) !important;
    border: 1px solid rgba(24, 200, 248, 0.3) !important;
    color: #18C8F8 !important;
    padding: 0.2rem 0.65rem !important;
    border-radius: 9999px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.m-verified-tag[b-hnkf2lt8n4] {
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #10B981 !important;
    padding: 0.2rem 0.65rem !important;
    border-radius: 9999px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.btn-modal-close[b-hnkf2lt8n4] {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

    .btn-modal-close:hover[b-hnkf2lt8n4] {
        background: rgba(239, 68, 68, 0.25) !important;
        border-color: #EF4444 !important;
        color: #FFFFFF !important;
    }

.m-google-card[b-hnkf2lt8n4] {
    background: #061322 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
    margin-bottom: 1.5rem !important;
}

.m-google-top[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.m-google-score-row[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    gap: 1.1rem !important;
}

.m-score-number[b-hnkf2lt8n4] {
    font-size: 2.2rem !important;
    font-weight: 900 !important;
    color: #FFB800 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.m-stars-icons[b-hnkf2lt8n4] {
    display: flex !important;
    gap: 2px !important;
    font-size: 1.15rem !important;
    color: #FFB800 !important;
}

.m-actions-row[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    margin-bottom: 1.5rem !important;
    flex-wrap: wrap !important;
}

.btn-wa-green[b-hnkf2lt8n4] {
    background: #25D366 !important;
    color: #030914 !important;
    font-weight: 800 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.35) !important;
}

.btn-phone-grad[b-hnkf2lt8n4] {
    background: linear-gradient(135deg, #0284C7, #00E5FF) !important;
    color: #030914 !important;
    font-weight: 800 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    text-decoration: none !important;
}

.btn-map-red[b-hnkf2lt8n4] {
    background: rgba(239, 68, 68, 0.16) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    color: #F87171 !important;
    font-weight: 700 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    text-decoration: none !important;
}

.m-about-box[b-hnkf2lt8n4] {
    margin-bottom: 1.5rem !important;
}

.m-about-text[b-hnkf2lt8n4] {
    color: #CBD5E1 !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
}

.m-tech-card[b-hnkf2lt8n4] {
    background: #061322 !important;
    border: 1px solid rgba(0, 229, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
    margin-bottom: 1.5rem !important;
}

.m-tech-title[b-hnkf2lt8n4] {
    color: #00E5FF !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.4rem !important;
}

.m-tech-text[b-hnkf2lt8n4] {
    color: #94A3B8 !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
}

.m-features-row[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
    margin-bottom: 1.5rem !important;
}

.m-feature-pill[b-hnkf2lt8n4] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #E2E8F0 !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 9999px !important;
}

.m-social-strip[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    margin-bottom: 1.5rem !important;
}

.social-pill[b-hnkf2lt8n4] {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .social-pill:hover[b-hnkf2lt8n4] {
        background: rgba(0, 229, 255, 0.25) !important;
        border-color: #00E5FF !important;
        color: #00E5FF !important;
    }

.m-contact-grid[b-hnkf2lt8n4] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.m-contact-cell[b-hnkf2lt8n4] {
    background: #061322 !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 10px !important;
    padding: 0.85rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

.m-contact-label[b-hnkf2lt8n4] {
    font-size: 0.75rem !important;
    color: #94A3B8 !important;
}

.m-contact-val[b-hnkf2lt8n4] {
    font-size: 0.88rem !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.modal-cta-footer[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 1rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.btn-modal-cta[b-hnkf2lt8n4] {
    background: linear-gradient(135deg, #0284C7, #00E5FF) !important;
    color: #030914 !important;
    font-weight: 900 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    text-decoration: none !important;
}

.btn-modal-dismiss[b-hnkf2lt8n4] {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 0.75rem 1.25rem !important;
    border-radius: 8px !important;
    cursor: pointer !important;
}

/* Service Details Modal */
.service-modal-banner[b-hnkf2lt8n4] {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    margin-bottom: 1.5rem !important;
}

.service-modal-title[b-hnkf2lt8n4] {
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    margin-bottom: 0.5rem !important;
}

.service-modal-desc[b-hnkf2lt8n4] {
    color: #CBD5E1 !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
    margin-bottom: 1.75rem !important;
}

.service-modal-grid[b-hnkf2lt8n4] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.25rem !important;
    margin-bottom: 1.75rem !important;
}

.modal-feature-col[b-hnkf2lt8n4] {
    background: #061322 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
}

.modal-col-heading[b-hnkf2lt8n4] {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #00E5FF !important;
    margin-bottom: 0.75rem !important;
}

.modal-points-list[b-hnkf2lt8n4] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

    .modal-points-list li[b-hnkf2lt8n4] {
        font-size: 0.88rem !important;
        color: #CBD5E1 !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }

        .modal-points-list li i[b-hnkf2lt8n4] {
            color: #10B981 !important;
        }

.service-modal-footer[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 1rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.btn-modal-action[b-hnkf2lt8n4] {
    background: linear-gradient(135deg, #0284C7, #00E5FF) !important;
    color: #030914 !important;
    font-weight: 900 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    text-decoration: none !important;
}

@keyframes modalFadeIn-b-hnkf2lt8n4 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes saasSlideUp-b-hnkf2lt8n4 {
    from {
        opacity: 0;
        transform: translateY(25px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* --------------------------------------------------------------------------
   9. RESPONSIVE MEDIA QUERIES & MOBILE ARCHITECTURE
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .hero-container[b-hnkf2lt8n4] {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: 2rem !important;
    }

    .hero-3d-master-wrap[b-hnkf2lt8n4] {
        height: 540px !important;
    }
}

@media (max-width: 1024px) {
    .hero-container[b-hnkf2lt8n4] {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        gap: 2.5rem !important;
    }

    .hero-text-block[b-hnkf2lt8n4] {
        max-width: 100% !important;
        margin: 0 auto !important;
        align-items: center !important;
    }

    .hero-pill-badge[b-hnkf2lt8n4] {
        margin: 0 auto 1.5rem auto !important;
    }

    .hero-actions-row[b-hnkf2lt8n4] {
        justify-content: center !important;
    }

    .hero-stats-bar[b-hnkf2lt8n4] {
        justify-content: center !important;
        margin: 0 auto !important;
    }

    .hero-3d-master-wrap[b-hnkf2lt8n4] {
        max-width: 540px !important;
        height: 480px !important;
    }

    .services-cards-grid[b-hnkf2lt8n4] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }

    .solutions-features-grid[b-hnkf2lt8n4] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .about-pillars-grid[b-hnkf2lt8n4] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .hero-section[b-hnkf2lt8n4] {
        padding: 1.25rem 0 2rem 0 !important;
    }

    .hero-title[b-hnkf2lt8n4] {
        font-size: 2rem !important;
    }

    .hero-lead[b-hnkf2lt8n4] {
        font-size: 0.95rem !important;
    }

    .hero-actions-row[b-hnkf2lt8n4] {
        flex-direction: column !important;
        width: 100% !important;
    }

    .btn-primary-saas[b-hnkf2lt8n4], .btn-secondary-saas[b-hnkf2lt8n4], .hero-hotline-pill[b-hnkf2lt8n4] {
        width: 100% !important;
        justify-content: center !important;
    }

    .hero-stats-bar[b-hnkf2lt8n4] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important;
        width: 100% !important;
        padding: 1.15rem !important;
    }

    .stat-sep[b-hnkf2lt8n4] {
        display: none !important;
    }

    .hero-3d-master-wrap[b-hnkf2lt8n4] {
        max-width: 100% !important;
        height: 370px !important;
    }

    .master-3d-glow-primary[b-hnkf2lt8n4] {
        width: 290px !important;
        height: 290px !important;
    }

    .hud-badge-top[b-hnkf2lt8n4] {
        top: 10px !important;
        right: 5px !important;
        padding: 0.45rem 0.75rem !important;
    }

    .hud-badge-left[b-hnkf2lt8n4] {
        bottom: 75px !important;
        left: 5px !important;
        padding: 0.45rem 0.75rem !important;
    }

    .hud-badge-right[b-hnkf2lt8n4] {
        bottom: 15px !important;
        right: 5px !important;
        padding: 0.45rem 0.75rem !important;
    }

    .hud-badge-title[b-hnkf2lt8n4] {
        font-size: 0.72rem !important;
    }

    .services-cards-grid[b-hnkf2lt8n4] {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .solutions-features-grid[b-hnkf2lt8n4] {
        grid-template-columns: 1fr !important;
    }

    .about-pillars-grid[b-hnkf2lt8n4] {
        grid-template-columns: 1fr !important;
    }

    .consultation-form-card[b-hnkf2lt8n4] {
        padding: 1.75rem 1.25rem !important;
    }

    .service-modal-dialog[b-hnkf2lt8n4], .modal-card-glass[b-hnkf2lt8n4] {
        padding: 1.35rem !important;
        border-radius: 16px !important;
    }

    .service-modal-grid[b-hnkf2lt8n4] {
        grid-template-columns: 1fr !important;
    }

    .m-contact-grid[b-hnkf2lt8n4] {
        grid-template-columns: 1fr !important;
    }
}

/* --------------------------------------------------------------------------
   10. SUPPLEMENTARY LUXURY MICRO-COMPONENTS & SOCIAL PILLS
   -------------------------------------------------------------------------- */
.accent-bar[b-hnkf2lt8n4] {
    width: 60px !important;
    height: 3px !important;
    background: linear-gradient(90deg, #18C8F8, #00E5FF) !important;
    border-radius: 9999px !important;
    margin: 0.85rem auto 1.5rem auto !important;
}

.badge-stars-inline[b-hnkf2lt8n4] {
    display: inline-flex !important;
    gap: 2px !important;
    font-size: 0.72rem !important;
    color: #FFB800 !important;
}

.star-champagne[b-hnkf2lt8n4] {
    color: #FFB800 !important;
}

.star-muted[b-hnkf2lt8n4] {
    color: rgba(255, 255, 255, 0.2) !important;
}

.max-five[b-hnkf2lt8n4] {
    font-size: 1.1rem !important;
    color: #64748B !important;
    font-weight: 600 !important;
}

.btn-micro-call[b-hnkf2lt8n4] {
    background: rgba(24, 200, 248, 0.18) !important;
    color: #18C8F8 !important;
    border: 1px solid rgba(24, 200, 248, 0.35) !important;
    padding: 0.4rem 0.95rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .btn-micro-call:hover[b-hnkf2lt8n4] {
        background: rgba(24, 200, 248, 0.35) !important;
        color: #FFFFFF !important;
        transform: translateY(-1px) !important;
    }

.btn-micro-map[b-hnkf2lt8n4] {
    background: rgba(239, 68, 68, 0.18) !important;
    color: #F87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    padding: 0.4rem 0.95rem !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    .btn-micro-map:hover[b-hnkf2lt8n4] {
        background: rgba(239, 68, 68, 0.35) !important;
        color: #FFFFFF !important;
        transform: translateY(-1px) !important;
    }

.btn-outline-cyan[b-hnkf2lt8n4] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.55rem 1.35rem !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #00E5FF !important;
    border: 1px solid rgba(0, 229, 255, 0.4) !important;
    border-radius: 9999px !important;
    background: rgba(0, 229, 255, 0.06) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

    .btn-outline-cyan:hover[b-hnkf2lt8n4] {
        background: rgba(0, 229, 255, 0.2) !important;
        color: #FFFFFF !important;
        border-color: #00E5FF !important;
        box-shadow: 0 0 16px rgba(0, 229, 255, 0.35) !important;
        transform: translateY(-1px) !important;
    }

.clients-bar-meta[b-hnkf2lt8n4] {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.28) !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    margin-top: 0.5rem !important;
}

.featured[b-hnkf2lt8n4] {
    border-color: #00E5FF !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 229, 255, 0.22) !important;
}

.icon-gold[b-hnkf2lt8n4] {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #F59E0B !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

.m-contact-info[b-hnkf2lt8n4] {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

.m-reviews-label[b-hnkf2lt8n4] {
    font-size: 0.8rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.m-score-meta[b-hnkf2lt8n4] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
}

.m-social-label[b-hnkf2lt8n4] {
    font-size: 0.82rem !important;
    color: #94A3B8 !important;
    font-weight: 700 !important;
    margin-bottom: 0.4rem !important;
}

.m-social-links[b-hnkf2lt8n4] {
    display: flex !important;
    gap: 0.6rem !important;
    flex-wrap: wrap !important;
}

.social-pill.fb[b-hnkf2lt8n4] {
    background: rgba(24, 119, 242, 0.2) !important;
    color: #1877F2 !important;
    border: 1px solid rgba(24, 119, 242, 0.35) !important;
}

.social-pill.ig[b-hnkf2lt8n4] {
    background: rgba(225, 48, 108, 0.2) !important;
    color: #E1306C !important;
    border: 1px solid rgba(225, 48, 108, 0.35) !important;
}

.social-pill.tt[b-hnkf2lt8n4] {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.social-pill.web[b-hnkf2lt8n4] {
    background: rgba(24, 200, 248, 0.15) !important;
    color: #18C8F8 !important;
    border: 1px solid rgba(24, 200, 248, 0.35) !important;
}

.social-pill.fb:hover[b-hnkf2lt8n4] {
    background: #1877F2 !important;
    color: #FFFFFF !important;
}

.social-pill.ig:hover[b-hnkf2lt8n4] {
    background: #E1306C !important;
    color: #FFFFFF !important;
}

.social-pill.tt:hover[b-hnkf2lt8n4] {
    background: #FFFFFF !important;
    color: #000000 !important;
}

.social-pill.web:hover[b-hnkf2lt8n4] {
    background: #18C8F8 !important;
    color: #030914 !important;
}

.modal-badge-row[b-hnkf2lt8n4] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 1rem !important;
}

.modal-body-stack[b-hnkf2lt8n4] {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

.phone-mono[b-hnkf2lt8n4] {
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.service-modal-badge[b-hnkf2lt8n4] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(0, 229, 255, 0.12) !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    color: #00E5FF !important;
    padding: 0.35rem 0.85rem !important;
    border-radius: 9999px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
}

.service-modal-content[b-hnkf2lt8n4] {
    padding: 1.5rem !important;
}

.animate-fade-in[b-hnkf2lt8n4] {
    animation: modalFadeIn-b-hnkf2lt8n4 0.25s ease-out forwards !important;
}

.animate-slide-up[b-hnkf2lt8n4] {
    animation: saasSlideUp-b-hnkf2lt8n4 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* --------------------------------------------------------------------------
   11. HERO THREE HIGHLIGHT CARDS STRIP (FROM REFERENCE SITE)
   -------------------------------------------------------------------------- */
.hero-highlights-strip[b-hnkf2lt8n4] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
    margin-top: 3.5rem !important;
    width: 100% !important;
    position: relative !important;
    z-index: 5 !important;
}

.hero-highlight-card[b-hnkf2lt8n4] {
    background: rgba(10, 28, 48, 0.78) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(24, 200, 248, 0.22) !important;
    border-radius: 16px !important;
    padding: 1.5rem !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 1.15rem !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}

.hero-highlight-card:hover[b-hnkf2lt8n4] {
    transform: translateY(-5px) !important;
    background: rgba(14, 39, 68, 0.92) !important;
    border-color: #00E5FF !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65), 0 0 20px rgba(0, 229, 255, 0.25) !important;
}

.highlight-icon-box[b-hnkf2lt8n4] {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.4rem !important;
    flex-shrink: 0 !important;
}

.highlight-icon-box.icon-cyan[b-hnkf2lt8n4] {
    background: rgba(0, 229, 255, 0.16) !important;
    color: #00E5FF !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
}

.highlight-icon-box.icon-emerald[b-hnkf2lt8n4] {
    background: rgba(16, 185, 129, 0.16) !important;
    color: #10B981 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
}

.highlight-icon-box.icon-blue[b-hnkf2lt8n4] {
    background: rgba(2, 132, 199, 0.22) !important;
    color: #38BDF8 !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
}

.highlight-content[b-hnkf2lt8n4] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
}

.highlight-title[b-hnkf2lt8n4] {
    color: #FFFFFF !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.highlight-desc[b-hnkf2lt8n4] {
    color: #94A3B8 !important;
    font-size: 0.86rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.highlight-link[b-hnkf2lt8n4] {
    color: #00E5FF !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    margin-top: 0.4rem !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
}

.hero-highlight-card:hover .highlight-link[b-hnkf2lt8n4] {
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   12. ABOUT SECTION METRICS & HEADQUARTERS BADGE
   -------------------------------------------------------------------------- */
.about-meta-strip[b-hnkf2lt8n4] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.5rem !important;
    width: 100% !important;
}

.about-stats-grid[b-hnkf2lt8n4] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem !important;
    width: 100% !important;
}

.about-stat-box[b-hnkf2lt8n4] {
    background: rgba(10, 28, 48, 0.8) !important;
    border: 1px solid rgba(24, 200, 248, 0.2) !important;
    border-radius: 16px !important;
    padding: 1.5rem 1rem !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.4rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.stat-num[b-hnkf2lt8n4] {
    font-size: 2rem !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    font-family: 'JetBrains Mono', monospace, sans-serif !important;
}

.stat-lbl[b-hnkf2lt8n4] {
    font-size: 0.85rem !important;
    color: #94A3B8 !important;
    font-weight: 700 !important;
}

.about-hq-badge[b-hnkf2lt8n4] {
    background: rgba(10, 28, 48, 0.9) !important;
    border: 1px solid rgba(239, 68, 68, 0.35) !important;
    color: #CBD5E1 !important;
    padding: 0.65rem 1.65rem !important;
    border-radius: 9999px !important;
    font-size: 0.92rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5), 0 0 15px rgba(239, 68, 68, 0.1) !important;
}

/* ==========================================================================
   WORKFLOW & ROADMAP SECTION (آلية العمل والربط الهندسي — بطاقات مصغرة ومدمجة)
   Ultra-Compact, Sleek, Proportional, Equal Height Enterprise Cards
   ========================================================================== */
/* 1. منع أي انزلاق أو تمرير أفقي على كافة الهواتف */
html[b-hnkf2lt8n4], body[b-hnkf2lt8n4], .page-wrapper[b-hnkf2lt8n4] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. ضبط الهيدر للهواتف المحمولة */
@media (max-width: 767.98px) {
    .site-header[b-hnkf2lt8n4] {
        height: 60px !important;
    }

    .elite-header-container[b-hnkf2lt8n4] {
        padding: 0 0.85rem !important;
    }

    .brand-logo-wrap[b-hnkf2lt8n4] {
        width: 34px !important;
        height: 34px !important;
    }

    .brand-logo-text .brand-name[b-hnkf2lt8n4] {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
    }

    .brand-logo-text .brand-tagline[b-hnkf2lt8n4], .btn-header-cta[b-hnkf2lt8n4] {
        display: none !important;
    }

    .lang-toggle-btn[b-hnkf2lt8n4] {
        padding: 0.25rem 0.55rem !important;
        font-size: 0.72rem !important;
        min-height: 32px !important;
    }

    .mobile-menu-btn[b-hnkf2lt8n4] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
}

/* 3. ضبط الخطوط والمسافات في Hero Section لشاشات الهواتف (320px - 480px) */
@media (max-width: 575.98px) {
    .hero-section[b-hnkf2lt8n4] {
        padding: clamp(1.75rem, 4vw, 2.5rem) 0 2rem 0 !important;
    }

    .hero-container[b-hnkf2lt8n4] {
        padding: 0 0.85rem !important;
        gap: 1.5rem !important;
    }

    .hero-title[b-hnkf2lt8n4] {
        font-size: clamp(1.35rem, 5.8vw, 1.75rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.85rem !important;
    }

    .hero-heading-white[b-hnkf2lt8n4], .hero-heading-gradient[b-hnkf2lt8n4] {
        font-size: inherit !important;
        display: inline !important;
    }

    .hero-heading-sub[b-hnkf2lt8n4] {
        font-size: clamp(1.1rem, 4.5vw, 1.35rem) !important;
        display: block !important;
        margin-top: 0.35rem !important;
    }

    .hero-lead[b-hnkf2lt8n4] {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin-bottom: 1.25rem !important;
    }

    .hero-actions-row[b-hnkf2lt8n4] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.6rem !important;
    }

    .btn-primary-saas[b-hnkf2lt8n4], .btn-secondary-saas[b-hnkf2lt8n4], .hero-hotline-pill[b-hnkf2lt8n4] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
        font-size: 0.9rem !important;
    }

    .hero-stats-bar[b-hnkf2lt8n4] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.55rem !important;
        padding: 0.75rem !important;
    }

    .stat-number[b-hnkf2lt8n4] {
        font-size: 1.35rem !important;
    }

    .stat-label[b-hnkf2lt8n4] {
        font-size: 0.72rem !important;
    }

    .terminal-kpi-grid[b-hnkf2lt8n4] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
}

/* 4. الشاشات فائقة الصغر (320px - 375px) كـ iPhone SE */
@media (max-width: 375.98px) {
    .site-header[b-hnkf2lt8n4] {
        height: 56px !important;
    }

    .elite-header-container[b-hnkf2lt8n4] {
        padding: 0 0.5rem !important;
    }

    .brand-logo-text .brand-name[b-hnkf2lt8n4] {
        font-size: 0.82rem !important;
    }

    .hero-title[b-hnkf2lt8n4] {
        font-size: 1.35rem !important;
    }

    .hero-heading-sub[b-hnkf2lt8n4] {
        font-size: 1.05rem !important;
    }

    .hero-lead[b-hnkf2lt8n4] {
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
    }

    .stat-number[b-hnkf2lt8n4] {
        font-size: 1.18rem !important;
    }

    .services-trust-bar[b-hnkf2lt8n4], .about-unified-trust-bar[b-hnkf2lt8n4] {
        grid-template-columns: 1fr !important;
    }
}
/* /Components/Sections/ServicesSection.razor.rz.scp.css */
/* 6. Technical Solutions & Services Section (5 Cards in 1 Row) */
.services-portfolio-section[b-ufph9sxky2] {
    position: relative !important;
    background-color: #020914 !important;
    background-image: 
        radial-gradient(circle at 50% 10%, rgba(0, 214, 240, 0.1) 0%, transparent 60%) !important;
    padding: 4rem 0 3.5rem 0 !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.12) !important;
}

.services-ambient-glow[b-ufph9sxky2] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 20%, rgba(0, 214, 240, 0.05) 0%, transparent 70%);
}

.services-header-box[b-ufph9sxky2] {
    margin-bottom: 3rem !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.section-tag-cyan-wrap[b-ufph9sxky2] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 0.75rem !important;
}

.section-tag-cyan[b-ufph9sxky2] {
    color: #00D6F0 !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    border-radius: 50px !important;
    padding: 0.35rem 1.25rem !important;
    margin: 0 auto !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 0 15px rgba(0, 214, 240, 0.12) !important;
}

.section-title-wrap[b-ufph9sxky2] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.25rem !important;
    margin-bottom: 0.85rem !important;
}

.title-decor-line[b-ufph9sxky2] {
    height: 2px !important;
    width: 65px !important;
    border-radius: 2px !important;
}

.title-decor-line.line-right[b-ufph9sxky2] {
    background: linear-gradient(90deg, transparent, #00D6F0) !important;
}

.title-decor-line.line-left[b-ufph9sxky2] {
    background: linear-gradient(90deg, #00D6F0, transparent) !important;
}

.section-main-title[b-ufph9sxky2] {
    color: #FFFFFF !important;
    font-size: clamp(1.8rem, 2.6vw, 2.4rem) !important;
    font-weight: 900 !important;
    margin: 0 !important;
}

.section-lead-desc[b-ufph9sxky2] {
    color: #94A3B8 !important;
    font-size: 0.95rem !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    line-height: 1.7 !important;
}

/* 5 Cards Row */
.services-five-grid[b-ufph9sxky2] {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 1.15rem !important;
    margin-bottom: 3rem !important;
    width: 100% !important;
    max-width: 1360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.service-ref-card[b-ufph9sxky2] {
    background: rgba(4, 18, 34, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.22) !important;
    border-radius: 16px !important;
    padding: 1.15rem 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

.service-ref-card:hover[b-ufph9sxky2] {
    border-color: #00D6F0 !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 214, 240, 0.25) !important;
    background: rgba(6, 25, 48, 0.95) !important;
}

.card-icon-badge[b-ufph9sxky2] {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: rgba(0, 214, 240, 0.15) !important;
    border: 1px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    z-index: 2 !important;
    box-shadow: 0 0 10px rgba(0, 214, 240, 0.25) !important;
}

[dir="ltr"] .card-icon-badge[b-ufph9sxky2] {
    right: auto !important;
    left: 14px !important;
}

.card-image-wrap[b-ufph9sxky2] {
    width: 100% !important;
    height: 145px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(2, 10, 20, 0.6) !important;
    margin-bottom: 1rem !important;
    border: 1px solid rgba(0, 214, 240, 0.12) !important;
}

.card-product-img[b-ufph9sxky2] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.service-ref-card:hover .card-product-img[b-ufph9sxky2] {
    transform: scale(1.05) !important;
}

.card-content-wrap[b-ufph9sxky2] {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    text-align: right !important;
}

[dir="ltr"] .card-content-wrap[b-ufph9sxky2] {
    text-align: left !important;
}

.card-title[b-ufph9sxky2] {
    color: #FFFFFF !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.45rem !important;
    line-height: 1.35 !important;
}

.card-desc[b-ufph9sxky2] {
    color: #94A3B8 !important;
    font-size: 0.78rem !important;
    line-height: 1.65 !important;
    margin-bottom: 0.85rem !important;
    flex-grow: 1 !important;
}

.card-action-link[b-ufph9sxky2] {
    color: #00D6F0 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    transition: all 0.2s ease !important;
}

.service-ref-card:hover .card-action-link[b-ufph9sxky2] {
    color: #38BDF8 !important;
    transform: translateX(-3px) !important;
}

[dir="ltr"] .service-ref-card:hover .card-action-link[b-ufph9sxky2] {
    transform: translateX(3px) !important;
}

/* 7. Trust & Metrics Bar (4 Highlights) */
.services-trust-bar[b-ufph9sxky2] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem !important;
    background: rgba(4, 16, 30, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.2) !important;
    border-radius: 50px !important;
    padding: 1.15rem 2.5rem !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.trust-item[b-ufph9sxky2] {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.trust-icon-box[b-ufph9sxky2] {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    color: #00D6F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.25rem !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 10px rgba(0, 214, 240, 0.2) !important;
}

.trust-text[b-ufph9sxky2] {
    display: flex !important;
    flex-direction: column !important;
    text-align: right !important;
}

[dir="ltr"] .trust-text[b-ufph9sxky2] {
    text-align: left !important;
}

.trust-title[b-ufph9sxky2] {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
}

.trust-sub[b-ufph9sxky2] {
    color: #94A3B8 !important;
    font-size: 0.75rem !important;
    margin-top: 2px !important;
}


/* ==========================================================================
   7.5. COMPREHENSIVE INTEGRATION CORE (منظومة الربط الشامل)
   Matching Reference: "Arabic Futuristic Tech Solutions Landing Page.png"
   ========================================================================== */
/* ==========================================================================
   EXECUTIVE COMPREHENSIVE INTEGRATION CORE (منظومة الربط الشامل — فائقة الاحترافية)
   High-Tech Glassmorphism, Micro-Badges, Glowing Cyber Medallions & Luminous Accents
   ========================================================================== */


/* Services Responsive Adaptations */
@media (max-width: 1199.98px) {
    .services-five-grid[b-ufph9sxky2] {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 767.98px) {
    .services-five-grid[b-ufph9sxky2] {
        grid-template-columns: 1fr !important;
        max-width: 420px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .services-trust-bar[b-ufph9sxky2] {
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important;
    }
}
@media (max-width: 480px) {
    .services-trust-bar[b-ufph9sxky2] {
        grid-template-columns: 1fr !important;
    }
}
/* 1. منع أي انزلاق أو تمرير أفقي على كافة الهواتف */
html[b-ufph9sxky2], body[b-ufph9sxky2], .page-wrapper[b-ufph9sxky2] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. ضبط الهيدر للهواتف المحمولة */
@media (max-width: 767.98px) {
    .site-header[b-ufph9sxky2] {
        height: 60px !important;
    }

    .elite-header-container[b-ufph9sxky2] {
        padding: 0 0.85rem !important;
    }

    .brand-logo-wrap[b-ufph9sxky2] {
        width: 34px !important;
        height: 34px !important;
    }

    .brand-logo-text .brand-name[b-ufph9sxky2] {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
    }

    .brand-logo-text .brand-tagline[b-ufph9sxky2], .btn-header-cta[b-ufph9sxky2] {
        display: none !important;
    }

    .lang-toggle-btn[b-ufph9sxky2] {
        padding: 0.25rem 0.55rem !important;
        font-size: 0.72rem !important;
        min-height: 32px !important;
    }

    .mobile-menu-btn[b-ufph9sxky2] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
}

/* 3. ضبط الخطوط والمسافات في Hero Section لشاشات الهواتف (320px - 480px) */
@media (max-width: 575.98px) {
    .hero-section[b-ufph9sxky2] {
        padding: clamp(1.75rem, 4vw, 2.5rem) 0 2rem 0 !important;
    }

    .hero-container[b-ufph9sxky2] {
        padding: 0 0.85rem !important;
        gap: 1.5rem !important;
    }

    .hero-title[b-ufph9sxky2] {
        font-size: clamp(1.35rem, 5.8vw, 1.75rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.85rem !important;
    }

    .hero-heading-white[b-ufph9sxky2], .hero-heading-gradient[b-ufph9sxky2] {
        font-size: inherit !important;
        display: inline !important;
    }

    .hero-heading-sub[b-ufph9sxky2] {
        font-size: clamp(1.1rem, 4.5vw, 1.35rem) !important;
        display: block !important;
        margin-top: 0.35rem !important;
    }

    .hero-lead[b-ufph9sxky2] {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin-bottom: 1.25rem !important;
    }

    .hero-actions-row[b-ufph9sxky2] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.6rem !important;
    }

    .btn-primary-saas[b-ufph9sxky2], .btn-secondary-saas[b-ufph9sxky2], .hero-hotline-pill[b-ufph9sxky2] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
        font-size: 0.9rem !important;
    }

    .hero-stats-bar[b-ufph9sxky2] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.55rem !important;
        padding: 0.75rem !important;
    }

    .stat-number[b-ufph9sxky2] {
        font-size: 1.35rem !important;
    }

    .stat-label[b-ufph9sxky2] {
        font-size: 0.72rem !important;
    }

    .terminal-kpi-grid[b-ufph9sxky2] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
}

/* 4. الشاشات فائقة الصغر (320px - 375px) كـ iPhone SE */
@media (max-width: 375.98px) {
    .site-header[b-ufph9sxky2] {
        height: 56px !important;
    }

    .elite-header-container[b-ufph9sxky2] {
        padding: 0 0.5rem !important;
    }

    .brand-logo-text .brand-name[b-ufph9sxky2] {
        font-size: 0.82rem !important;
    }

    .hero-title[b-ufph9sxky2] {
        font-size: 1.35rem !important;
    }

    .hero-heading-sub[b-ufph9sxky2] {
        font-size: 1.05rem !important;
    }

    .hero-lead[b-ufph9sxky2] {
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
    }

    .stat-number[b-ufph9sxky2] {
        font-size: 1.18rem !important;
    }

    .services-trust-bar[b-ufph9sxky2], .about-unified-trust-bar[b-ufph9sxky2] {
        grid-template-columns: 1fr !important;
    }
}
/* /Components/Sections/SolutionsSection.razor.rz.scp.css */
#solutions.solutions-section-wrap[b-4nrf9zn8ny],
.solutions-section-wrap[b-4nrf9zn8ny] {
    position: relative !important;
    background-color: #030816 !important;
    background-image: 
        radial-gradient(circle at 50% 18%, rgba(0, 214, 240, 0.14) 0%, transparent 60%),
        radial-gradient(circle at 10% 75%, rgba(2, 132, 199, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 90% 75%, rgba(245, 158, 11, 0.06) 0%, transparent 50%),
        linear-gradient(180deg, #020713 0%, #041022 50%, #020713 100%) !important;
    padding: clamp(5rem, 6.5vw, 7.5rem) 0 !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(0, 214, 240, 0.16) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.16) !important;
    color: #FFFFFF !important;
}

#solutions .solutions-ambient-bg[b-4nrf9zn8ny],
.solutions-section-wrap .solutions-ambient-bg[b-4nrf9zn8ny] {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

#solutions .solutions-mesh-grid[b-4nrf9zn8ny],
.solutions-section-wrap .solutions-mesh-grid[b-4nrf9zn8ny] {
    position: absolute !important;
    inset: 0 !important;
    background-image: 
        linear-gradient(to right, rgba(0, 214, 240, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 214, 240, 0.04) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
    mask-image: radial-gradient(circle at 50% 35%, black 40%, transparent 80%) !important;
    -webkit-mask-image: radial-gradient(circle at 50% 35%, black 40%, transparent 80%) !important;
}

#solutions .ambient-glow-orb[b-4nrf9zn8ny],
.solutions-section-wrap .ambient-glow-orb[b-4nrf9zn8ny] {
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    filter: blur(80px) !important;
    opacity: 0.28 !important;
}

#solutions .orb-left-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .orb-left-cyan[b-4nrf9zn8ny] {
    top: 15% !important;
    left: -5% !important;
    width: 420px !important;
    height: 420px !important;
    background: radial-gradient(circle, rgba(0, 214, 240, 0.35) 0%, transparent 70%) !important;
}

#solutions .orb-right-blue[b-4nrf9zn8ny],
.solutions-section-wrap .orb-right-blue[b-4nrf9zn8ny] {
    top: 25% !important;
    right: -5% !important;
    width: 440px !important;
    height: 440px !important;
    background: radial-gradient(circle, rgba(20, 127, 193, 0.3) 0%, transparent 70%) !important;
}

#solutions .solutions-container[b-4nrf9zn8ny],
.solutions-section-wrap .solutions-container[b-4nrf9zn8ny] {
    position: relative !important;
    z-index: 3 !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

/* Header Elements */
#solutions .section-header-block[b-4nrf9zn8ny],
.solutions-section-wrap .section-header-block[b-4nrf9zn8ny] {
    max-width: 840px !important;
    margin: 0 auto 3.75rem auto !important;
    text-align: center !important;
}

#solutions .section-tag-pill[b-4nrf9zn8ny],
.solutions-section-wrap .section-tag-pill[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    background: rgba(4, 20, 42, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.5) !important;
    border-radius: 50px !important;
    padding: 0.45rem 1.4rem !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 25px rgba(0, 214, 240, 0.25) !important;
    margin-bottom: 1.35rem !important;
    letter-spacing: 0.3px !important;
}

#solutions .pill-radar-dot[b-4nrf9zn8ny],
.solutions-section-wrap .pill-radar-dot[b-4nrf9zn8ny] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #00D6F0 !important;
    box-shadow: 0 0 10px #00D6F0 !important;
    animation: pulseBeacon 1.8s infinite !important;
    display: inline-block !important;
}

#solutions .section-main-title[b-4nrf9zn8ny],
.solutions-section-wrap .section-main-title[b-4nrf9zn8ny] {
    font-size: clamp(2.1rem, 3.8vw, 3rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    margin-bottom: 1.15rem !important;
}

#solutions .text-gradient-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .text-gradient-cyan[b-4nrf9zn8ny] {
    background: linear-gradient(135deg, #00D6F0 0%, #38BDF8 50%, #93C5FD 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

#solutions .section-lead-text[b-4nrf9zn8ny],
.solutions-section-wrap .section-lead-text[b-4nrf9zn8ny] {
    color: #94A3B8 !important;
    font-size: clamp(0.95rem, 1.2vw, 1.08rem) !important;
    line-height: 1.85 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* 3 Architectural Cards Grid - Perfectly Balanced & Harmonious Sizing */
#solutions .solutions-interconnected-grid[b-4nrf9zn8ny],
.solutions-section-wrap .solutions-interconnected-grid[b-4nrf9zn8ny] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.35rem !important;
    max-width: 1240px !important;
    margin: 0 auto 2.5rem auto !important;
    align-items: stretch !important;
}

/* Base Card Architecture - Compact, Balanced & Proportional Sizing */
#solutions .solution-pillar-card[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card[b-4nrf9zn8ny] {
    background: linear-gradient(180deg, rgba(8, 24, 48, 0.92) 0%, rgba(4, 13, 27, 0.98) 100%) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 18px !important;
    padding: 1.75rem 1.45rem 1.45rem 1.45rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
    box-sizing: border-box !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

/* Top Accent Line on Cards */
#solutions .card-top-accent[b-4nrf9zn8ny],
.solutions-section-wrap .card-top-accent[b-4nrf9zn8ny] {
    position: absolute !important;
    top: 0 !important;
    left: 12% !important;
    right: 12% !important;
    height: 2.5px !important;
    border-radius: 9999px !important;
    pointer-events: none !important;
    transition: all 0.35s ease !important;
}

/* Card 1 & 3: Cyan Theme */
#solutions .solution-pillar-card.pillar-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-cyan[b-4nrf9zn8ny] {
    border: 1.5px solid rgba(0, 214, 240, 0.35) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 25px rgba(0, 214, 240, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

#solutions .solution-pillar-card.pillar-cyan .card-top-accent[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-cyan .card-top-accent[b-4nrf9zn8ny] {
    background: linear-gradient(90deg, transparent, #00D6F0, transparent) !important;
    box-shadow: 0 0 12px #00D6F0 !important;
}

#solutions .solution-pillar-card.pillar-cyan:hover[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-cyan:hover[b-4nrf9zn8ny] {
    border-color: #00D6F0 !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.85), 0 0 40px rgba(0, 214, 240, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Card 2: Gold Theme */
#solutions .solution-pillar-card.pillar-gold[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-gold[b-4nrf9zn8ny] {
    background: linear-gradient(180deg, rgba(20, 25, 42, 0.9) 0%, rgba(6, 12, 24, 0.98) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 25px rgba(245, 158, 11, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

#solutions .solution-pillar-card.pillar-gold .card-top-accent[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-gold .card-top-accent[b-4nrf9zn8ny] {
    background: linear-gradient(90deg, transparent, #F59E0B, transparent) !important;
    box-shadow: 0 0 12px #F59E0B !important;
}

#solutions .solution-pillar-card.pillar-gold:hover[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-gold:hover[b-4nrf9zn8ny] {
    border-color: #F59E0B !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.85), 0 0 40px rgba(245, 158, 11, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Card Header Row */
#solutions .pillar-header-row[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-header-row[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    margin-bottom: 1.15rem !important;
}

#solutions .pillar-identity-wrap[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-identity-wrap[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

#solutions .pillar-step-number[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-step-number[b-4nrf9zn8ny] {
    font-size: 1.75rem !important;
    font-weight: 900 !important;
    font-family: 'JetBrains Mono', 'Cairo', monospace !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
}

#solutions .pillar-step-number.text-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-step-number.text-cyan[b-4nrf9zn8ny] {
    color: #00D6F0 !important;
    text-shadow: 0 0 20px rgba(0, 214, 240, 0.6) !important;
}

#solutions .pillar-step-number.text-gold[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-step-number.text-gold[b-4nrf9zn8ny] {
    color: #F59E0B !important;
    text-shadow: 0 0 20px rgba(245, 158, 11, 0.6) !important;
}

#solutions .pillar-category-badge[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-category-badge[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    border-radius: 50px !important;
    padding: 0.28rem 0.75rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

#solutions .badge-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .badge-cyan[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.45) !important;
    color: #00D6F0 !important;
}

#solutions .badge-gold[b-4nrf9zn8ny],
.solutions-section-wrap .badge-gold[b-4nrf9zn8ny] {
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: #F59E0B !important;
}

#solutions .badge-pulse-dot[b-4nrf9zn8ny],
.solutions-section-wrap .badge-pulse-dot[b-4nrf9zn8ny] {
    width: 6.5px !important;
    height: 6.5px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    animation: pulseBeacon 1.8s infinite !important;
    flex-shrink: 0 !important;
}

#solutions .dot-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .dot-cyan[b-4nrf9zn8ny] {
    background: #00D6F0 !important;
    box-shadow: 0 0 8px #00D6F0 !important;
}

#solutions .dot-gold[b-4nrf9zn8ny],
.solutions-section-wrap .dot-gold[b-4nrf9zn8ny] {
    background: #F59E0B !important;
    box-shadow: 0 0 8px #F59E0B !important;
}

/* Cyber Technical Icon Medallion */
#solutions .pillar-icon-medallion[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-icon-medallion[b-4nrf9zn8ny] {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.35rem !important;
    flex-shrink: 0 !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
}

#solutions .medallion-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .medallion-cyan[b-4nrf9zn8ny] {
    background: linear-gradient(135deg, rgba(0, 214, 240, 0.22) 0%, rgba(2, 132, 199, 0.12) 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.45) !important;
    color: #00D6F0 !important;
    box-shadow: 0 8px 25px rgba(0, 214, 240, 0.25) !important;
}

#solutions .medallion-gold[b-4nrf9zn8ny],
.solutions-section-wrap .medallion-gold[b-4nrf9zn8ny] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.22) 0%, rgba(217, 119, 6, 0.12) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    color: #F59E0B !important;
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.25) !important;
}

#solutions .solution-pillar-card:hover .pillar-icon-medallion[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card:hover .pillar-icon-medallion[b-4nrf9zn8ny] {
    transform: scale(1.1) rotate(-3deg) !important;
}

/* Card Body Content - Uniform Alignment Across Columns */
#solutions .pillar-card-title[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-card-title[b-4nrf9zn8ny] {
    color: #FFFFFF !important;
    font-size: 1.16rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    margin-bottom: 0.6rem !important;
    letter-spacing: -0.2px !important;
    min-height: 2.8rem !important;
    display: flex !important;
    align-items: center !important;
}

#solutions .pillar-card-desc[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-card-desc[b-4nrf9zn8ny] {
    color: #94A3B8 !important;
    font-size: 0.86rem !important;
    line-height: 1.65 !important;
    margin-bottom: 1.15rem !important;
    min-height: 3.8rem !important;
}

/* Feature Checklist Micro-Cards */
#solutions .pillar-features-list[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-features-list[b-4nrf9zn8ny] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.55rem !important;
    margin-bottom: 1.25rem !important;
    flex: 1 !important;
}

#solutions .feature-item[b-4nrf9zn8ny],
.solutions-section-wrap .feature-item[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 0.55rem 0.85rem !important;
    transition: all 0.25s ease !important;
}

#solutions .solution-pillar-card.pillar-cyan .feature-item:hover[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-cyan .feature-item:hover[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.06) !important;
    border-color: rgba(0, 214, 240, 0.3) !important;
    transform: translateX(-3px) !important;
}

#solutions .solution-pillar-card.pillar-gold .feature-item:hover[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-gold .feature-item:hover[b-4nrf9zn8ny] {
    background: rgba(245, 158, 11, 0.06) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    transform: translateX(-3px) !important;
}

#solutions .feature-check-icon[b-4nrf9zn8ny],
.solutions-section-wrap .feature-check-icon[b-4nrf9zn8ny] {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.75rem !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
}

#solutions .check-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .check-cyan[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.15) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.5) !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 10px rgba(0, 214, 240, 0.3) !important;
}

#solutions .check-gold[b-4nrf9zn8ny],
.solutions-section-wrap .check-gold[b-4nrf9zn8ny] {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.5) !important;
    color: #F59E0B !important;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.3) !important;
}

#solutions .feature-text[b-4nrf9zn8ny],
.solutions-section-wrap .feature-text[b-4nrf9zn8ny] {
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #E2E8F0 !important;
    line-height: 1.45 !important;
}

/* Bottom Status Capsule Bar */
#solutions .pillar-status-pill[b-4nrf9zn8ny],
.solutions-section-wrap .pillar-status-pill[b-4nrf9zn8ny] {
    border-radius: 12px !important;
    padding: 0.65rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    font-size: 0.84rem !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-top: auto !important;
    letter-spacing: 0.3px !important;
    transition: all 0.3s ease !important;
}

#solutions .bar-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .bar-cyan[b-4nrf9zn8ny] {
    background: linear-gradient(90deg, rgba(0, 214, 240, 0.16) 0%, rgba(2, 132, 199, 0.28) 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.55) !important;
    color: #00D6F0 !important;
    box-shadow: 0 4px 20px rgba(0, 214, 240, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

#solutions .bar-gold[b-4nrf9zn8ny],
.solutions-section-wrap .bar-gold[b-4nrf9zn8ny] {
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.16) 0%, rgba(217, 119, 6, 0.28) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.55) !important;
    color: #F59E0B !important;
    box-shadow: 0 4px 20px rgba(245, 158, 11, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

#solutions .solution-pillar-card.pillar-cyan:hover .bar-cyan[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-cyan:hover .bar-cyan[b-4nrf9zn8ny] {
    box-shadow: 0 6px 25px rgba(0, 214, 240, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

#solutions .solution-pillar-card.pillar-gold:hover .bar-gold[b-4nrf9zn8ny],
.solutions-section-wrap .solution-pillar-card.pillar-gold:hover .bar-gold[b-4nrf9zn8ny] {
    box-shadow: 0 6px 25px rgba(245, 158, 11, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

#solutions .status-pulse-dot[b-4nrf9zn8ny],
.solutions-section-wrap .status-pulse-dot[b-4nrf9zn8ny] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    animation: pulseBeacon 1.8s infinite !important;
    flex-shrink: 0 !important;
}

/* Carousel Dots Indicator */
#solutions .solutions-carousel-dots[b-4nrf9zn8ny],
.solutions-section-wrap .solutions-carousel-dots[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    margin-top: 1rem !important;
}

#solutions .solutions-carousel-dots .dot[b-4nrf9zn8ny],
.solutions-section-wrap .solutions-carousel-dots .dot[b-4nrf9zn8ny] {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(0, 214, 240, 0.3) !important;
    transition: all 0.3s ease !important;
}

#solutions .solutions-carousel-dots .dot.active[b-4nrf9zn8ny],
.solutions-section-wrap .solutions-carousel-dots .dot.active[b-4nrf9zn8ny] {
    width: 24px !important;
    border-radius: 12px !important;
    background: #00D6F0 !important;
    box-shadow: 0 0 14px #00D6F0 !important;
}

/* Responsive Overrides specifically for #solutions */
@media (max-width: 1024px) {
    #solutions .solutions-interconnected-grid[b-4nrf9zn8ny],
    .solutions-section-wrap .solutions-interconnected-grid[b-4nrf9zn8ny] {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        max-width: 680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {
    #solutions.solutions-section-wrap[b-4nrf9zn8ny],
    .solutions-section-wrap[b-4nrf9zn8ny] {
        padding: 4rem 0 3.5rem 0 !important;
    }
    #solutions .section-header-block[b-4nrf9zn8ny],
    .solutions-section-wrap .section-header-block[b-4nrf9zn8ny] {
        margin-bottom: 2.5rem !important;
    }
    #solutions .solution-pillar-card[b-4nrf9zn8ny],
    .solutions-section-wrap .solution-pillar-card[b-4nrf9zn8ny] {
        padding: 2rem 1.4rem 1.6rem 1.4rem !important;
        border-radius: 20px !important;
    }
    #solutions .pillar-card-title[b-4nrf9zn8ny],
    .solutions-section-wrap .pillar-card-title[b-4nrf9zn8ny] {
        font-size: 1.25rem !important;
    }
    #solutions .pillar-status-pill[b-4nrf9zn8ny],
    .solutions-section-wrap .pillar-status-pill[b-4nrf9zn8ny] {
        font-size: 0.88rem !important;
        padding: 0.75rem 1rem !important;
    }
}


/* 8. Global Floating WhatsApp Quick Action Button */
.floating-wa-btn[b-4nrf9zn8ny] {
    position: fixed !important;
    bottom: 24px !important;
    left: 24px !important;
    z-index: 9999 !important;
    background: #25D366 !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    padding: 0.65rem 1.3rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.45) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    font-family: 'IBM Plex Sans Arabic', 'Tajawal', sans-serif !important;
}

.floating-wa-btn:hover[b-4nrf9zn8ny] {
    background: #22C55E !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.65) !important;
}

/* ==========================================================================
   9. COMPREHENSIVE RESPONSIVE DESIGN SYSTEM (ALL VIEWPORT SIZES)
   Small Mobile (320px–375px), Mobile (376px–480px), Phablets (481px–767px),
   Tablets (768px–1023px), Laptops (1024px–1279px), Desktops (1280px–1599px), Ultrawide (1600px+)
   ========================================================================== */

/* --- Ultrawide & Large Monitors (1600px+) --- */
@media (min-width: 1600px) {
    .hero-container[b-4nrf9zn8ny],
    .solutions-container[b-4nrf9zn8ny],
    .container[b-4nrf9zn8ny] {
        max-width: 1480px !important;
    }
    .hero-title[b-4nrf9zn8ny] {
        font-size: 3.1rem !important;
    }
    .hero-lead[b-4nrf9zn8ny] {
        font-size: 1.15rem !important;
    }
}

/* --- Standard Desktops & Laptops (1280px - 1599px) --- */
@media (min-width: 1280px) and (max-width: 1599.98px) {
    .hero-container[b-4nrf9zn8ny] {
        max-width: 1280px !important;
    }
}

/* --- Small Laptops & Landscape Tablets (1024px - 1279.98px) --- */
@media (max-width: 1279.98px) {
    .nav-links[b-4nrf9zn8ny] {
        gap: 1.25rem !important;
    }
    .nav-links .nav-item[b-4nrf9zn8ny] {
        font-size: 0.88rem !important;
        padding: 0.35rem 0.25rem !important;
    }
    .services-five-grid[b-4nrf9zn8ny] {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 1.25rem !important;
    }
    .services-trust-bar[b-4nrf9zn8ny] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
        padding: 1.5rem 2rem !important;
        border-radius: 24px !important;
    }
    .hero-terminal-block[b-4nrf9zn8ny] {
        max-width: 480px !important;
    }
}

/* --- Medium Tablets & Large Mobile in Landscape (992px - 1023.98px) --- */
@media (max-width: 1023.98px) {
    .hero-container[b-4nrf9zn8ny] {
        gap: 2rem !important;
    }
    .solutions-interconnected-grid[b-4nrf9zn8ny] {
        grid-template-columns: 1fr !important;
        max-width: 580px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* --- Tablets & Mobile Boundary (< 992px) --- */
@media (max-width: 991.98px) {
    .site-header[b-4nrf9zn8ny] {
        height: 64px !important;
    }
    .nav-links[b-4nrf9zn8ny] {
        display: none !important;
    }
    .mobile-menu-btn[b-4nrf9zn8ny] {
        display: flex !important;
    }
    .hero-section[b-4nrf9zn8ny] {
        padding: 3rem 0 2.5rem 0 !important;
    }
    .hero-container[b-4nrf9zn8ny] {
        flex-direction: column-reverse !important;
        gap: 2.25rem !important;
        text-align: center !important;
    }
    .hero-content-group[b-4nrf9zn8ny] {
        text-align: center !important;
        max-width: 680px !important;
        margin: 0 auto !important;
    }
    .hero-pill-badge[b-4nrf9zn8ny] {
        margin: 0 auto 1.25rem auto !important;
    }
    .hero-actions-row[b-4nrf9zn8ny] {
        justify-content: center !important;
    }
    .hero-stats-bar[b-4nrf9zn8ny] {
        justify-content: center !important;
        margin: 0 auto !important;
    }
    .hero-terminal-block[b-4nrf9zn8ny] {
        max-width: 540px !important;
        margin: 0 auto !important;
    }
    .services-five-grid[b-4nrf9zn8ny] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
    }
    .services-trust-bar[b-4nrf9zn8ny] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem !important;
        padding: 1.35rem 1.5rem !important;
    }
    .about-pillars-grid[b-4nrf9zn8ny] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .about-stats-grid[b-4nrf9zn8ny] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* --- Large Mobile & Small Tablets (< 768px) --- */
@media (max-width: 767.98px) {
    .btn-header-cta[b-4nrf9zn8ny] {
        display: none !important; /* Keep mobile header clean and uncrowded */
    }
    .hero-section[b-4nrf9zn8ny] {
        padding: 2.25rem 0 2rem 0 !important;
    }
    .hero-container[b-4nrf9zn8ny] {
        gap: 1.75rem !important;
        padding: 0 0.85rem !important;
    }
    .hero-title[b-4nrf9zn8ny] {
        font-size: clamp(1.55rem, 5.2vw, 2.1rem) !important;
        line-height: 1.35 !important;
    }
    .hero-lead[b-4nrf9zn8ny] {
        font-size: 0.92rem !important;
        line-height: 1.65 !important;
        margin-bottom: 1.35rem !important;
    }
    .hero-actions-row[b-4nrf9zn8ny] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.65rem !important;
    }
    .hero-actions-row .btn-primary-saas[b-4nrf9zn8ny],
    .hero-actions-row .btn-secondary-saas[b-4nrf9zn8ny],
    .hero-actions-row .hero-hotline-pill[b-4nrf9zn8ny] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 48px !important;
        font-size: 0.92rem !important;
        padding: 0.75rem 1.25rem !important;
        box-sizing: border-box !important;
    }
    .hero-stats-bar[b-4nrf9zn8ny] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.65rem !important;
        border-radius: 16px !important;
        padding: 0.85rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .stat-sep[b-4nrf9zn8ny] {
        display: none !important;
    }
    .stat-cell[b-4nrf9zn8ny] {
        padding: 0.25rem !important;
    }
    .stat-number[b-4nrf9zn8ny] {
        font-size: 1.35rem !important;
    }
    .stat-label[b-4nrf9zn8ny] {
        font-size: 0.72rem !important;
    }
    .hero-terminal-block[b-4nrf9zn8ny] {
        max-width: 100% !important;
        width: 100% !important;
    }
    .terminal-inner[b-4nrf9zn8ny] {
        padding: 0.85rem !important;
        gap: 0.75rem !important;
    }
    .terminal-kpi-grid[b-4nrf9zn8ny] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.55rem !important;
    }
    .kpi-box[b-4nrf9zn8ny] {
        padding: 0.65rem 0.55rem !important;
    }
    .kpi-title[b-4nrf9zn8ny] {
        font-size: 0.74rem !important;
    }
    .kpi-value[b-4nrf9zn8ny] {
        font-size: 0.68rem !important;
    }
    .terminal-stream-row[b-4nrf9zn8ny] {
        padding: 0.55rem 0.75rem !important;
        font-size: 0.78rem !important;
    }
    .stream-main[b-4nrf9zn8ny] {
        font-size: 0.78rem !important;
    }
    .stream-sub[b-4nrf9zn8ny] {
        font-size: 0.7rem !important;
    }
    .services-portfolio-section[b-4nrf9zn8ny] {
        padding: 2.5rem 0 2rem 0 !important;
    }
    .section-main-title[b-4nrf9zn8ny] {
        font-size: clamp(1.4rem, 4.8vw, 1.85rem) !important;
    }
    .services-five-grid[b-4nrf9zn8ny] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    .service-ref-card[b-4nrf9zn8ny] {
        padding: 1.25rem 1rem !important;
    }
    .card-image-wrap[b-4nrf9zn8ny] {
        height: 150px !important;
    }
    .services-trust-bar[b-4nrf9zn8ny] {
        grid-template-columns: 1fr !important;
        border-radius: 16px !important;
        padding: 1.15rem 1rem !important;
        gap: 0.85rem !important;
    }
    .trust-item[b-4nrf9zn8ny] {
        justify-content: flex-start !important;
    }
    .about-pillars-grid[b-4nrf9zn8ny] {
        grid-template-columns: 1fr !important;
        gap: 1.15rem !important;
    }
    .about-stats-grid[b-4nrf9zn8ny] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }
    .about-hq-badge[b-4nrf9zn8ny] {
        flex-direction: column !important;
        text-align: center !important;
        gap: 0.35rem !important;
        padding: 0.85rem 1rem !important;
    }
    .service-modal-dialog[b-4nrf9zn8ny] {
        width: 95vw !important;
        max-width: 95vw !important;
        margin: 1rem auto !important;
        padding: 1.25rem 1rem !important;
        border-radius: 16px !important;
    }
    .service-modal-grid[b-4nrf9zn8ny] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    .client-modal-card[b-4nrf9zn8ny] {
        width: 94vw !important;
        max-width: 94vw !important;
        padding: 1.25rem 1rem !important;
        margin: 1rem auto !important;
        border-radius: 18px !important;
    }
    .consultation-form-card[b-4nrf9zn8ny] {
        padding: 1.35rem 1rem !important;
        border-radius: 16px !important;
    }
    .saas-input[b-4nrf9zn8ny], .saas-select[b-4nrf9zn8ny], .consultation-form-card textarea[b-4nrf9zn8ny] {
        font-size: 16px !important; /* Prevents auto-zoom on iOS Safari */
    }
    .btn-saas-submit[b-4nrf9zn8ny] {
        width: 100% !important;
        min-height: 48px !important;
    }
}

/* --- Standard Mobile Phones (< 576px) --- */
@media (max-width: 575.98px) {
    .site-header[b-4nrf9zn8ny] {
        height: 60px !important;
    }
    .elite-header-container[b-4nrf9zn8ny] {
        padding: 0 0.85rem !important;
    }
    .brand-logo-img[b-4nrf9zn8ny] {
        height: 32px !important;
    }
    .brand-name[b-4nrf9zn8ny] {
        font-size: 0.95rem !important;
    }
    .brand-tagline[b-4nrf9zn8ny] {
        display: none !important;
    }
    .lang-toggle-btn[b-4nrf9zn8ny] {
        padding: 0.32rem 0.65rem !important;
        font-size: 0.76rem !important;
        min-height: 36px !important;
    }
    .mobile-menu-btn[b-4nrf9zn8ny] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
    .title-decor-line[b-4nrf9zn8ny] {
        display: none !important; /* Prevents title overflow on narrow screens */
    }
    .solutions-container[b-4nrf9zn8ny],
    .container[b-4nrf9zn8ny] {
        padding: 0 0.85rem !important;
    }
    .solution-pillar-card[b-4nrf9zn8ny] {
        padding: 1.25rem 1rem !important;
        border-radius: 16px !important;
    }
    .client-card-action-footer[b-4nrf9zn8ny] {
        flex-direction: column !important;
        gap: 0.65rem !important;
    }
    .client-quick-actions[b-4nrf9zn8ny] {
        width: 100% !important;
        justify-content: space-between !important;
    }
    .client-quick-actions .btn-action-pill[b-4nrf9zn8ny] {
        flex: 1 !important;
        justify-content: center !important;
        min-height: 44px !important;
    }
    .btn-action-done[b-4nrf9zn8ny] {
        width: 100% !important;
        min-height: 42px !important;
    }
    .floating-wa-btn[b-4nrf9zn8ny] {
        bottom: 1rem !important;
        left: 1rem !important;
        padding: 0.55rem 0.95rem !important;
        font-size: 0.82rem !important;
    }
}

/* --- Small Mobile Phones (320px - 375px) --- */
@media (max-width: 375.98px) {
    .site-header[b-4nrf9zn8ny] {
        height: 56px !important;
    }
    .elite-header-container[b-4nrf9zn8ny] {
        padding: 0 0.65rem !important;
    }
    .brand-logo-img[b-4nrf9zn8ny] {
        height: 28px !important;
    }
    .brand-name[b-4nrf9zn8ny] {
        font-size: 0.85rem !important;
    }
    .lang-toggle-btn[b-4nrf9zn8ny] {
        padding: 0.25rem 0.45rem !important;
        font-size: 0.7rem !important;
    }
    .hero-title[b-4nrf9zn8ny] {
        font-size: 1.42rem !important;
    }
    .hero-lead[b-4nrf9zn8ny] {
        font-size: 0.84rem !important;
    }
    .stat-number[b-4nrf9zn8ny] {
        font-size: 1.18rem !important;
    }
    .stat-label[b-4nrf9zn8ny] {
        font-size: 0.68rem !important;
    }
    .terminal-headline[b-4nrf9zn8ny] {
        font-size: 0.66rem !important;
    }
    .kpi-title[b-4nrf9zn8ny] {
        font-size: 0.68rem !important;
    }
    .kpi-value[b-4nrf9zn8ny] {
        font-size: 0.62rem !important;
    }
    .section-main-title[b-4nrf9zn8ny] {
        font-size: 1.35rem !important;
    }
    .client-card-name[b-4nrf9zn8ny] {
        font-size: 1.05rem !important;
    }
    .client-card-logo-box[b-4nrf9zn8ny] {
        width: 44px !important;
        height: 44px !important;
    }
    .floating-wa-btn span[b-4nrf9zn8ny] {
        display: none !important;
    }
    .floating-wa-btn[b-4nrf9zn8ny] {
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        justify-content: center !important;
    }
    .floating-wa-btn i[b-4nrf9zn8ny] {
        font-size: 1.25rem !important;
    }
}


/* ==========================================================================
   PARTNERS SECTION: CENTERED COHESIVE HEADER & CLIENT MODAL CARD WITH NAV
   ========================================================================== */

/* 1. Centered Header Cluster for Partners Section */
.clients-header-centered-cluster[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.5rem !important;
    flex-wrap: wrap !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.clients-title-group[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.65rem !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.luxury-marquee-head-wrap[b-4nrf9zn8ny] {
    padding: 1.25rem 0 !important;
    text-align: center !important;
}

.clients-bar-title[b-4nrf9zn8ny] {
    font-size: 1.28rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    display: inline-block !important;
}

.clients-bar-sub[b-4nrf9zn8ny] {
    font-size: 0.95rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.clients-bar-meta[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(245, 158, 11, 0.12) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    border-radius: 50px !important;
    padding: 0.35rem 1.1rem !important;
    color: #FBBF24 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.15) !important;
}

/* 2. Centered Client Modal Dialog (بطاقة في المنتصف) */
.client-modal-backdrop[b-4nrf9zn8ny] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(2, 8, 18, 0.78) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    z-index: 10050 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.5rem !important;
    animation: clientBackdropFade-b-4nrf9zn8ny 0.22s ease-out !important;
}

@keyframes clientBackdropFade-b-4nrf9zn8ny {
    from { opacity: 0; }
    to { opacity: 1; }
}

.client-modal-dialog[b-4nrf9zn8ny] {
    position: relative !important;
    width: 100% !important;
    max-width: 720px !important;
    max-height: 88vh !important;
    background: linear-gradient(180deg, #07172B 0%, #0A2038 55%, #051326 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85), 0 0 40px rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    animation: clientModalZoom-b-4nrf9zn8ny 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 10060 !important;
}

@keyframes clientModalZoom-b-4nrf9zn8ny {
    from {
        opacity: 0;
        transform: scale(0.92) translateY(12px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Topbar in Modal */
.client-modal-topbar[b-4nrf9zn8ny] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.modal-counter-badge[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    border-radius: 50px !important;
    padding: 0.2rem 0.65rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Navigation step buttons in header */
.btn-client-nav-step[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.28) !important;
    color: #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 0.32rem 0.75rem !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}

.btn-client-nav-step:hover[b-4nrf9zn8ny] {
    background: #00D6F0 !important;
    color: #031326 !important;
    border-color: #00D6F0 !important;
    box-shadow: 0 0 12px rgba(0, 214, 240, 0.4) !important;
    transform: translateY(-1px) !important;
}

.modal-nav-sep[b-4nrf9zn8ny] {
    width: 1px !important;
    height: 18px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    margin: 0 0.35rem !important;
}

/* Floating Navigation Arrows (Desktop) */
.btn-modal-floating-arrow[b-4nrf9zn8ny] {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: rgba(6, 22, 44, 0.85) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
    font-size: 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 214, 240, 0.2) !important;
    z-index: 10070 !important;
    margin: 0 1.25rem !important;
    flex-shrink: 0 !important;
}

.btn-modal-floating-arrow:hover[b-4nrf9zn8ny] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    border-color: #00D6F0 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.7), 0 0 30px rgba(0, 214, 240, 0.5) !important;
}

/* Navigation Arrows in Footer */
.btn-action-nav-arrow[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.1) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    color: #00D6F0 !important;
}

.btn-action-nav-arrow:hover[b-4nrf9zn8ny] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    box-shadow: 0 0 15px rgba(0, 214, 240, 0.4) !important;
}

/* Modal Body */
.client-modal-body[b-4nrf9zn8ny] {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    padding: 1.5rem 1.6rem !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0, 214, 240, 0.35) transparent !important;
}

.client-modal-body[b-4nrf9zn8ny]::-webkit-scrollbar {
    width: 5px !important;
}

.client-modal-body[b-4nrf9zn8ny]::-webkit-scrollbar-thumb {
    background: rgba(0, 214, 240, 0.35) !important;
    border-radius: 10px !important;
}

/* Modal Footer */
.client-modal-footer[b-4nrf9zn8ny] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

@media (max-width: 768px) {
    .client-modal-backdrop[b-4nrf9zn8ny] {
        padding: 0.75rem !important;
    }
    .client-modal-dialog[b-4nrf9zn8ny] {
        max-height: 94vh !important;
        border-radius: 18px !important;
    }
    .client-modal-body[b-4nrf9zn8ny] {
        padding: 1.15rem 1rem !important;
    }
    .client-modal-topbar[b-4nrf9zn8ny], .client-modal-footer[b-4nrf9zn8ny] {
        padding: 0.85rem 1rem !important;
    }
    .clients-header-centered-cluster[b-4nrf9zn8ny] {
        gap: 0.75rem !important;
    }
}



/* ==========================================================================
   SIMPLIFIED & CLEAR CLIENT CARD (بطاقة عملاء مبسطة وواضحة بدون تعقيد)
   ========================================================================== */
.client-modal-backdrop[b-4nrf9zn8ny] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(2, 8, 18, 0.8) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    z-index: 10050 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.25rem !important;
    animation: clientBackdropFade-b-4nrf9zn8ny 0.2s ease-out !important;
}

@keyframes clientBackdropFade-b-4nrf9zn8ny {
    from { opacity: 0; }
    to { opacity: 1; }
}

.client-modal-card[b-4nrf9zn8ny] {
    position: relative !important;
    width: 100% !important;
    max-width: 560px !important;
    background: linear-gradient(180deg, #07172B 0%, #0A2038 60%, #051326 100%) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.4) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 35px rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    animation: clientModalZoom-b-4nrf9zn8ny 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes clientModalZoom-b-4nrf9zn8ny {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* 1. Topbar */
.client-card-topbar[b-4nrf9zn8ny] {
    padding: 0.85rem 1.25rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.card-topbar-start[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

.client-verified-pill[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
}

.client-count-pill[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    border-radius: 50px !important;
    padding: 0.15rem 0.6rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    color: #38BDF8 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.card-topbar-controls[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
}

.btn-card-nav[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    color: #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 0.3rem 0.7rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    transition: all 0.2s ease !important;
}

.btn-card-nav:hover[b-4nrf9zn8ny] {
    background: #00D6F0 !important;
    color: #020B18 !important;
    border-color: #00D6F0 !important;
}

.btn-card-close[b-4nrf9zn8ny] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #CBD5E1 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
    margin-right: 0.25rem !important;
}

.btn-card-close:hover[b-4nrf9zn8ny] {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: #EF4444 !important;
    color: #EF4444 !important;
}

/* 2. Profile Header */
.client-card-profile-header[b-4nrf9zn8ny] {
    padding: 1.25rem 1.4rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 1.15rem !important;
    background: rgba(8, 25, 48, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.client-card-logo-box[b-4nrf9zn8ny] {
    width: 64px !important;
    height: 64px !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    flex-shrink: 0 !important;
}

.client-card-logo-img[b-4nrf9zn8ny] {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.client-card-title-col[b-4nrf9zn8ny] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.client-card-name[b-4nrf9zn8ny] {
    color: #FFFFFF !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.client-card-name-sub[b-4nrf9zn8ny] {
    color: #94A3B8 !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
}

.client-card-meta-row[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    margin-top: 0.25rem !important;
}

.client-cat-tag[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.1) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    color: #00D6F0 !important;
    border-radius: 6px !important;
    padding: 0.2rem 0.55rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
}

.client-rating-inline[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    font-size: 0.85rem !important;
}

.client-rating-inline .rating-num[b-4nrf9zn8ny] {
    color: #FFFFFF !important;
    font-weight: 800 !important;
}

.client-rating-inline .reviews-num[b-4nrf9zn8ny] {
    color: #94A3B8 !important;
    font-size: 0.78rem !important;
}

/* 3. Body */
.client-card-body[b-4nrf9zn8ny] {
    padding: 1.25rem 1.4rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.client-simple-desc[b-4nrf9zn8ny] {
    color: #CBD5E1 !important;
    font-size: 0.92rem !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

.client-solution-highlight[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.08) !important;
    border: 1px solid rgba(0, 214, 240, 0.25) !important;
    border-radius: 12px !important;
    padding: 0.85rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

.solution-icon-wrap[b-4nrf9zn8ny] {
    font-size: 1.4rem !important;
    flex-shrink: 0 !important;
}

.solution-text-wrap[b-4nrf9zn8ny] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
}

.solution-label[b-4nrf9zn8ny] {
    font-size: 0.75rem !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}

.solution-val[b-4nrf9zn8ny] {
    color: #00D6F0 !important;
    font-weight: 800 !important;
    font-size: 0.92rem !important;
}

.client-info-compact-grid[b-4nrf9zn8ny] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    background: rgba(4, 15, 30, 0.4) !important;
    padding: 0.75rem 1rem !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.info-row-item[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    font-size: 0.85rem !important;
    color: #CBD5E1 !important;
}

.info-row-item i[b-4nrf9zn8ny] {
    font-size: 0.95rem !important;
    flex-shrink: 0 !important;
}

/* 4. Action Footer */
.client-card-action-footer[b-4nrf9zn8ny] {
    padding: 1rem 1.4rem !important;
    background: rgba(4, 15, 30, 0.95) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

.client-quick-actions[b-4nrf9zn8ny] {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    flex-wrap: wrap !important;
}

.btn-action-pill[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.45rem 0.95rem !important;
    border-radius: 50px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-action-pill.btn-action-wa[b-4nrf9zn8ny] {
    background: rgba(37, 211, 102, 0.15) !important;
    border: 1px solid rgba(37, 211, 102, 0.45) !important;
    color: #25D366 !important;
}

.btn-action-pill.btn-action-wa:hover[b-4nrf9zn8ny] {
    background: #25D366 !important;
    color: #FFFFFF !important;
}

.btn-action-pill.btn-action-call[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
}

.btn-action-pill.btn-action-call:hover[b-4nrf9zn8ny] {
    background: #00D6F0 !important;
    color: #020B18 !important;
}

.btn-action-pill.btn-action-map[b-4nrf9zn8ny] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #E2E8F0 !important;
}

.btn-action-pill.btn-action-map:hover[b-4nrf9zn8ny] {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
}

.btn-action-done[b-4nrf9zn8ny] {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #94A3B8 !important;
    border-radius: 8px !important;
    padding: 0.42rem 1rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.btn-action-done:hover[b-4nrf9zn8ny] {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   WORKFLOW & ROADMAP SECTION (آلية العمل والربط الهندسي — بطاقات مصغرة ومدمجة)
   Ultra-Compact, Sleek, Proportional, Equal Height Enterprise Cards
   ========================================================================== */
#workflow.workflow-section-wrap[b-4nrf9zn8ny],
.workflow-section-wrap[b-4nrf9zn8ny] {
    position: relative !important;
    background-color: #030816 !important;
    background-image: 
        radial-gradient(circle at 50% 15%, rgba(0, 214, 240, 0.08) 0%, transparent 55%),
        linear-gradient(180deg, #020713 0%, #041022 50%, #020713 100%) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.14) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.14) !important;
    padding: clamp(2.75rem, 4vw, 3.75rem) 0 !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
}

/* Header Elements inside Workflow */
#workflow .section-header-block[b-4nrf9zn8ny],
.workflow-section-wrap .section-header-block[b-4nrf9zn8ny] {
    max-width: 720px !important;
    margin: 0 auto clamp(1.25rem, 2vw, 1.6rem) auto !important;
    text-align: center !important;
}

#workflow .section-tag[b-4nrf9zn8ny],
.workflow-section-wrap .section-tag[b-4nrf9zn8ny] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: rgba(4, 20, 42, 0.85) !important;
    border: 1px solid rgba(0, 214, 240, 0.45) !important;
    border-radius: 50px !important;
    padding: 0.28rem 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 14px rgba(0, 214, 240, 0.15) !important;
    margin-bottom: 0.65rem !important;
}

#workflow .section-main-title[b-4nrf9zn8ny],
.workflow-section-wrap .section-main-title[b-4nrf9zn8ny] {
    font-size: clamp(1.5rem, 2.3vw, 1.95rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    color: #FFFFFF !important;
    margin-bottom: 0 !important;
}

#workflow .accent-bar[b-4nrf9zn8ny],
.workflow-section-wrap .accent-bar[b-4nrf9zn8ny] {
    width: 40px !important;
    height: 2.5px !important;
    background: #00D6F0 !important;
    border-radius: 9999px !important;
    margin: 0.5rem auto 0.75rem auto !important;
    box-shadow: 0 0 10px rgba(0, 214, 240, 0.6) !important;
}

#workflow .section-lead-text[b-4nrf9zn8ny],
.workflow-section-wrap .section-lead-text[b-4nrf9zn8ny] {
    color: #CBD5E1 !important;
    font-size: clamp(0.85rem, 1vw, 0.92rem) !important;
    line-height: 1.65 !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    font-weight: 500 !important;
}

/* 3-Cards Equal-Height Balanced Compact Grid */
#workflow .workflow-steps-grid[b-4nrf9zn8ny],
.workflow-section-wrap .workflow-steps-grid[b-4nrf9zn8ny] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.15rem !important;
    align-items: stretch !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
}

/* Compact Card Frame Architecture (صغير وأنيق) */
#workflow .workflow-step-card[b-4nrf9zn8ny],
.workflow-section-wrap .workflow-step-card[b-4nrf9zn8ny] {
    background: linear-gradient(180deg, rgba(8, 22, 42, 0.9) 0%, rgba(4, 13, 26, 0.97) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.16) !important;
    border-radius: 14px !important;
    padding: 1.25rem 1.35rem 1.1rem 1.35rem !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
}

/* Luminous subtle hover effect ONLY - No permanent offset on any card */
#workflow .workflow-step-card:hover[b-4nrf9zn8ny],
.workflow-section-wrap .workflow-step-card:hover[b-4nrf9zn8ny] {
    transform: translateY(-4px) !important;
    background: linear-gradient(180deg, rgba(12, 30, 56, 0.94) 0%, rgba(6, 18, 36, 0.98) 100%) !important;
    border-color: rgba(0, 214, 240, 0.5) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.7), 0 0 18px rgba(0, 214, 240, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* Compact Step Number */
#workflow .step-badge-number[b-4nrf9zn8ny],
.workflow-section-wrap .step-badge-number[b-4nrf9zn8ny] {
    position: absolute !important;
    top: 1rem !important;
    left: 1.15rem !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    color: rgba(0, 214, 240, 0.22) !important;
    font-family: 'JetBrains Mono', 'Cairo', monospace !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
    user-select: none !important;
    transition: color 0.3s ease, text-shadow 0.3s ease !important;
}

[dir="ltr"] #workflow .step-badge-number[b-4nrf9zn8ny],
[dir="ltr"] .workflow-section-wrap .step-badge-number[b-4nrf9zn8ny] {
    left: auto !important;
    right: 1.15rem !important;
}

#workflow .workflow-step-card:hover .step-badge-number[b-4nrf9zn8ny],
.workflow-section-wrap .workflow-step-card:hover .step-badge-number[b-4nrf9zn8ny] {
    color: rgba(0, 214, 240, 0.55) !important;
    text-shadow: 0 0 10px rgba(0, 214, 240, 0.3) !important;
}

/* Compact Icon Wrap */
#workflow .step-icon-wrap[b-4nrf9zn8ny],
.workflow-section-wrap .step-icon-wrap[b-4nrf9zn8ny] {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.15rem !important;
    margin-bottom: 0.75rem !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

#workflow .step-icon-wrap.icon-cyan[b-4nrf9zn8ny],
.workflow-section-wrap .step-icon-wrap.icon-cyan[b-4nrf9zn8ny] {
    background: rgba(0, 214, 240, 0.12) !important;
    color: #00D6F0 !important;
    border: 1.2px solid rgba(0, 214, 240, 0.35) !important;
    box-shadow: 0 3px 10px rgba(0, 214, 240, 0.1) !important;
}

#workflow .step-icon-wrap.icon-blue[b-4nrf9zn8ny],
.workflow-section-wrap .step-icon-wrap.icon-blue[b-4nrf9zn8ny] {
    background: rgba(2, 132, 199, 0.16) !important;
    color: #38BDF8 !important;
    border: 1.2px solid rgba(56, 189, 248, 0.35) !important;
    box-shadow: 0 3px 10px rgba(56, 189, 248, 0.1) !important;
}

#workflow .step-icon-wrap.icon-emerald[b-4nrf9zn8ny],
.workflow-section-wrap .step-icon-wrap.icon-emerald[b-4nrf9zn8ny] {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #10B981 !important;
    border: 1.2px solid rgba(16, 185, 129, 0.35) !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.1) !important;
}

#workflow .workflow-step-card:hover .step-icon-wrap[b-4nrf9zn8ny],
.workflow-section-wrap .workflow-step-card:hover .step-icon-wrap[b-4nrf9zn8ny] {
    transform: scale(1.05) !important;
}

/* Card Title & Typography */
#workflow .step-card-title[b-4nrf9zn8ny],
.workflow-section-wrap .step-card-title[b-4nrf9zn8ny] {
    color: #FFFFFF !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.35rem !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px !important;
}

#workflow .step-card-desc[b-4nrf9zn8ny],
.workflow-section-wrap .step-card-desc[b-4nrf9zn8ny] {
    color: #94A3B8 !important;
    font-size: 0.84rem !important;
    line-height: 1.6 !important;
    margin-bottom: 0.75rem !important;
    flex: 1 !important;
    min-height: 48px !important;
}

/* Card Footer */
#workflow .step-card-footer[b-4nrf9zn8ny],
.workflow-section-wrap .step-card-footer[b-4nrf9zn8ny] {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-top: 0.65rem !important;
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#workflow .step-time-tag[b-4nrf9zn8ny],
.workflow-section-wrap .step-time-tag[b-4nrf9zn8ny] {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #CBD5E1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

/* Bottom Callout Banner - Sleek, Compact Horizontal Strip */
#workflow .workflow-cta-banner[b-4nrf9zn8ny],
.workflow-section-wrap .workflow-cta-banner[b-4nrf9zn8ny] {
    max-width: 1040px !important;
    margin: 1.5rem auto 0 auto !important;
    background: linear-gradient(135deg, rgba(8, 24, 46, 0.92) 0%, rgba(4, 14, 28, 0.96) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.22) !important;
    border-radius: 12px !important;
    padding: 1rem 1.6rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

#workflow .cta-banner-content[b-4nrf9zn8ny],
.workflow-section-wrap .cta-banner-content[b-4nrf9zn8ny] {
    flex: 1 !important;
}

#workflow .cta-banner-title[b-4nrf9zn8ny],
.workflow-section-wrap .cta-banner-title[b-4nrf9zn8ny] {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin: 0 0 0.15rem 0 !important;
    line-height: 1.35 !important;
}

#workflow .cta-banner-desc[b-4nrf9zn8ny],
.workflow-section-wrap .cta-banner-desc[b-4nrf9zn8ny] {
    color: #94A3B8 !important;
    font-size: 0.82rem !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    max-width: 650px !important;
}

#workflow .cta-banner-actions[b-4nrf9zn8ny],
.workflow-section-wrap .cta-banner-actions[b-4nrf9zn8ny] {
    flex-shrink: 0 !important;
}

#workflow .cta-banner-actions .btn-primary-saas[b-4nrf9zn8ny],
.workflow-section-wrap .cta-banner-actions .btn-primary-saas[b-4nrf9zn8ny] {
    padding: 0.5rem 1.25rem !important;
    font-size: 0.84rem !important;
    border-radius: 50px !important;
}

/* Responsive Breakpoints specifically for #workflow */
@media (max-width: 1024px) {
    #workflow .workflow-steps-grid[b-4nrf9zn8ny],
    .workflow-section-wrap .workflow-steps-grid[b-4nrf9zn8ny] {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.9rem !important;
    }
    #workflow .workflow-step-card[b-4nrf9zn8ny],
    .workflow-section-wrap .workflow-step-card[b-4nrf9zn8ny] {
        padding: 1.15rem 1.1rem 0.95rem 1.1rem !important;
    }
    #workflow .workflow-cta-banner[b-4nrf9zn8ny],
    .workflow-section-wrap .workflow-cta-banner[b-4nrf9zn8ny] {
        padding: 0.95rem 1.35rem !important;
    }
}

@media (max-width: 860px) {
    #workflow .workflow-steps-grid[b-4nrf9zn8ny],
    .workflow-section-wrap .workflow-steps-grid[b-4nrf9zn8ny] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #workflow .step-card-desc[b-4nrf9zn8ny],
    .workflow-section-wrap .step-card-desc[b-4nrf9zn8ny] {
        min-height: auto !important;
    }
    #workflow .workflow-cta-banner[b-4nrf9zn8ny],
    .workflow-section-wrap .workflow-cta-banner[b-4nrf9zn8ny] {
        flex-direction: column !important;
        text-align: center !important;
        gap: 1rem !important;
        max-width: 480px !important;
    }
    #workflow .cta-banner-desc[b-4nrf9zn8ny],
    .workflow-section-wrap .cta-banner-desc[b-4nrf9zn8ny] {
        margin: 0 auto !important;
    }
    #workflow .cta-banner-actions[b-4nrf9zn8ny],
    .workflow-section-wrap .cta-banner-actions[b-4nrf9zn8ny],
    #workflow .cta-banner-actions .btn-primary-saas[b-4nrf9zn8ny],
    .workflow-section-wrap .cta-banner-actions .btn-primary-saas[b-4nrf9zn8ny] {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 576px) {
    #workflow.workflow-section-wrap[b-4nrf9zn8ny],
    .workflow-section-wrap[b-4nrf9zn8ny] {
        padding: clamp(2.5rem, 3.5vw, 3rem) 0 !important;
    }
    #workflow .workflow-step-card[b-4nrf9zn8ny],
    .workflow-section-wrap .workflow-step-card[b-4nrf9zn8ny] {
        padding: 1.1rem 1rem 0.9rem 1rem !important;
        border-radius: 12px !important;
    }
    #workflow .section-main-title[b-4nrf9zn8ny],
    .workflow-section-wrap .section-main-title[b-4nrf9zn8ny] {
        font-size: 1.4rem !important;
    }
    #workflow .cta-banner-title[b-4nrf9zn8ny],
    .workflow-section-wrap .cta-banner-title[b-4nrf9zn8ny] {
        font-size: 1rem !important;
    }
}
/* /Components/Sections/WorkflowSection.razor.rz.scp.css */
#workflow.workflow-section-wrap[b-82a0v55r4a],
.workflow-section-wrap[b-82a0v55r4a] {
    position: relative !important;
    background-color: #030816 !important;
    background-image: radial-gradient(circle at 50% 14%, rgba(0, 214, 240, 0.09) 0%, transparent 60%), radial-gradient(circle at 10% 80%, rgba(2, 132, 199, 0.06) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(16, 185, 129, 0.05) 0%, transparent 50%), linear-gradient(180deg, #020713 0%, #041224 50%, #020713 100%) !important;
    border-top: 1px solid rgba(0, 214, 240, 0.14) !important;
    border-bottom: 1px solid rgba(0, 214, 240, 0.14) !important;
    padding: clamp(4rem, 5.5vw, 5.5rem) 0 !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
}

.workflow-ambient-glow[b-82a0v55r4a] {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 50% 20%, rgba(0, 214, 240, 0.05) 0%, transparent 70%) !important;
    z-index: 1 !important;
}

.workflow-container[b-82a0v55r4a] {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

#workflow .section-header-block[b-82a0v55r4a] {
    max-width: 820px !important;
    margin: 0 auto 3.5rem auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

#workflow .section-tag-cyan-wrap[b-82a0v55r4a] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 0.85rem !important;
}

#workflow .section-tag-cyan[b-82a0v55r4a] {
    color: #00D6F0 !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: rgba(0, 214, 240, 0.09) !important;
    border: 1px solid rgba(0, 214, 240, 0.35) !important;
    border-radius: 50px !important;
    padding: 0.35rem 1.3rem !important;
    box-shadow: 0 0 16px rgba(0, 214, 240, 0.14) !important;
    letter-spacing: 0.3px !important;
}

#workflow .section-title-wrap[b-82a0v55r4a] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.25rem !important;
    margin-bottom: 1rem !important;
}

#workflow .title-decor-line[b-82a0v55r4a] {
    height: 2px !important;
    width: 65px !important;
    border-radius: 2px !important;
}

    #workflow .title-decor-line.line-right[b-82a0v55r4a] {
        background: linear-gradient(90deg, transparent, #00D6F0) !important;
    }

    #workflow .title-decor-line.line-left[b-82a0v55r4a] {
        background: linear-gradient(90deg, #00D6F0, transparent) !important;
    }

#workflow .section-main-title[b-82a0v55r4a] {
    color: #FFFFFF !important;
    font-size: clamp(1.8rem, 2.8vw, 2.4rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    text-align: center !important;
}

#workflow .text-gradient[b-82a0v55r4a] {
    background: linear-gradient(135deg, #00D6F0 0%, #38BDF8 60%, #93C5FD 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

#workflow .section-lead-desc[b-82a0v55r4a] {
    color: #94A3B8 !important;
    font-size: 0.95rem !important;
    line-height: 1.8 !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Roadmap Grid */
.workflow-roadmap-grid[b-82a0v55r4a] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.65rem !important;
    margin-bottom: 3.25rem !important;
    align-items: stretch !important;
}

.workflow-stage-card[b-82a0v55r4a] {
    background: linear-gradient(180deg, rgba(8, 25, 48, 0.92) 0%, rgba(4, 14, 28, 0.98) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 214, 240, 0.2) !important;
    border-radius: 20px !important;
    padding: 1.85rem 1.6rem 1.5rem 1.6rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, box-shadow 0.35s ease !important;
}

    .workflow-stage-card:hover[b-82a0v55r4a] {
        transform: translateY(-8px) !important;
        box-shadow: 0 22px 55px rgba(0, 0, 0, 0.8), 0 0 30px rgba(0, 214, 240, 0.25) !important;
    }

    .workflow-stage-card.featured-stage[b-82a0v55r4a] {
        background: linear-gradient(180deg, rgba(10, 30, 58, 0.95) 0%, rgba(5, 16, 34, 0.99) 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.45) !important;
        box-shadow: 0 16px 45px rgba(0, 0, 0, 0.65), 0 0 25px rgba(56, 189, 248, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    }

        .workflow-stage-card.featured-stage:hover[b-82a0v55r4a] {
            border-color: #38BDF8 !important;
            box-shadow: 0 24px 60px rgba(0, 0, 0, 0.85), 0 0 35px rgba(56, 189, 248, 0.35) !important;
        }

.card-glow-bar[b-82a0v55r4a] {
    position: absolute !important;
    top: 0 !important;
    left: 14% !important;
    right: 14% !important;
    height: 2.5px !important;
    border-radius: 9999px !important;
    pointer-events: none !important;
    transition: all 0.35s ease !important;
}

    .card-glow-bar.bar-cyan[b-82a0v55r4a] {
        background: linear-gradient(90deg, transparent, #00D6F0, transparent) !important;
        box-shadow: 0 0 12px #00D6F0 !important;
    }

    .card-glow-bar.bar-blue[b-82a0v55r4a] {
        background: linear-gradient(90deg, transparent, #38BDF8, transparent) !important;
        box-shadow: 0 0 12px #38BDF8 !important;
    }

    .card-glow-bar.bar-emerald[b-82a0v55r4a] {
        background: linear-gradient(90deg, transparent, #10B981, transparent) !important;
        box-shadow: 0 0 12px #10B981 !important;
    }

.workflow-stage-card.stage-cyan:hover[b-82a0v55r4a] {
    border-color: rgba(0, 214, 240, 0.6) !important;
}

.workflow-stage-card.stage-blue:hover[b-82a0v55r4a] {
    border-color: rgba(56, 189, 248, 0.65) !important;
}

.workflow-stage-card.stage-emerald:hover[b-82a0v55r4a] {
    border-color: rgba(16, 185, 129, 0.6) !important;
}

.stage-card-header[b-82a0v55r4a] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 1.35rem !important;
}

.stage-medallion[b-82a0v55r4a] {
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.45rem !important;
    transition: transform 0.3s ease !important;
}

.workflow-stage-card:hover .stage-medallion[b-82a0v55r4a] {
    transform: scale(1.1) rotate(-3deg) !important;
}

.medallion-cyan[b-82a0v55r4a] {
    background: rgba(0, 214, 240, 0.14) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.45) !important;
    color: #00D6F0 !important;
    box-shadow: 0 4px 16px rgba(0, 214, 240, 0.25) !important;
}

.medallion-blue[b-82a0v55r4a] {
    background: rgba(2, 132, 199, 0.2) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    color: #38BDF8 !important;
    box-shadow: 0 4px 16px rgba(56, 189, 248, 0.25) !important;
}

.medallion-emerald[b-82a0v55r4a] {
    background: rgba(16, 185, 129, 0.16) !important;
    border: 1.5px solid rgba(16, 185, 129, 0.5) !important;
    color: #10B981 !important;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.25) !important;
}

.stage-meta-cluster[b-82a0v55r4a] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

.stage-badge-pill[b-82a0v55r4a] {
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 50px !important;
}

.pill-cyan[b-82a0v55r4a] {
    background: rgba(0, 214, 240, 0.1) !important;
    border: 1px solid rgba(0, 214, 240, 0.3) !important;
    color: #00D6F0 !important;
}

.pill-blue[b-82a0v55r4a] {
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #38BDF8 !important;
}

.pill-emerald[b-82a0v55r4a] {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #10B981 !important;
}

.stage-num-mono[b-82a0v55r4a] {
    font-size: 1.9rem !important;
    font-weight: 900 !important;
    font-family: 'JetBrains Mono', monospace !important;
    line-height: 1 !important;
    opacity: 0.4 !important;
    letter-spacing: -0.5px !important;
}

.workflow-stage-card:hover .stage-num-mono[b-82a0v55r4a] {
    opacity: 0.9 !important;
}

.stage-card-body[b-82a0v55r4a] {
    flex-grow: 1 !important;
    margin-bottom: 1.35rem !important;
}

.stage-card-title[b-82a0v55r4a] {
    color: #FFFFFF !important;
    font-size: 1.22rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.65rem !important;
    line-height: 1.35 !important;
}

.stage-card-desc[b-82a0v55r4a] {
    color: #94A3B8 !important;
    font-size: 0.88rem !important;
    line-height: 1.7 !important;
    margin-bottom: 1.25rem !important;
    min-height: 60px !important;
}

.stage-milestones-list[b-82a0v55r4a] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.55rem !important;
}

.milestone-item[b-82a0v55r4a] {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 10px !important;
    padding: 0.48rem 0.85rem !important;
    font-size: 0.82rem !important;
    color: #E2E8F0 !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

    .milestone-item:hover[b-82a0v55r4a] {
        background: rgba(0, 214, 240, 0.06) !important;
        border-color: rgba(0, 214, 240, 0.25) !important;
        transform: translateX(-2px) !important;
    }

[dir="ltr"] .milestone-item:hover[b-82a0v55r4a] {
    transform: translateX(2px) !important;
}

.milestone-item i[b-82a0v55r4a] {
    font-size: 0.95rem !important;
    flex-shrink: 0 !important;
}

.stage-card-footer[b-82a0v55r4a] {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-top: 1rem !important;
    margin-top: auto !important;
}

.stage-timeline-badge[b-82a0v55r4a] {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 50px !important;
    padding: 0.42rem 1.05rem !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    width: fit-content !important;
}

.badge-cyan[b-82a0v55r4a] {
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1px solid rgba(0, 214, 240, 0.4) !important;
    color: #00D6F0 !important;
    box-shadow: 0 0 12px rgba(0, 214, 240, 0.2) !important;
}

.badge-blue[b-82a0v55r4a] {
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.4) !important;
    color: #38BDF8 !important;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.2) !important;
}

.badge-emerald[b-82a0v55r4a] {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #10B981 !important;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.2) !important;
}

/* Callout Banner */
.workflow-cta-banner[b-82a0v55r4a] {
    max-width: 1360px !important;
    margin: 0 auto !important;
    background: linear-gradient(135deg, rgba(8, 26, 52, 0.95) 0%, rgba(4, 15, 30, 0.98) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.32) !important;
    border-radius: 20px !important;
    padding: 1.75rem 2.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 2rem !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 214, 240, 0.12) !important;
}

.cta-banner-left[b-82a0v55r4a] {
    display: flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
    flex: 1 !important;
}

.cta-icon-cluster[b-82a0v55r4a] {
    width: 54px !important;
    height: 54px !important;
    border-radius: 14px !important;
    background: rgba(0, 214, 240, 0.12) !important;
    border: 1.5px solid rgba(0, 214, 240, 0.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.6rem !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 18px rgba(0, 214, 240, 0.2) !important;
}

.cta-text-cluster[b-82a0v55r4a] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
}

.cta-banner-title[b-82a0v55r4a] {
    font-size: 1.22rem !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

.cta-banner-desc[b-82a0v55r4a] {
    color: #94A3B8 !important;
    font-size: 0.88rem !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

.cta-banner-right[b-82a0v55r4a] {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    flex-shrink: 0 !important;
}

.btn-workflow-primary[b-82a0v55r4a] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #00D6F0 0%, #0284C7 100%) !important;
    color: #020B18 !important;
    font-weight: 800 !important;
    font-size: 0.92rem !important;
    padding: 0.75rem 1.6rem !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(0, 214, 240, 0.4) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

    .btn-workflow-primary:hover[b-82a0v55r4a] {
        transform: translateY(-2px) scale(1.02) !important;
        box-shadow: 0 10px 28px rgba(0, 214, 240, 0.6) !important;
        color: #000000 !important;
    }

.btn-workflow-phone[b-82a0v55r4a] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    background: rgba(4, 18, 36, 0.9) !important;
    border: 1px solid rgba(0, 214, 240, 0.4) !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    padding: 0.72rem 1.3rem !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

    .btn-workflow-phone:hover[b-82a0v55r4a] {
        background: rgba(0, 214, 240, 0.15) !important;
        border-color: #00D6F0 !important;
        color: #00D6F0 !important;
        transform: translateY(-2px) !important;
    }

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .workflow-roadmap-grid[b-82a0v55r4a] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.35rem !important;
    }

    .workflow-cta-banner[b-82a0v55r4a] {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 1.5rem !important;
        gap: 1.25rem !important;
    }

    .cta-banner-right[b-82a0v55r4a] {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

@media (max-width: 767.98px) {
    #workflow.workflow-section-wrap[b-82a0v55r4a],
    .workflow-section-wrap[b-82a0v55r4a] {
        padding: 2.75rem 0 2.25rem 0 !important;
    }

    #workflow .title-decor-line[b-82a0v55r4a] {
        display: none !important;
    }

    #workflow .section-header-block[b-82a0v55r4a] {
        margin-bottom: 2.25rem !important;
    }

    .workflow-roadmap-grid[b-82a0v55r4a] {
        grid-template-columns: 1fr !important;
        gap: 1.15rem !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .workflow-stage-card[b-82a0v55r4a] {
        padding: 1.4rem 1.25rem 1.25rem 1.25rem !important;
    }

    .stage-card-desc[b-82a0v55r4a] {
        min-height: auto !important;
    }

    .workflow-cta-banner[b-82a0v55r4a] {
        padding: 1.35rem 1.15rem !important;
        border-radius: 16px !important;
        max-width: 480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cta-banner-left[b-82a0v55r4a] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.85rem !important;
    }

    .cta-banner-right[b-82a0v55r4a] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.65rem !important;
    }

    .btn-workflow-primary[b-82a0v55r4a],
    .btn-workflow-phone[b-82a0v55r4a] {
        width: 100% !important;
    }
}
/* 1. منع أي انزلاق أو تمرير أفقي على كافة الهواتف */
html[b-82a0v55r4a], body[b-82a0v55r4a], .page-wrapper[b-82a0v55r4a] {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. ضبط الهيدر للهواتف المحمولة */
@media (max-width: 767.98px) {
    .site-header[b-82a0v55r4a] {
        height: 60px !important;
    }

    .elite-header-container[b-82a0v55r4a] {
        padding: 0 0.85rem !important;
    }

    .brand-logo-wrap[b-82a0v55r4a] {
        width: 34px !important;
        height: 34px !important;
    }

    .brand-logo-text .brand-name[b-82a0v55r4a] {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
    }

    .brand-logo-text .brand-tagline[b-82a0v55r4a], .btn-header-cta[b-82a0v55r4a] {
        display: none !important;
    }

    .lang-toggle-btn[b-82a0v55r4a] {
        padding: 0.25rem 0.55rem !important;
        font-size: 0.72rem !important;
        min-height: 32px !important;
    }

    .mobile-menu-btn[b-82a0v55r4a] {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.2rem !important;
    }
}

/* 3. ضبط الخطوط والمسافات في Hero Section لشاشات الهواتف (320px - 480px) */
@media (max-width: 575.98px) {
    .hero-section[b-82a0v55r4a] {
        padding: clamp(1.75rem, 4vw, 2.5rem) 0 2rem 0 !important;
    }

    .hero-container[b-82a0v55r4a] {
        padding: 0 0.85rem !important;
        gap: 1.5rem !important;
    }

    .hero-title[b-82a0v55r4a] {
        font-size: clamp(1.35rem, 5.8vw, 1.75rem) !important;
        line-height: 1.35 !important;
        margin-bottom: 0.85rem !important;
    }

    .hero-heading-white[b-82a0v55r4a], .hero-heading-gradient[b-82a0v55r4a] {
        font-size: inherit !important;
        display: inline !important;
    }

    .hero-heading-sub[b-82a0v55r4a] {
        font-size: clamp(1.1rem, 4.5vw, 1.35rem) !important;
        display: block !important;
        margin-top: 0.35rem !important;
    }

    .hero-lead[b-82a0v55r4a] {
        font-size: 0.86rem !important;
        line-height: 1.65 !important;
        margin-bottom: 1.25rem !important;
    }

    .hero-actions-row[b-82a0v55r4a] {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.6rem !important;
    }

    .btn-primary-saas[b-82a0v55r4a], .btn-secondary-saas[b-82a0v55r4a], .hero-hotline-pill[b-82a0v55r4a] {
        width: 100% !important;
        justify-content: center !important;
        min-height: 44px !important;
        font-size: 0.9rem !important;
    }

    .hero-stats-bar[b-82a0v55r4a] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.55rem !important;
        padding: 0.75rem !important;
    }

    .stat-number[b-82a0v55r4a] {
        font-size: 1.35rem !important;
    }

    .stat-label[b-82a0v55r4a] {
        font-size: 0.72rem !important;
    }

    .terminal-kpi-grid[b-82a0v55r4a] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
}

/* 4. الشاشات فائقة الصغر (320px - 375px) كـ iPhone SE */
@media (max-width: 375.98px) {
    .site-header[b-82a0v55r4a] {
        height: 56px !important;
    }

    .elite-header-container[b-82a0v55r4a] {
        padding: 0 0.5rem !important;
    }

    .brand-logo-text .brand-name[b-82a0v55r4a] {
        font-size: 0.82rem !important;
    }

    .hero-title[b-82a0v55r4a] {
        font-size: 1.35rem !important;
    }

    .hero-heading-sub[b-82a0v55r4a] {
        font-size: 1.05rem !important;
    }

    .hero-lead[b-82a0v55r4a] {
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
    }

    .stat-number[b-82a0v55r4a] {
        font-size: 1.18rem !important;
    }

    .services-trust-bar[b-82a0v55r4a], .about-unified-trust-bar[b-82a0v55r4a] {
        grid-template-columns: 1fr !important;
    }
}
