/* Header Tabs Styles - Framer Design */

/*
 * Tabs stay in normal flow inside the header.
 * Absolute + bottom:-110px used to drop them onto homepage cards and filters.
 */
.xrm-site-header-chrome,
.xrm-site-header-shell > .relative.h-\[200px\] {
    height: auto !important;
    overflow: visible !important;
}

.xrm-site-header-banner {
    overflow: visible !important;
}

.xrm-site-header-shell .dropdown-menu:not(.show) {
    display: none !important;
}

.xrm-site-header-shell .dropdown-menu {
    z-index: 1060;
}

/* لا تترك شريطاً داكناً من ثيم أودو حول الهيدر المخصص */
body:has(.xrm-site-header-shell) #wrapwrap,
body:has(.xrm-site-header-shell) #wrapwrap > header,
body:has(.xrm-site-header-shell) #wrapwrap > footer {
    background-color: var(--color-bg-subtle, #F7F4EE);
    background-image: none !important;
}

/* أشكال أودو (o_we_shape) — الزاوية البنفسجية وخلفيات SVG */
body:has(.xrm-site-header-shell) #wrapwrap::before,
body:has(.xrm-site-header-shell) #wrapwrap::after,
body:has(.xrm-site-header-shell) #wrapwrap > header::before,
body:has(.xrm-site-header-shell) #wrapwrap > header::after,
body:has(.xrm-site-header-shell) #wrapwrap > footer::before,
body:has(.xrm-site-header-shell) #wrapwrap > footer::after,
body:has(.xrm-site-header-shell) .xrm-site-header-shell::before,
body:has(.xrm-site-header-shell) .xrm-site-header-shell::after,
body:has(.xrm-site-header-shell) .xrm-site-header-banner::before,
body:has(.xrm-site-header-shell) .xrm-site-header-chrome::before,
body:has(.xrm-site-header-shell) .o_we_shape,
body:has(.xrm-site-header-shell) [class*="o_we_shape"],
body:has(.xrm-site-header-shell) .o_we_bg_filter,
body:has(.xrm-site-header-shell) .s_shape,
body:has(.xrm-site-header-shell) .o_shaped_background,
body:has(.xrm-site-header-shell) .o_header_sidebar,
body:has(.xrm-site-header-shell) header#top > nav.navbar,
body:has(.xrm-site-header-shell) #oe_neutralize_banner,
body:has(.xrm-site-header-shell) #oe_neutralize_ribbon,
body:has(.xrm-site-header-shell) .o_frontend_to_backend_nav {
    display: none !important;
    visibility: hidden !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.xrm-site-header-shell {
    background-color: transparent;
}

.xrm-portal-header-tabs-nav:not(:has(.framer-tab-link)) {
    display: none;
    height: 0;
}

.xrm-card-icon-wrap .xrm-card-icon {
    display: inline-block;
    font-size: 22px;
    line-height: 1;
    color: #6B7280;
    opacity: 1;
    visibility: visible;
}

.xrm-portal-notifications-dropdown--idle .xrm-portal-notifications-btn {
    border: 1px solid rgba(63, 47, 34, 0.16);
    background: #ffffff;
    color: #3F2F22;
}

/* Prevent duplication - ensure only one instance */
.xrm-portal-header-tabs-nav,
#header-tabs-navigation,
#portal-primary-nav,
#portal-sub-op-nav,
#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: hidden;
    overflow-y: hidden;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 20;
}

/* Dual purchases nav: stack in document order */
.xrm-portal-primary-nav {
    bottom: auto;
    z-index: 21;
}

.xrm-portal-sub-op-nav {
    bottom: auto;
    z-index: 20;
}

#portal-primary-nav .xrm-unified-tabs-row {
    flex-direction: row;
    direction: rtl;
}

.framer-tab-link.is-disabled {
    opacity: 0.62;
    cursor: default;
    pointer-events: none;
}

.xrm-portal-header-tabs-nav .is-soon .framer-tab-link {
    opacity: 0.62;
}

.xrm-portal-tab-soon-badge {
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 700;
    color: #b45309;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    padding: 2px 7px;
    margin-inline-start: 6px;
    white-space: nowrap;
}

