/* Header Tabs Styles - Framer Design */

/* Prevent duplication - ensure only one instance */
.xrm-portal-header-tabs-nav,
#header-tabs-navigation,
#sales-header-tabs-navigation,
#customer-purchases-header-tabs-navigation,
#cpanel-mail-header-tabs-navigation,
#scales-gates-gate-header-tabs-navigation,
#scales-gates-scale-header-tabs-navigation,
#sales-insights-header-tabs-navigation,
#production-insights-header-tabs-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 121px;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    bottom: -110px;
    left: 0;
    right: 0;
    z-index: 20;
    
}

.framer-l8u24h {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 121px;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    bottom: -85px;
    left: 0;
    right: 0;
    z-index: 20;
}

.framer-tfax24 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 80%;
    height: 121px;
    background: white;
    border: 1px solid #E7E7E7;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: center;
}

/* صف موحّد: أيقونة يمين النص داخل كل تبويب (framer-tab-link + direction: rtl) */
/* شريط المشتريات: الصف LTR حتى يكون ترتيب العناصر من اليمين لليسار (آخر عنصر في DOM = طلب المواد يميناً) */
#header-tabs-navigation .xrm-unified-tabs-row {
    flex-direction: row;
    direction: ltr;
}
/* مستهدفات المبيعات + مؤشرات المبيعات: أول عنصر في DOM يميناً (مستهدفات / مؤشرات المبيعات) */
#sales-header-tabs-navigation .xrm-unified-tabs-row,
#customer-purchases-header-tabs-navigation .xrm-unified-tabs-row,
#cpanel-mail-header-tabs-navigation .xrm-unified-tabs-row,
#scales-gates-gate-header-tabs-navigation .xrm-unified-tabs-row,
#scales-gates-scale-header-tabs-navigation .xrm-unified-tabs-row,
#sales-insights-header-tabs-navigation .xrm-unified-tabs-row,
#production-insights-header-tabs-navigation .xrm-unified-tabs-row {
    flex-direction: row;
    direction: rtl;
}

/* بريد البورتال: إلغاء row-reverse الافتراضي لِـ .framer-tfax24 — عرض واضح من اليمين إلى اليسار */
#cpanel-mail-header-tabs-navigation .framer-tfax24 {
    flex-direction: row;
    direction: rtl;
}

#scales-gates-gate-header-tabs-navigation .framer-tfax24 {
    flex-direction: row;
    direction: rtl;
}

#scales-gates-scale-header-tabs-navigation .framer-tfax24 {
    flex-direction: row;
    direction: rtl;
}

#header-tabs-navigation .framer-1lt658e,
#header-tabs-navigation .framer-1xi40k6,
#header-tabs-navigation .framer-xrm-budget-review,
#header-tabs-navigation .framer-psmda9,
#header-tabs-navigation .framer-zlg521,
#sales-header-tabs-navigation .framer-1lt658e,
#customer-purchases-header-tabs-navigation .framer-1lt658e,
#cpanel-mail-header-tabs-navigation .framer-1lt658e,
#scales-gates-gate-header-tabs-navigation .framer-1lt658e,
#scales-gates-scale-header-tabs-navigation .framer-1lt658e,
#sales-insights-header-tabs-navigation .framer-1lt658e,
#production-insights-header-tabs-navigation .framer-1lt658e {
    direction: rtl;
}

#header-tabs-navigation .framer-tab-link,
#sales-header-tabs-navigation .framer-tab-link,
#customer-purchases-header-tabs-navigation .framer-tab-link,
#cpanel-mail-header-tabs-navigation .framer-tab-link,
#scales-gates-gate-header-tabs-navigation .framer-tab-link,
#scales-gates-scale-header-tabs-navigation .framer-tab-link,
#sales-insights-header-tabs-navigation .framer-tab-link,
#production-insights-header-tabs-navigation .framer-tab-link {
    flex-direction: row;
    direction: rtl;
}

.framer-1lt658e,
.framer-1xi40k6,
.framer-xrm-budget-review,
.framer-psmda9,
.framer-zlg521 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    height: 100%;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.framer-tab-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.framer-1lt658e:hover,
.framer-1xi40k6:hover,
.framer-xrm-budget-review:hover,
.framer-psmda9:hover,
.framer-zlg521:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

/* Removed unused classes - framer-1psf60w, framer-la68rs, framer-1hvjoyk, framer-537yiw */

.framer-text {
    font-family: "Noto Kufi Arabic", "Noto Kufi Arabic Placeholder", sans-serif;
    direction: rtl;
    margin: 0;
    white-space: nowrap;
    color: rgb(176, 176, 176);
    font-weight: 400;
    transition: color 0.2s ease;
}

