/* 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,
#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,
#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;
}

#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,
#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,
#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;
}

/* 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 {
    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 {
    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,
#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,
#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;
}

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

/* Responsive adjustments */
@media (max-width: 768px) {
    .framer-tfax24 {
        max-width: 100%;
    }
    
    .framer-1lt658e,
    .framer-1xi40k6,
    .framer-xrm-budget-review,
    .framer-psmda9,
    .framer-zlg521 {
        padding: 0 12px;
    }
}