.xrm-portal-header-tabs-nav .framer-tab-link.is-disabled {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: inherit;
}

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

.framer-tfax24 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: min(1120px, 92%);
    height: 121px;
    background: white;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    /* center clips both ends when the row overflows; start keeps RTL first tab visible */
    justify-content: flex-start;
    justify-content: safe center;
    scroll-padding-inline: 16px;
}

/* طلب المواد + مشترياتي: صف رفيع تحت البانر، بلا بطاقة Framer */
#header-tabs-navigation.xrm-portal-header-tabs-nav,
#header-tabs-navigation.framer-l8u24h,
#portal-sub-op-nav.xrm-portal-header-tabs-nav,
#portal-sub-op-nav.framer-l8u24h,
#customer-purchases-header-tabs-navigation.xrm-portal-header-tabs-nav,
#customer-purchases-header-tabs-navigation.framer-l8u24h {
    height: 56px;
    justify-content: flex-start;
    background: transparent;
    box-shadow: inset 0 -1px 0 rgba(63, 47, 34, 0.12);
}

#header-tabs-navigation .framer-tfax24,
#portal-sub-op-nav .framer-tfax24,
#customer-purchases-header-tabs-navigation .framer-tfax24 {
    width: 80%;
    max-width: none;
    height: 56px;
    margin: 0 auto;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    justify-content: flex-start;
}

#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,
#portal-sub-op-nav .framer-1lt658e,
#portal-sub-op-nav .framer-1xi40k6,
#portal-sub-op-nav .framer-xrm-budget-review,
#portal-sub-op-nav .framer-psmda9,
#portal-sub-op-nav .framer-zlg521,
#customer-purchases-header-tabs-navigation .framer-1lt658e {
    height: 56px;
    padding: 0 12px;
}

#header-tabs-navigation .framer-text,
#portal-sub-op-nav .framer-text,
#customer-purchases-header-tabs-navigation .framer-text {
    color: #5c534c;
    font-size: 14px;
}

#header-tabs-navigation .framer-rtmkhp,
#header-tabs-navigation .framer-1ki9v50,
#header-tabs-navigation .framer-17vcnn3,
#portal-sub-op-nav .framer-rtmkhp,
#portal-sub-op-nav .framer-1ki9v50,
#portal-sub-op-nav .framer-17vcnn3,
#customer-purchases-header-tabs-navigation .framer-rtmkhp,
#customer-purchases-header-tabs-navigation .framer-1ki9v50,
#customer-purchases-header-tabs-navigation .framer-17vcnn3 {
    display: none;
}

/* صف موحّد: أيقونة يمين النص داخل كل تبويب (framer-tab-link + direction: rtl) */
/* شريط طلب المواد / العمليات الفرعية / مشترياتي: RTL — أول تبويب يميناً */
#header-tabs-navigation .xrm-unified-tabs-row,
#portal-sub-op-nav .xrm-unified-tabs-row,
#customer-purchases-header-tabs-navigation .xrm-unified-tabs-row {
    flex-direction: row;
    direction: rtl;
}
/* مستهدفات المبيعات + مؤشرات المبيعات: أول عنصر في 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,
#portal-sub-op-nav .framer-1lt658e,
#portal-sub-op-nav .framer-1xi40k6,
#portal-sub-op-nav .framer-xrm-budget-review,
#portal-sub-op-nav .framer-psmda9,
#portal-sub-op-nav .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,
#portal-sub-op-nav .framer-tab-link,
#portal-sub-op-nav .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;
    flex-shrink: 0;
    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,
#portal-sub-op-nav .framer-1lt658e.active .framer-tab-link svg,
#portal-sub-op-nav .framer-1xi40k6.active .framer-tab-link svg,
#portal-sub-op-nav .framer-xrm-budget-review.active .framer-tab-link svg,
#portal-sub-op-nav .framer-psmda9.active .framer-tab-link svg,
#portal-sub-op-nav .framer-zlg521.active .framer-tab-link svg {
    fill: var(--blue-color, rgb(126, 100, 69)) !important;
    opacity: 1 !important;
}

/* تبويبات البوابة (عمليات أساسية/فرعية): أيقونات Font Awesome */
.xrm-portal-header-tabs-nav .framer-tab-link .fa,
#portal-sub-op-nav .framer-tab-link .fa,
#portal-primary-nav .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;
}