/* Active state - Blue for all tabs */
.framer-1lt658e.active .framer-text,
.framer-1xi40k6.active .framer-text,
.framer-xrm-budget-review.active .framer-text,
.framer-psmda9.active .framer-text,
.framer-zlg521.active .framer-text {
    color: var(--blue-color, rgb(126, 100, 69));
    font-weight: 600;
}

.framer-6v3w83,
.framer-oy6r73,
.framer-1uvh86u,
.framer-3jmaz6 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    position: relative;
}

/* Notification badge — anchored to icon wrap */
.xrm-portal-header-tabs-nav .notification-badge,
#header-tabs-navigation .notification-badge,
#sales-header-tabs-navigation .notification-badge,
#customer-purchases-header-tabs-navigation .notification-badge,
#cpanel-mail-header-tabs-navigation .notification-badge,
#scales-gates-gate-header-tabs-navigation .notification-badge,
#scales-gates-scale-header-tabs-navigation .notification-badge,
#sales-insights-header-tabs-navigation .notification-badge,
#production-insights-header-tabs-navigation .notification-badge {
    position: absolute;
    top: -7px;
    inset-inline-end: -9px;
    z-index: 3;
    pointer-events: none;
}

/* Notification badge positioning (legacy tab shells) */
.framer-1xi40k6,
.framer-xrm-budget-review {
    position: relative;
}

/* Removed unused classes - framer-151imnx, framer-15wl1m3, framer-1xhmq73, framer-5lp7q3, svgContainer */

.framer-rtmkhp,
.framer-1ki9v50,
.framer-17vcnn3 {
    width: 1px;
    height: 22px;
    background-color: #D9D9D9;
    flex-shrink: 0;
}

/* Icons - Inactive state (Grey) */
.framer-tab-link svg {
    fill: rgb(176, 176, 176);
    opacity: 0.7;
    transition: fill 0.2s ease, opacity 0.2s ease;
}

.framer-tab-link img {
    filter: brightness(0) saturate(100%) invert(69%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
    opacity: 0.7;
    transition: filter 0.2s ease, opacity 0.2s ease;
}

/* Icons - Active state (Blue) - SVG icons inherit color from text */
.framer-1lt658e.active .framer-tab-link svg,
.framer-1xi40k6.active .framer-tab-link svg,
.framer-xrm-budget-review.active .framer-tab-link svg,
.framer-psmda9.active .framer-tab-link svg,
.framer-zlg521.active .framer-tab-link svg {
    fill: var(--blue-color, rgb(126, 100, 69)) !important;
    opacity: 1 !important;
}

/* تبويبات المبيعات: أيقونات Font Awesome */
#sales-header-tabs-navigation .framer-tab-link .fa,
#customer-purchases-header-tabs-navigation .framer-tab-link .fa,
#cpanel-mail-header-tabs-navigation .framer-tab-link .fa,
#scales-gates-gate-header-tabs-navigation .framer-tab-link .fa,
#scales-gates-scale-header-tabs-navigation .framer-tab-link .fa {
    font-size: 18px;
    line-height: 1;
    color: rgb(176, 176, 176);
    opacity: 0.7;
    transition: color 0.2s ease, opacity 0.2s ease;
}

#sales-header-tabs-navigation .framer-1lt658e.active .framer-tab-link .fa,
#customer-purchases-header-tabs-navigation .framer-1lt658e.active .framer-tab-link .fa,
#cpanel-mail-header-tabs-navigation .framer-1lt658e.active .framer-tab-link .fa,
#scales-gates-gate-header-tabs-navigation .framer-1lt658e.active .framer-tab-link .fa,
#scales-gates-scale-header-tabs-navigation .framer-1lt658e.active .framer-tab-link .fa {
    color: var(--blue-color, rgb(126, 100, 69));
    opacity: 1;
}

/* تبويبات مؤشرات المبيعات والإنتاج (الشريط العلوي) */
#sales-insights-header-tabs-navigation .framer-tab-link .fa,
#production-insights-header-tabs-navigation .framer-tab-link .fa {
    font-size: 18px;
    line-height: 1;
    color: rgb(176, 176, 176);
    opacity: 0.7;
    transition: color 0.2s ease, opacity 0.2s ease;
}

#sales-insights-header-tabs-navigation .framer-1lt658e.active .framer-tab-link .fa,
#production-insights-header-tabs-navigation .framer-1lt658e.active .framer-tab-link .fa {
    color: var(--blue-color, rgb(126, 100, 69));
    opacity: 1;
}

/* خط سفلي موحّد للتبويب النشط (مثل مؤشرات المبيعات) */
#sales-insights-header-tabs-navigation .framer-1lt658e::after,
#production-insights-header-tabs-navigation .framer-1lt658e::after,
#sales-header-tabs-navigation .framer-1lt658e::after,
#customer-purchases-header-tabs-navigation .framer-1lt658e::after,
#cpanel-mail-header-tabs-navigation .framer-1lt658e::after,
#scales-gates-gate-header-tabs-navigation .framer-1lt658e::after,
#scales-gates-scale-header-tabs-navigation .framer-1lt658e::after,
#header-tabs-navigation .framer-1lt658e::after,
#header-tabs-navigation .framer-1xi40k6::after,
#header-tabs-navigation .framer-xrm-budget-review::after,
#header-tabs-navigation .framer-psmda9::after,
#header-tabs-navigation .framer-zlg521::after {
    content: '';
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 3px;
    border-radius: 2px 2px 0 0;
    background: transparent;
    transition: background 0.2s ease;
}

#sales-insights-header-tabs-navigation .framer-1lt658e.active::after,
#production-insights-header-tabs-navigation .framer-1lt658e.active::after,
#sales-header-tabs-navigation .framer-1lt658e.active::after,
#customer-purchases-header-tabs-navigation .framer-1lt658e.active::after,
#cpanel-mail-header-tabs-navigation .framer-1lt658e.active::after,
#scales-gates-gate-header-tabs-navigation .framer-1lt658e.active::after,
#scales-gates-scale-header-tabs-navigation .framer-1lt658e.active::after,
#header-tabs-navigation .framer-1lt658e.active::after,
#header-tabs-navigation .framer-1xi40k6.active::after,
#header-tabs-navigation .framer-xrm-budget-review.active::after,
#header-tabs-navigation .framer-psmda9.active::after,
#header-tabs-navigation .framer-zlg521.active::after {
    background: var(--blue-color, rgb(126, 100, 69));
}

/* IMG icons for active state - all tabs (Brown color) */
.framer-1lt658e.active .framer-tab-link img,
.framer-1xi40k6.active .framer-tab-link img,
.framer-xrm-budget-review.active .framer-tab-link img,
.framer-psmda9.active .framer-tab-link img,
.framer-zlg521.active .framer-tab-link img {
    opacity: 1 !important;
}