.xrm-portal-header-tabs-nav .framer-1lt658e.active .framer-tab-link .fa,
.xrm-portal-header-tabs-nav .framer-1xi40k6.active .framer-tab-link .fa,
.xrm-portal-header-tabs-nav .framer-xrm-budget-review.active .framer-tab-link .fa,
.xrm-portal-header-tabs-nav .framer-psmda9.active .framer-tab-link .fa,
.xrm-portal-header-tabs-nav .framer-zlg521.active .framer-tab-link .fa,
#portal-sub-op-nav .framer-1lt658e.active .framer-tab-link .fa,
#portal-sub-op-nav .framer-1xi40k6.active .framer-tab-link .fa,
#portal-sub-op-nav .framer-xrm-budget-review.active .framer-tab-link .fa,
#portal-sub-op-nav .framer-psmda9.active .framer-tab-link .fa,
#portal-sub-op-nav .framer-zlg521.active .framer-tab-link .fa,
#portal-primary-nav .framer-1lt658e.active .framer-tab-link .fa,
#portal-primary-nav .framer-1xi40k6.active .framer-tab-link .fa,
#portal-primary-nav .framer-xrm-budget-review.active .framer-tab-link .fa,
#portal-primary-nav .framer-psmda9.active .framer-tab-link .fa,
#portal-primary-nav .framer-zlg521.active .framer-tab-link .fa {
    color: var(--blue-color, rgb(126, 100, 69));
    opacity: 1;
}

/* تبويبات المبيعات: أيقونات 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,
#portal-sub-op-nav .framer-1lt658e::after,
#portal-sub-op-nav .framer-1xi40k6::after,
#portal-sub-op-nav .framer-xrm-budget-review::after,
#portal-sub-op-nav .framer-psmda9::after,
#portal-sub-op-nav .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,
#portal-sub-op-nav .framer-1lt658e.active::after,
#portal-sub-op-nav .framer-1xi40k6.active::after,
#portal-sub-op-nav .framer-xrm-budget-review.active::after,
#portal-sub-op-nav .framer-psmda9.active::after,
#portal-sub-op-nav .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;
    }

    .xrm-tabs-more,
    .xrm-tabs-more-host,
    .xrm-tabs-more-sheet,
    .xrm-tabs-more-backdrop {
        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,
    #header-tabs-navigation.xrm-portal-header-tabs-nav,
    #header-tabs-navigation.framer-l8u24h,
    #portal-primary-nav,
    #portal-sub-op-nav,
    #portal-sub-op-nav.xrm-portal-header-tabs-nav,
    #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: #ffffff !important;
        box-shadow: 0 -1px 0 rgba(63, 47, 34, 0.12);
    }

    .xrm-portal-primary-nav,
    #portal-primary-nav {
        bottom: 72px !important;
        border-bottom: 1px solid #e7e7e7;
    }

    .xrm-portal-sub-op-nav,
    #portal-sub-op-nav {
        bottom: 0 !important;
    }

    .xrm-portal-header-tabs-nav .framer-tfax24,
    .xrm-portal-header-tabs-nav.framer-l8u24h .framer-tfax24,
    #header-tabs-navigation .framer-tfax24,
    #portal-sub-op-nav .framer-tfax24 {
        max-width: 100%;
        width: 100%;
        height: auto !important;
        min-height: 72px;
        border: none;
        border-top: 1px solid #e7e7e7;
        border-radius: 0;
        background: #ffffff !important;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: stretch;
        padding: 0 4px;
    }

    .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: 56px;
        max-width: none;
        height: auto !important;
        min-height: 72px;
        padding: 8px 4px 10px;
        gap: 4px;
        justify-content: center;
    }

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

    .xrm-portal-header-tabs-nav .framer-text--mobile,
    #header-tabs-navigation .framer-text--mobile,
    #portal-sub-op-nav .framer-text--mobile,
    #portal-sub-op-nav .framer-text {
        font-size: 11px !important;
        line-height: 1.25;
        white-space: normal;
        text-align: center;
        max-width: 100%;
        overflow: visible;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-word;
    }

    .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 !important;
        min-height: 72px;
        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,
#portal-sub-op-nav .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,
    #portal-sub-op-nav .framer-1lt658e,
    #portal-sub-op-nav .framer-1xi40k6,
    #portal-sub-op-nav .framer-xrm-budget-review,
    #portal-sub-op-nav .framer-psmda9,
    #portal-sub-op-nav .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,
    #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: 56px;
        height: auto !important;
        min-height: 72px;
        padding: 8px 4px 10px;
    }

    .xrm-portal-header-tabs-nav .xrm-tab-overflow {
        display: none !important;
    }

    .xrm-portal-header-tabs-nav .xrm-unified-tabs-row > .xrm-tab-cell ~ .xrm-tab-cell ~ .xrm-tab-cell ~ .xrm-tab-cell ~ .xrm-tab-cell:not(.xrm-tab-keep) {
        display: none !important;
    }

    .xrm-portal-header-tabs-nav .xrm-tab-keep {
        display: flex !important;
    }

    .xrm-portal-header-tabs-nav .xrm-tabs-more {
        display: none;
        flex: 1 1 0;
        min-width: 56px;
        height: auto !important;
        min-height: 72px;
        padding: 8px 4px 10px;
        justify-content: center;
    }

    .xrm-portal-header-tabs-nav .xrm-tabs-more:not([hidden]) {
        display: flex;
    }

    .xrm-portal-header-tabs-nav .xrm-tabs-more::after {
        display: none !important;
        content: none !important;
    }

    .xrm-portal-header-tabs-nav .xrm-tabs-more-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        width: 100%;
        margin: 0;
        border: 0;
        background: transparent;
        color: inherit;
        padding: 0;
        cursor: pointer;
    }

    .xrm-portal-header-tabs-nav .xrm-tabs-more-badge {
        top: -5px;
        inset-inline-end: -7px;
    }

    .xrm-tabs-more-toggle {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

    body:has(.xrm-tabs-more-toggle:checked) .xrm-portal-sidebar-fab {
        visibility: hidden;
        pointer-events: none;
    }

    .xrm-tabs-more-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1080;
        background: rgba(20, 16, 12, 0.4);
        display: none;
    }

    .xrm-tabs-more-sheet {
        position: fixed;
        left: 0;
        right: 0;
        bottom: calc(72px + env(safe-area-inset-bottom, 0px));
        z-index: 1090;
        margin: 0;
        padding: 8px 0 12px;
        background: #ffffff;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
        max-height: 50vh;
        overflow-y: auto;
        display: none;
    }

    .xrm-tabs-more-toggle:checked + .xrm-tabs-more-backdrop,
    .xrm-tabs-more-toggle:checked ~ .xrm-tabs-more-sheet {
        display: block !important;
    }

    .xrm-tabs-more-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .xrm-tabs-more-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-height: 48px;
        padding: 10px 20px;
        color: #3f2f22;
        text-decoration: none;
        font-size: 15px;
        line-height: 1.4;
        white-space: normal;
    }

    .xrm-tabs-more-item.is-active {
        color: var(--blue-color, rgb(126, 100, 69));
        font-weight: 600;
        background: rgba(126, 100, 69, 0.08);
    }

    .xrm-tabs-more-item-label {
        flex: 1 1 auto;
        text-align: start;
    }
}

main.xrm-instant-tab-wait {
    min-height: 240px;
}

.xrm-instant-tab-wait-panel {
    max-width: 56rem;
    margin: 24px auto 0;
    padding: 28px 16px;
}

.xrm-instant-tab-wait-bar {
    display: block;
    height: 3px;
    width: 96px;
    margin-inline-start: auto;
    border-radius: 999px;
    background: #cabcad;
    animation: xrm-instant-tab-wait 0.9s ease-in-out infinite;
}

@keyframes xrm-instant-tab-wait {
    0%, 100% { opacity: 0.35; transform: scaleX(0.7); }
    50% { opacity: 1; transform: scaleX(1); }
}