/* Responsive adjustments */
@media (min-width: 769px) {
    .framer-text--mobile {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .framer-text--desktop {
        display: none !important;
    }

    .xrm-portal-header-tabs-nav,
    .xrm-portal-header-tabs-nav.framer-l8u24h,
    #header-tabs-navigation,
    #sales-header-tabs-navigation,
    #customer-purchases-header-tabs-navigation,
    #cpanel-mail-header-tabs-navigation,
    #scales-gates-gate-header-tabs-navigation,
    #scales-gates-scale-header-tabs-navigation,
    #sales-insights-header-tabs-navigation,
    #production-insights-header-tabs-navigation {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        z-index: 1050;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        background: #fff;
    }

    .xrm-portal-header-tabs-nav .framer-tfax24,
    .xrm-portal-header-tabs-nav.framer-l8u24h .framer-tfax24 {
        max-width: 100%;
        width: 100%;
        height: auto;
        min-height: 56px;
        border: none;
        border-top: 1px solid #e7e7e7;
        border-radius: 0;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding: 0 2px;
    }

    .xrm-portal-header-tabs-nav .framer-rtmkhp,
    .xrm-portal-header-tabs-nav .framer-1ki9v50,
    .xrm-portal-header-tabs-nav .framer-17vcnn3,
    .xrm-portal-header-tabs-nav [data-framer-name="tab-sep"] {
        display: none !important;
    }

    .xrm-portal-header-tabs-nav .framer-1lt658e,
    .xrm-portal-header-tabs-nav .framer-1xi40k6,
    .xrm-portal-header-tabs-nav .framer-xrm-budget-review,
    .xrm-portal-header-tabs-nav .framer-psmda9,
    .xrm-portal-header-tabs-nav .framer-zlg521 {
        flex: 1 1 0;
        min-width: 52px;
        max-width: none;
        height: auto;
        min-height: 56px;
        padding: 6px 2px 4px;
        gap: 2px;
        justify-content: flex-end;
    }

    .xrm-portal-header-tabs-nav .framer-tab-link {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        width: 100%;
        text-align: center;
    }

    .xrm-portal-header-tabs-nav .framer-text--mobile {
        font-size: 10px;
        line-height: 1.25;
        white-space: normal;
        text-align: center;
        max-width: 100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .xrm-portal-header-tabs-nav .framer-6v3w83,
    .xrm-portal-header-tabs-nav .framer-oy6r73,
    .xrm-portal-header-tabs-nav .framer-1uvh86u,
    .xrm-portal-header-tabs-nav .framer-3jmaz6 {
        width: 22px;
        height: 22px;
    }

    .xrm-portal-header-tabs-nav .framer-tab-link svg {
        width: 20px;
        height: 20px;
    }

    .xrm-portal-header-tabs-nav .framer-tab-link .fa {
        font-size: 18px !important;
    }

    .xrm-portal-header-tabs-nav .framer-1lt658e::after,
    .xrm-portal-header-tabs-nav .framer-1xi40k6::after,
    .xrm-portal-header-tabs-nav .framer-xrm-budget-review::after,
    .xrm-portal-header-tabs-nav .framer-psmda9::after,
    .xrm-portal-header-tabs-nav .framer-zlg521::after,
    #sales-insights-header-tabs-navigation .framer-1lt658e::after,
    #production-insights-header-tabs-navigation .framer-1lt658e::after,
    #sales-header-tabs-navigation .framer-1lt658e::after,
    #customer-purchases-header-tabs-navigation .framer-1lt658e::after,
    #cpanel-mail-header-tabs-navigation .framer-1lt658e::after,
    #scales-gates-gate-header-tabs-navigation .framer-1lt658e::after,
    #scales-gates-scale-header-tabs-navigation .framer-1lt658e::after {
        top: 0;
        bottom: auto;
        left: 6px;
        right: 6px;
        height: 3px;
        border-radius: 0 0 2px 2px;
    }

    .xrm-portal-header-tabs-nav .framer-1xi40k6,
    .xrm-portal-header-tabs-nav .framer-xrm-budget-review {
        position: relative;
    }

    .xrm-portal-header-tabs-nav .notification-badge,
    #header-tabs-navigation .notification-badge,
    #sales-header-tabs-navigation .notification-badge,
    #customer-purchases-header-tabs-navigation .notification-badge,
    #cpanel-mail-header-tabs-navigation .notification-badge,
    #scales-gates-gate-header-tabs-navigation .notification-badge,
    #scales-gates-scale-header-tabs-navigation .notification-badge,
    #sales-insights-header-tabs-navigation .notification-badge,
    #production-insights-header-tabs-navigation .notification-badge {
        top: -5px;
        inset-inline-end: -7px;
        min-width: 16px;
        height: 16px;
        font-size: 9px;
        padding: 0 4px;
    }

    #header-tabs-navigation .framer-tfax24,
    #sales-header-tabs-navigation .framer-tfax24,
    #customer-purchases-header-tabs-navigation .framer-tfax24,
    #cpanel-mail-header-tabs-navigation .framer-tfax24,
    #scales-gates-gate-header-tabs-navigation .framer-tfax24,
    #scales-gates-scale-header-tabs-navigation .framer-tfax24,
    #sales-insights-header-tabs-navigation .framer-tfax24,
    #production-insights-header-tabs-navigation .framer-tfax24 {
        max-width: 100%;
        width: 100%;
        height: auto;
        min-height: 56px;
        border: none;
        border-top: 1px solid #e7e7e7;
        border-radius: 0;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
        justify-content: flex-start;
    }

    #header-tabs-navigation .framer-tab-link,
    #sales-header-tabs-navigation .framer-tab-link,
    #customer-purchases-header-tabs-navigation .framer-tab-link,
    #cpanel-mail-header-tabs-navigation .framer-tab-link,
    #scales-gates-gate-header-tabs-navigation .framer-tab-link,
    #scales-gates-scale-header-tabs-navigation .framer-tab-link,
    #sales-insights-header-tabs-navigation .framer-tab-link,
    #production-insights-header-tabs-navigation .framer-tab-link {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
    }

    #header-tabs-navigation .framer-1lt658e,
    #sales-header-tabs-navigation .framer-1lt658e,
    #customer-purchases-header-tabs-navigation .framer-1lt658e,
    #cpanel-mail-header-tabs-navigation .framer-1lt658e,
    #scales-gates-gate-header-tabs-navigation .framer-1lt658e,
    #scales-gates-scale-header-tabs-navigation .framer-1lt658e,
    #sales-insights-header-tabs-navigation .framer-1lt658e,
    #production-insights-header-tabs-navigation .framer-1lt658e,
    #header-tabs-navigation .framer-1xi40k6,
    #header-tabs-navigation .framer-xrm-budget-review,
    #header-tabs-navigation .framer-psmda9,
    #header-tabs-navigation .framer-zlg521 {
        flex: 1 1 0;
        min-width: 52px;
        height: auto;
        min-height: 56px;
        padding: 6px 2px 4px;
    }
}