/* ACCMAA 20260811c — consolidated fixes (11a-base + 11a + 11c perf) */


/* ---- accmaa-fixes-20260811a-base.css ---- */
/* ACCMAA 20260811a-base — consolidated 08h→09a */


/* ---- accmaa-fixes-20260808h.css ---- */
/**
 * Accmaa fixes 20260808h
 * قوائم منسدلة · شاشة إعلانات · موبايل · تخطيط الداشبورد
 */

/* ═══ قوائم الميجا — fixed portal فوق كل overflow ═══ */
.accmaa-mega-item.open .accmaa-mega-panel,
.accmaa-mega-panel.accmaa-mega-panel--fixed {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 9999 !important;
    overflow: visible !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18) !important;
}

.accmaa-mega-trigger {
    pointer-events: auto !important;
    cursor: pointer !important;
}

body.guest-mode .topbar-row--swapped,
body.guest-mode .topbar-premium .topbar-shell {
    overflow: visible !important;
}

/* ═══ شاشة الإعلانات — عرض كامل في الداشبورد ═══ */
.dash-flow__zone--promo,
#promoCarouselSection,
.promo-carousel-section,
.promo-billboard-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    overflow: visible !important;
}

.promo-carousel-wrap,
.promo-carousel-wrap--creative,
.promo-carousel-wrap--screen {
    display: block !important;
    width: 100% !important;
    max-width: min(1280px, 100%) !important;
    margin-inline: auto !important;
    min-height: clamp(260px, 38vw, 480px) !important;
}

.promo-carousel-track {
    width: 100% !important;
    min-height: clamp(240px, 36vw, 460px) !important;
}

.promo-carousel-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* ═══ الداشبورد — محتوى كامل بلا انزياح لليمين ═══ */
body.guest-mode .main-wrap,
body.guest-mode .main-inner,
body.guest-mode .content-panel,
body.guest-mode .dash-landing,
body.guest-mode .dash-flow {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

.coming-soon-section,
.coming-soon-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
}

/* ═══ موبايل: شريط الأقسام — تمرير أفقي كامل ═══ */
@media (max-width: 768px) {
    body.guest-mode .topbar-row--swapped .mega-nav,
    body.guest-mode #megaNav.mega-nav,
    #megaNav.mega-nav,
    .mega-nav {
        display: block !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
        scrollbar-width: thin;
    }

    .accmaa-site-nav,
    .accmaa-site-menu--rail {
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
    }

    .accmaa-site-menu--rail > li {
        flex: 0 0 auto !important;
        min-width: max-content !important;
    }

    .accmaa-mega-panel,
    .accmaa-mega-panel.accmaa-mega-panel--fixed {
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
    }

    .accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap),
    .accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron) {
        max-width: 6.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* ═══ ERP typeahead — قائمة اقتراحات فوق الجدول ═══ */
.erp-ac-wrap {
    position: relative;
    width: 100%;
    min-width: min(220px, 42vw);
}

.erp-ac-list {
    position: absolute;
    z-index: 120;
    top: calc(100% + 4px);
    inset-inline: 0;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid rgba(10, 54, 105, 0.14);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
    list-style: none;
    margin: 0;
    padding: 4px;
}

.erp-ac-item {
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.82rem;
}

.erp-ac-item:hover,
.erp-ac-item.is-active {
    background: rgba(10, 54, 105, 0.08);
}

/* ═══ زر الرجوع — سحب فعّال ═══ */
#accmaaBackFab,
.accmaa-back-fab {
    touch-action: none !important;
    cursor: grab !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

#accmaaBackFab.is-dragging,
.accmaa-back-fab.is-dragging {
    cursor: grabbing !important;
}


/* ---- accmaa-fixes-20260808i.css ---- */
/**
 * Accmaa fixes 20260808i
 * اختصارات أقسام بمستويين · زر رجوع كامل الشاشة · وضوح الأيقونات · إعلانات بعد الهيرو
 */

/* ═══ قائمة اختصارات — مستوى 1 ثم الفروع ═══ */
.accmaa-mega-drill-wrap {
    min-width: min(320px, 92vw);
    max-width: min(380px, 94vw);
}

.accmaa-mega-panel .accmaa-mega-drill-head {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 14px 8px;
    border-bottom: 1px solid rgba(10, 54, 105, 0.08);
}

.accmaa-mega-panel .accmaa-mega-drill-head span {
    font-weight: 800;
    font-size: 0.92rem;
    color: var(--primary, #0A3669);
}

.accmaa-mega-panel .accmaa-mega-drill-head small {
    font-size: 0.72rem;
    color: rgba(10, 54, 105, 0.62);
    font-weight: 600;
}

.accmaa-mega-drill-cats {
    list-style: none;
    margin: 0;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.accmaa-mega-drill-cat {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    border-radius: 14px;
    background: linear-gradient(135deg, #fff 0%, #f8fbff 100%);
    cursor: pointer;
    font-family: inherit;
    text-align: start;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.accmaa-mega-drill-cat:hover,
.accmaa-mega-drill-cat:focus-visible {
    border-color: rgba(212, 175, 55, 0.55);
    box-shadow: 0 8px 22px rgba(10, 54, 105, 0.1);
    transform: translateY(-1px);
}

.accmaa-mega-drill-cat-icons {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.accmaa-mega-drill-cat-icons .accmaa-nav-icon-wrap {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    transform: none !important;
}

.accmaa-mega-drill-cat-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.accmaa-mega-drill-cat-label {
    font-weight: 800;
    font-size: 0.84rem;
    color: var(--primary, #0A3669);
    line-height: 1.25;
}

.accmaa-mega-drill-count {
    font-size: 0.68rem;
    font-weight: 700;
    color: rgba(10, 54, 105, 0.55);
}

.accmaa-mega-drill-count::after {
    content: ' خيارات';
}

html[lang="en"] .accmaa-mega-drill-count::after {
    content: ' options';
}

.accmaa-mega-drill-arrow {
    color: var(--gold, #D4AF37);
    font-size: 0.72rem;
    flex-shrink: 0;
}

.accmaa-mega-drill-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 8px 10px 0;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background: rgba(10, 54, 105, 0.06);
    color: var(--primary, #0A3669);
    font-weight: 700;
    font-size: 0.78rem;
    cursor: pointer;
    font-family: inherit;
}

.accmaa-mega-drill-back:hover {
    background: rgba(10, 54, 105, 0.1);
}

.accmaa-mega-list--drill {
    padding: 6px 8px 10px !important;
    max-height: min(52vh, 420px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.accmaa-mega-list--drill .accmaa-mega-link {
    padding: 9px 10px !important;
    border-radius: 10px !important;
}

.accmaa-mega-drill-wrap--branch-open .accmaa-mega-panel,
.accmaa-mega-item.open .accmaa-mega-panel:has(.accmaa-mega-drill-wrap--branch-open) {
    max-width: min(400px, 94vw) !important;
}

/* ═══ زر الرجوع — حركة كاملة على الشاشة ═══ */
#accmaaBackFab.is-positioned,
.accmaa-back-fab.is-positioned {
    inset: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    bottom: auto !important;
    right: auto !important;
}

/* ═══ وضوح الأيقونات — تقليل البكسلة ═══ */
.accmaa-nav-icon-wrap,
.accmaa-nav-icon-wrap.has-icon-bg,
.accmaa-mega-link .accmaa-nav-icon-wrap,
.accmaa-mega-trigger .accmaa-nav-icon-wrap {
    transform: none !important;
    image-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
}

.accmaa-nav-icon-wrap img,
.accmaa-nav-icon-wrap svg,
.accmaa-mega-drill-cat-icons img {
    image-rendering: auto;
    transform: none !important;
}

.accmaa-site-menu--rail .accmaa-nav-icon-wrap,
.accmaa-site-menu--rail .accmaa-nav-icon-wrap.has-icon-bg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
}

.accmaa-site-menu--rail .accmaa-nav-icon-wrap i {
    font-size: 0.82rem !important;
    transform: none !important;
}

.accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
.accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap) {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* ═══ شاشة الإعلانات — فوق «قريباً» (10f ألغى order:2 الذي دفعها لآخر الصفحة) ═══ */
.dash-flow__zone--promo-hero {
    order: 0 !important;
    margin-top: 0 !important;
    padding-top: clamp(12px, 2vw, 20px) !important;
    padding-bottom: clamp(8px, 1.5vw, 16px) !important;
}

.dash-flow__zone--promo-hero .promo-carousel-slide img {
    object-fit: cover !important;
    background: linear-gradient(145deg, #0a3669 0%, #123f72 55%, #1a5088 100%);
    padding: 0;
}

@media (max-width: 768px) {
    .accmaa-mega-drill-wrap {
        min-width: min(300px, 96vw);
    }

    .accmaa-mega-list--drill {
        max-height: min(48vh, 360px);
    }
}


/* ---- accmaa-fixes-20260808j.css ---- */
/**
 * Accmaa fixes 20260808j
 * شريط الأقسام + داشبورد منظم — موبايل كامل · بلا قصّ · تباين ألوان دقيق
 */

/* ═══ 1. السماح بالتمرير الأفقي داخل الداشبورد ═══ */
body.guest-mode .dash-landing,
body.guest-mode .dash-flow,
body.guest-mode .dash-flow__zone,
body.guest-mode .dash-flow__zone--command,
body.guest-mode .dash-flow__zone--hero,
body.guest-mode .main-wrap,
body.guest-mode .main-inner,
body.guest-mode .content-panel {
    overflow-x: visible !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.guest-mode .dash-landing {
    overflow-x: clip !important;
}

/* ═══ 2. شريط الأقسام العلوي — نص كامل + تمرير سلس ═══ */
body.guest-mode .topbar-row--swapped,
body.guest-mode .topbar-premium .topbar-shell,
body.guest-mode .topbar-row-main {
    overflow: visible !important;
}

#megaNav.mega-nav,
.mega-nav {
    scroll-snap-type: x proximity;
    scrollbar-color: rgba(10, 54, 105, 0.35) transparent;
}

.accmaa-site-menu--rail > li {
    scroll-snap-align: start;
}

.accmaa-mega-trigger,
.accmaa-nav-top-link {
    min-height: 44px;
    align-items: center;
}

.accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap),
.accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
.accmaa-site-menu--rail .accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap):not(.accmaa-more-ico),
.accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-more-ico) {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

@media (max-width: 768px) {
    #megaNav.mega-nav,
    .mega-nav {
        position: relative;
        -webkit-mask-image: linear-gradient(
            to right,
            transparent 0,
            #000 14px,
            #000 calc(100% - 14px),
            transparent 100%
        );
        mask-image: linear-gradient(
            to right,
            transparent 0,
            #000 14px,
            #000 calc(100% - 14px),
            transparent 100%
        );
        padding-inline: 4px;
    }

    html[dir="rtl"] #megaNav.mega-nav,
    html[dir="rtl"] .mega-nav {
        -webkit-mask-image: linear-gradient(
            to left,
            transparent 0,
            #000 14px,
            #000 calc(100% - 14px),
            transparent 100%
        );
    }

    .accmaa-site-menu--rail {
        gap: 6px !important;
        padding: 6px 10px !important;
    }

    .accmaa-mega-trigger,
    .accmaa-nav-top-link {
        padding: 8px 12px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border: 1px solid rgba(10, 54, 105, 0.1) !important;
        box-shadow: 0 2px 8px rgba(10, 54, 105, 0.06) !important;
    }

    .accmaa-mega-item.open .accmaa-mega-trigger {
        border-color: rgba(212, 175, 55, 0.55) !important;
        background: linear-gradient(135deg, #fff 0%, #faf6ee 100%) !important;
    }
}

/* ═══ 3. هيرو — شريط القطاعات بلا قصّ على الموبايل ═══ */
.hero-premium.hero-photo-cinema,
.hero-premium--revamp {
    overflow-x: clip;
    overflow-y: visible;
}

.hero-premium-inner {
    padding-bottom: clamp(52px, 8vw, 72px);
}

.hero-sector-rail {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scroll-padding-inline: 16px;
}

.hero-sector-pill {
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
    background: rgba(6, 31, 61, 0.78);
    border-color: rgba(212, 175, 55, 0.48);
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.hero-sector-pill i {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

@media (max-width: 768px) {
    .hero-sector-rail {
        justify-content: flex-start;
        padding-inline: 12px 16px;
        gap: 8px;
        -webkit-mask-image: linear-gradient(
            to right,
            transparent 0,
            #000 10px,
            #000 calc(100% - 10px),
            transparent 100%
        );
        mask-image: linear-gradient(
            to right,
            transparent 0,
            #000 10px,
            #000 calc(100% - 10px),
            transparent 100%
        );
    }

    html[dir="rtl"] .hero-sector-rail {
        -webkit-mask-image: linear-gradient(
            to left,
            transparent 0,
            #000 10px,
            #000 calc(100% - 10px),
            transparent 100%
        );
    }

    .hero-sector-pill {
        font-size: 0.76rem;
        padding: 9px 14px;
    }
}

/* ═══ 4. مركز الأقسام المنظم — شبكة متناسقة ═══ */
.dash-flow__zone--command {
    padding-inline: clamp(10px, 3.2vw, 28px) !important;
    padding-block: clamp(12px, 2.5vw, 24px) !important;
    overflow: visible !important;
}

.accmaa-organized-dash--hub,
.accmaa-organized-dash--nested {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: clamp(4px, 1.5vw, 12px) !important;
    box-sizing: border-box !important;
}

.accmaa-organized-head {
    text-align: center;
    padding-inline: clamp(8px, 3vw, 20px);
    margin-bottom: clamp(12px, 2vw, 20px);
}

.accmaa-organized-head h2 {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    font-size: clamp(1.15rem, 3.2vw, 1.65rem);
    line-height: 1.35;
}

.accmaa-organized-head p,
.accmaa-organized-head .powers-eyebrow {
    color: #2d4a63 !important;
    -webkit-text-fill-color: #2d4a63 !important;
}

.accmaa-organized-head p {
    max-width: 54ch;
    margin-inline: auto;
    line-height: 1.65;
    font-size: clamp(0.82rem, 2.2vw, 0.95rem);
}

.accmaa-organized-dash--hub .accmaa-dash-category-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 158px), 1fr)) !important;
    gap: clamp(10px, 2.4vw, 16px) !important;
    padding: 4px 2px 8px !important;
    max-width: 1120px;
    margin-inline: auto;
    width: 100%;
}

@media (min-width: 900px) {
    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 640px) and (max-width: 899px) {
    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 479px) {
    .accmaa-organized-dash--hub .accmaa-dash-category-grid {
        grid-template-columns: 1fr !important;
        max-width: min(420px, 100%);
    }
}

/* ═══ 5. بطاقات الأقسام — تباين النص مع الخلفية ═══ */
.accmaa-dash-category-card--visual {
    border-color: rgba(10, 54, 105, 0.12) !important;
    box-shadow: 0 6px 20px rgba(10, 54, 105, 0.09) !important;
}

.accmaa-dash-category-card__shade {
    background: linear-gradient(
        180deg,
        rgba(6, 31, 61, 0.04) 0%,
        rgba(6, 31, 61, 0.42) 58%,
        rgba(6, 31, 61, 0.82) 100%
    ) !important;
}

.accmaa-dash-category-card__count {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #061f3d !important;
    border: 1px solid rgba(10, 54, 105, 0.12);
}

.accmaa-dash-category-card__foot {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
    border-top: 1px solid rgba(10, 54, 105, 0.07);
    width: 100%;
    box-sizing: border-box;
}

.accmaa-dash-category-card__title {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    font-size: clamp(0.84rem, 2.4vw, 0.92rem);
}

.accmaa-dash-category-card__enter {
    opacity: 1 !important;
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    background: rgba(212, 175, 55, 0.18);
    border: 1px solid rgba(212, 175, 55, 0.35);
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
}

.accmaa-dash-category-card__icon {
    background: rgba(6, 31, 61, 0.62) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.32), 0 0 0 2px rgba(232, 197, 71, 0.5) !important;
}

/* ═══ 6. عرض القسم الداخلي — رجوع + سينما ═══ */
.accmaa-dash-back-btn {
    color: #061f3d !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(10, 54, 105, 0.14) !important;
    font-weight: 800;
}

.accmaa-dash-zone-head h3 {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}

.accmaa-dash-zone-lead,
.accmaa-dash-subgroup-title {
    color: #2d4a63 !important;
    -webkit-text-fill-color: #2d4a63 !important;
}

.accmaa-cinema-card__body strong,
.accmaa-cinema-card__title {
    color: #061f3d !important;
}

.accmaa-cinema-card__body small,
.accmaa-cinema-card__desc {
    color: #3d5a73 !important;
}

.accmaa-organized-foot {
    padding-top: clamp(12px, 2vw, 18px);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

/* ═══ 7. مناطق إضافية — بلا قصّ ═══ */
.dash-flow__zone--promo-hero,
.dash-flow__zone--stats,
.dash-flow__zone--tools,
.dash-quick-bento,
.coming-soon-section {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

@media (max-width: 520px) {
    .dash-bento-grid {
        grid-template-columns: 1fr !important;
    }

    .accmaa-cinema-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .accmaa-dash-category-card__visual {
        aspect-ratio: 16 / 10 !important;
    }
}


/* ---- accmaa-fixes-20260808k.css ---- */
/**
 * Accmaa fixes 20260808k
 * شريطان متحركان — أسعار الذهب + أسعار العملات في المنطقة العلوية
 */

/* ═══ حاوية الأشرطة الحية ═══ */
.accmaa-utility-stack {
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
    border-bottom: 1px solid rgba(10, 54, 105, 0.08);
    box-shadow: 0 4px 18px rgba(10, 54, 105, 0.06);
}

.accmaa-live-tickers {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
}

.accmaa-ticker-bar {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 34px;
    padding: 0 clamp(8px, 2vw, 16px);
    overflow: hidden;
    box-sizing: border-box;
}

/* ═══ شريط الذهب — دافئ ومميز ═══ */
.accmaa-gold-bar {
    background: linear-gradient(90deg, #fff8e8 0%, #fffdf5 35%, #faf0d4 70%, #fff8e8 100%);
    background-size: 200% 100%;
    animation: goldBarShimmer 12s ease-in-out infinite;
    color: #5c3d00;
    border-bottom: 1px solid rgba(201, 162, 39, 0.28);
    min-height: 36px;
}

@keyframes goldBarShimmer {
    0%, 100% { background-position: 0% center; }
    50% { background-position: 100% center; }
}

.fx-bar-label--gold {
    color: #8b6914 !important;
    -webkit-text-fill-color: #8b6914 !important;
}

.fx-bar-label--gold i {
    color: #c9a227 !important;
}

.fx-marquee-wrap--gold {
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.fx-tick-item--gold {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(201, 162, 39, 0.35) !important;
    color: #4a3500 !important;
}

.fx-tick-item--gold .fx-tick-rate {
    color: #8b6914 !important;
    font-weight: 800;
}

.fx-tick-unit {
    font-size: 0.62rem;
    font-weight: 700;
    opacity: 0.75;
    color: #6b4e0a;
}

.fx-tick-live {
    font-size: 0.62rem;
    font-weight: 800;
    color: #15803d;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.fx-tick-live i {
    font-size: 0.45rem;
    animation: fxLivePulse 1.4s ease-in-out infinite;
}

.fx-updated--gold {
    color: #6b4e0a !important;
    opacity: 0.88;
    font-size: 0.62rem;
}

/* ═══ شريط العملات — كحلي احترافي ═══ */
.accmaa-fx-bar.accmaa-fx-bar--live {
    background: linear-gradient(90deg, #041629 0%, #061f3d 40%, #0a3669 100%);
    color: rgba(255, 255, 255, 0.94);
    border-bottom: 2px solid rgba(212, 175, 55, 0.35);
    min-height: 36px;
}

.accmaa-fx-bar .fx-bar-label {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}

.accmaa-fx-bar .fx-bar-label small {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

.accmaa-fx-bar .fx-tick-item {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(212, 175, 55, 0.22);
    color: #fff;
}

.accmaa-fx-bar .fx-tick-name {
    color: rgba(255, 255, 255, 0.88) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
}

.accmaa-fx-bar .fx-tick-rate {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}

.accmaa-fx-bar .fx-updated {
    color: rgba(255, 255, 255, 0.78) !important;
}

/* ═══ تسميات وmarquee مشتركة ═══ */
.fx-bar-label {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    line-height: 1.15;
    min-width: max-content;
    padding-block: 4px;
}

.fx-bar-label > span {
    font-weight: 800;
    font-size: 0.72rem;
}

.fx-bar-label small {
    font-size: 0.58rem;
    font-weight: 600;
    opacity: 0.82;
}

.fx-marquee-wrap {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.fx-marquee-track {
    display: flex;
    gap: clamp(16px, 2.5vw, 28px);
    width: max-content;
    animation: fxScroll 38s linear infinite;
    -webkit-animation: fxScroll 38s linear infinite;
    white-space: nowrap;
    padding: 6px 0;
    will-change: transform;
}

.accmaa-gold-bar .fx-marquee-track {
    animation-duration: 32s;
}

.fx-tick-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    font-size: 0.74rem;
    flex-shrink: 0;
}

.fx-tick-item strong {
    font-weight: 800;
    letter-spacing: 0.02em;
}

.fx-tick-name {
    font-weight: 600;
    max-width: 14ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fx-updated {
    flex-shrink: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* ═══ ظهور دائم للزائر ═══ */
body.guest-mode .accmaa-live-tickers,
body.guest-mode #accmaaGoldBar:not([hidden]),
body.guest-mode #accmaaFxBar:not([hidden]),
body.guest-mode .accmaa-gold-bar:not([hidden]) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    max-height: none !important;
}

body.guest-mode.accmaa-header-compact .accmaa-live-tickers,
body.guest-mode.accmaa-header-compact #accmaaGoldBar:not([hidden]),
body.guest-mode.accmaa-header-compact #accmaaFxBar:not([hidden]) {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
}

@media (max-width: 768px) {
    .accmaa-ticker-bar {
        min-height: 32px;
        padding-inline: 6px;
        gap: 6px;
    }

    .fx-bar-label > span {
        font-size: 0.66rem;
    }

    .fx-bar-label small {
        display: none;
    }

    .fx-updated {
        display: none;
    }

    .fx-tick-item {
        font-size: 0.7rem;
        padding: 3px 10px;
    }

    .fx-tick-name {
        max-width: 10ch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accmaa-gold-bar {
        animation: none;
    }
}


/* ---- accmaa-fixes-20260808l.css ---- */
/**
 * Accmaa fixes 20260808l
 * زر رجوع Messenger · موبايل · تسريع الأداء
 */

/* ═══ زر الرجوع العائم — ظاهر · فوق كل شيء · سحب كامل ═══ */
#accmaaBackFab,
.accmaa-back-fab {
    position: fixed !important;
    z-index: 99999 !important;
    touch-action: none !important;
    cursor: grab !important;
    -webkit-tap-highlight-color: transparent;
    contain: layout style;
}

#accmaaBackFab.is-positioned,
.accmaa-back-fab.is-positioned {
    inset: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    bottom: auto !important;
    right: auto !important;
}

#accmaaBackFab:not(.is-home):not([hidden]),
.accmaa-back-fab:not(.is-home):not([hidden]) {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

#accmaaBackFab.is-dragging,
.accmaa-back-fab.is-dragging {
    cursor: grabbing !important;
    z-index: 100000 !important;
    transition: none !important;
}

#accmaaBackFab.is-home,
#accmaaBackFab[hidden],
.accmaa-back-fab.is-home,
.accmaa-back-fab[hidden] {
    display: none !important;
    pointer-events: none !important;
}

/* ═══ موبايل — بلا قصّ · وضوح · مساحة آمنة ═══ */
@media (max-width: 768px) {
    body.guest-mode .main-wrap,
    body.guest-mode #mainContent,
    body.guest-mode .dash-landing,
    body.guest-mode .dash-flow {
        overflow-x: clip !important;
        max-width: 100vw !important;
    }

    #accmaaBackFab,
    .accmaa-back-fab {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }

    #accmaaBackFab:not(.is-positioned),
    .accmaa-back-fab:not(.is-positioned) {
        inset-inline-start: max(10px, env(safe-area-inset-left, 0px) + 8px) !important;
        bottom: max(14px, env(safe-area-inset-bottom, 0px) + 12px) !important;
    }

    .accmaa-nav-icon-wrap img,
    .accmaa-nav-icon-wrap svg,
    .hero-sector-pill,
    .fx-tick-item {
        image-rendering: auto;
        transform: none !important;
    }

    .accmaa-site-menu--rail .accmaa-nav-icon-wrap i {
        -webkit-font-smoothing: antialiased;
    }
}

/* ═══ تسريع — zones تحت الهيرو · تقليل الحركة الثقيلة ═══ */
.dash-flow__zone:not(.dash-flow__zone--hero):not(.dash-flow__zone--command):not(.dash-flow__zone--promo):not(.dash-flow__zone--promo-hero) {
    content-visibility: auto;
    contain-intrinsic-size: auto 320px;
}

body.perf-lite .accmaa-gold-bar,
body.perf-lite .accmaa-promo-bar {
    animation: none !important;
}

body.perf-lite .hero-photo-slider,
body.perf-lite .hero-floating-terms,
body.perf-lite .promo-billboard-orbs,
body.perf-lite .promo-bar-fx,
body.perf-lite .accmaa-orbit-showcase .accmaa-orbit-ring {
    display: none !important;
}

body.perf-lite .fx-marquee-track:not(.fx-marquee-track--js) {
    animation-duration: 55s !important;
}

body.perf-lite .accmaa-accounting-cinema {
    display: none !important;
}

body.perf-lite .reveal-section {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .fx-marquee-track,
    .accmaa-gold-bar {
        animation: none !important;
    }
}


/* ---- accmaa-fixes-20260808m.css ---- */
/**
 * Accmaa fixes 20260808m
 * هيدر ثابت · بلا فراغ أبيض · معلومة محاسبية بسطر واحد · بلا رعشة
 */

:root {
    --accmaa-ticker-row-h: 34px;
    --accmaa-cinema-fixed-h: 38px;
    --accmaa-insights-row-h: 40px;
}

/* ═══ أشرطة العملات/الذهب — ارتفاع ثابت · بلا فراغ أبيض ═══ */
body.guest-mode #accmaaUtilityStack,
body.guest-mode .accmaa-utility-stack {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    contain: layout style;
}

body.guest-mode .accmaa-live-tickers {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.guest-mode #accmaaGoldBar:not([hidden]),
body.guest-mode #accmaaFxBar:not([hidden]),
body.guest-mode .accmaa-gold-bar:not([hidden]),
body.guest-mode .accmaa-fx-bar:not([hidden]) {
    height: var(--accmaa-ticker-row-h) !important;
    min-height: var(--accmaa-ticker-row-h) !important;
    max-height: var(--accmaa-ticker-row-h) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* ═══ سينما محاسبية — شريط مصطلحات فقط · ملاصق للهيدر ═══ */
body.guest-mode.has-accounting-cinema {
    --cinema-bar-h: var(--accmaa-cinema-fixed-h) !important;
}

body.guest-mode .accmaa-accounting-cinema:not([hidden]),
body.guest-mode #accmaaAccountingCinema:not([hidden]) {
    height: var(--accmaa-cinema-fixed-h) !important;
    min-height: var(--accmaa-cinema-fixed-h) !important;
    max-height: var(--accmaa-cinema-fixed-h) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.38) !important;
    box-shadow: none !important;
    contain: layout style paint;
    transition: none !important;
}

body.guest-mode .accmaa-accounting-cinema::before,
body.guest-mode .accmaa-accounting-cinema::after {
    animation: none !important;
    opacity: 0.65 !important;
}

body.guest-mode .acc-cinema-viewport,
body.guest-mode .acc-cinema-track,
body.guest-mode .acc-cinema-slide {
    display: none !important;
}

body.guest-mode .acc-cinema-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    height: 100% !important;
    min-height: 0 !important;
    padding-inline: clamp(8px, 1.6vw, 14px) !important;
    box-sizing: border-box !important;
}

body.guest-mode .acc-cinema-head {
    position: static !important;
    flex: 0 0 auto !important;
    order: 1 !important;
    margin: 0 !important;
    padding: 2px 9px !important;
    font-size: 0.58rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.guest-mode .acc-cinema-pulse {
    animation: none !important;
    box-shadow: none !important;
}

body.guest-mode .acc-cinema-terms {
    flex: 1 1 auto !important;
    order: 2 !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

body.guest-mode .acc-cinema-terms-track {
    display: flex !important;
    align-items: center !important;
    gap: clamp(8px, 1.2vw, 14px) !important;
    padding: 0 !important;
    min-height: 0 !important;
}

body.guest-mode .acc-cinema-term,
body.guest-mode .acc-cinema-term--link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    padding: 2px 10px !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-transform: none !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    border: 1px solid rgba(212, 175, 55, 0.32) !important;
    background: rgba(6, 31, 61, 0.72) !important;
    color: #e8c547 !important;
    transform: none !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
}

body.guest-mode .acc-cinema-term--link:hover {
    transform: none !important;
    background: rgba(212, 175, 55, 0.16) !important;
}

/* ═══ تثبيت موضع الهيدر — مصدر واحد للحقيقة ═══ */
body.guest-mode.has-accounting-cinema .topbar,
body.guest-mode.has-accounting-cinema .topbar.topbar-premium {
    top: calc(var(--utility-bar-h, 0px) + var(--accmaa-cinema-fixed-h)) !important;
    transition: none !important;
    contain: layout style;
}

body.guest-mode .topbar.topbar-premium {
    transition: none !important;
}

body.guest-mode .topbar-premium .topbar-shell {
    padding-block: 8px 10px !important;
}

body.guest-mode .topbar-row-main {
    min-height: 56px !important;
    align-items: center !important;
    gap: 8px !important;
}

body.guest-mode .topbar-premium.is-scrolled .topbar-row-main {
    min-height: 52px !important;
}

body.guest-mode .topbar-premium.is-scrolled .topbar-shell {
    padding-block: 6px 8px !important;
}

/* ═══ معلومة محاسبية — سطر واحد أفقي ثابت ═══ */
.topbar-start--insights {
    min-width: min(220px, 24vw) !important;
    max-width: min(520px, 48vw) !important;
}

.topbar-acct-insights,
body.guest-mode .topbar-acct-insights,
body.guest-mode .topbar-premium.is-scrolled .topbar-acct-insights {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    height: var(--accmaa-insights-row-h) !important;
    min-height: var(--accmaa-insights-row-h) !important;
    max-height: var(--accmaa-insights-row-h) !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    contain: layout style;
}

.topbar-acct-insights__badge {
    position: static !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 0.62rem !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.topbar-acct-insights__track {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.topbar-acct-insights__text,
.topbar-acct-insights__text.is-active,
.topbar-acct-insights__text.is-exit,
.topbar-acct-insights__text.is-enter {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    line-height: var(--accmaa-insights-row-h) !important;
    font-size: clamp(0.68rem, 0.95vw, 0.8rem) !important;
    font-weight: 700 !important;
    transform: none !important;
    transition: opacity 0.35s ease !important;
}

.topbar-acct-insights__text.is-active {
    position: relative !important;
    opacity: 1 !important;
}

.topbar-acct-insights__text.is-exit {
    opacity: 0 !important;
}

.topbar-acct-insights__text.is-enter {
    opacity: 0 !important;
}

@media (max-width: 900px) {
    body.guest-mode .topbar-row--swapped .topbar-start.topbar-start--insights,
    body.guest-mode .topbar-row-main .topbar-start.topbar-start--insights,
    .topbar-start.topbar-start--insights {
        order: 2 !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-top: 0 !important;
    }

    .topbar-acct-insights,
    body.guest-mode .topbar-acct-insights {
        width: 100% !important;
        height: var(--accmaa-insights-row-h) !important;
        min-height: var(--accmaa-insights-row-h) !important;
        max-height: var(--accmaa-insights-row-h) !important;
    }

    .topbar-acct-insights__text,
    .topbar-acct-insights__text.is-active {
        font-size: 0.72rem !important;
    }
}

@media (max-width: 640px) {
    :root {
        --accmaa-insights-row-h: 38px;
    }

    .topbar-acct-insights__badge span {
        display: none;
    }
}

/* ═══ إيقاف انتقالات الهيدر الثقيلة ═══ */
body.guest-mode .accmaa-utility-stack,
body.guest-mode #accmaaPromoBar,
body.guest-mode .accmaa-accounting-cinema,
body.guest-mode.accmaa-header-compact .accmaa-utility-stack,
body.guest-mode.accmaa-header-compact .accmaa-accounting-cinema {
    transition: none !important;
}

body.guest-mode.accmaa-header-compact.has-accounting-cinema .topbar,
body.guest-mode.accmaa-header-compact .topbar.topbar-premium {
    top: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
    .acc-cinema-terms-track,
    .fx-marquee-track {
        animation: none !important;
    }
}


/* ---- accmaa-fixes-20260808n.css ---- */
/**
 * Accmaa fixes 20260808n
 * قائمة كاملة بلا قصّ · معلومة محاسبية كاملة بسطر متحرك
 */

:root {
    --accmaa-nav-rail-h: 52px;
    --accmaa-insights-row-h: 42px;
}

/* ═══ القائمة البيضاء — بلا قصّ عند التمرير ═══ */
body.guest-mode .topbar.topbar-premium,
body.guest-mode .topbar-premium .topbar-shell,
body.guest-mode .topbar-row-main,
body.guest-mode .topbar-row--swapped,
body.guest-mode #megaNav.mega-nav {
    overflow: visible !important;
    contain: none !important;
}

body.guest-mode .topbar-row--swapped,
body.guest-mode .topbar-row-main,
body.guest-mode .topbar-premium.is-scrolled .topbar-row-main,
body.guest-mode.accmaa-header-compact .topbar-row-main {
    min-height: unset !important;
    height: auto !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding-block: 0 !important;
}

body.guest-mode .topbar-row--swapped .mega-nav,
body.guest-mode #megaNav.mega-nav {
    order: 3 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.guest-mode .accmaa-site-menu--rail,
body.guest-mode #megaNav.mega-nav .accmaa-site-menu--rail,
#megaNav.mega-nav .accmaa-site-menu--rail {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    min-height: var(--accmaa-nav-rail-h) !important;
    height: auto !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
    border: 1px solid rgba(10, 54, 105, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(10, 54, 105, 0.06) !important;
}

body.guest-mode .accmaa-site-menu--rail > li {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
}

body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link,
body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    font-size: clamp(0.72rem, 0.95vw, 0.84rem) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    white-space: nowrap !important;
}

body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron) {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

body.guest-mode .accmaa-site-menu--rail .accmaa-mega-chevron {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 0.75 !important;
}

body.guest-mode .accmaa-site-menu--rail .accmaa-nav-icon-wrap,
body.guest-mode .accmaa-site-menu--rail .accmaa-nav-icon-wrap.has-icon-bg {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex-shrink: 0 !important;
}

body.guest-mode .topbar-premium.is-scrolled .accmaa-site-menu--rail,
body.guest-mode.accmaa-header-compact .accmaa-site-menu--rail {
    min-height: var(--accmaa-nav-rail-h) !important;
    padding: 8px 12px !important;
    overflow-y: visible !important;
}

/* ═══ معلومة محاسبية — عرض أوسع · نص كامل · سطر واحد ═══ */
body.guest-mode .topbar-row--swapped .topbar-start.topbar-start--insights {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: min(280px, 30vw) !important;
    max-width: none !important;
    width: auto !important;
}

body.guest-mode .topbar-row--swapped .topbar-tools {
    order: 2 !important;
    flex: 0 0 auto !important;
}

.topbar-acct-insights,
body.guest-mode .topbar-acct-insights,
body.guest-mode .topbar-premium.is-scrolled .topbar-acct-insights,
body.guest-mode.accmaa-header-compact .topbar-acct-insights {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--accmaa-insights-row-h) !important;
    min-height: var(--accmaa-insights-row-h) !important;
    max-height: var(--accmaa-insights-row-h) !important;
    padding: 0 12px !important;
    overflow: hidden !important;
}

.topbar-acct-insights__track {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}

.topbar-acct-insights__marquee {
    display: inline-flex !important;
    align-items: center !important;
    gap: 48px !important;
    width: max-content !important;
    min-width: 100% !important;
    white-space: nowrap !important;
}

.topbar-acct-insights__marquee.is-static {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    animation: none !important;
}

.topbar-acct-insights__marquee.is-scroll {
    animation: accmaaInsightScroll var(--insight-scroll-dur, 22s) linear infinite;
}

.topbar-acct-insights__text,
.topbar-acct-insights__text.is-active {
    display: inline-block !important;
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    line-height: 1.25 !important;
    font-size: clamp(0.64rem, 0.88vw, 0.78rem) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    transform: none !important;
    transition: opacity 0.3s ease !important;
}

.topbar-acct-insights__text--dup {
    opacity: 0.92;
}

@keyframes accmaaInsightScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

[dir="rtl"] .topbar-acct-insights__marquee.is-scroll {
    animation-name: accmaaInsightScrollRtl;
}

@keyframes accmaaInsightScrollRtl {
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); }
}

@media (max-width: 900px) {
    body.guest-mode .topbar-row--swapped .topbar-start.topbar-start--insights {
        order: 2 !important;
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }

    body.guest-mode .accmaa-site-menu--rail {
        min-height: 48px !important;
        padding: 7px 10px !important;
    }
}

@media (max-width: 640px) {
    :root {
        --accmaa-insights-row-h: 40px;
        --accmaa-nav-rail-h: 46px;
    }

    .topbar-acct-insights__text {
        font-size: 0.68rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .topbar-acct-insights__marquee.is-scroll {
        animation: none !important;
    }
}


/* ---- accmaa-fixes-20260808o.css ---- */
/**
 * Accmaa fixes 20260808o
 * معلومة واحدة · شاشة إعلانات · ذهب/عملات · هيدر منظم مضغوط
 */

:root {
    --accmaa-ticker-row-h: 32px;
    --accmaa-cinema-fixed-h: 36px;
    --accmaa-insights-row-h: 40px;
    --accmaa-nav-rail-h: 50px;
}

/* ═══ 1. أشرطة الذهب والعملات — ظاهرة · مضغوطة · متحركة ═══ */
body.guest-mode #accmaaUtilityStack,
body.guest-mode .accmaa-utility-stack {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    max-height: none !important;
    pointer-events: auto !important;
}

body.guest-mode .accmaa-live-tickers {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.guest-mode #accmaaGoldBar,
body.guest-mode #accmaaFxBar,
body.guest-mode .accmaa-gold-bar,
body.guest-mode .accmaa-fx-bar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.guest-mode #accmaaGoldBar:not([hidden]),
body.guest-mode #accmaaFxBar:not([hidden]),
body.guest-mode .accmaa-gold-bar:not([hidden]),
body.guest-mode .accmaa-fx-bar:not([hidden]) {
    height: var(--accmaa-ticker-row-h) !important;
    min-height: var(--accmaa-ticker-row-h) !important;
    max-height: var(--accmaa-ticker-row-h) !important;
    margin: 0 !important;
    padding-block: 0 !important;
    overflow: hidden !important;
    align-items: center !important;
}

body.guest-mode.accmaa-header-compact #accmaaUtilityStack,
body.guest-mode.accmaa-header-compact .accmaa-live-tickers,
body.guest-mode.accmaa-header-compact #accmaaGoldBar,
body.guest-mode.accmaa-header-compact #accmaaFxBar {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    pointer-events: auto !important;
}

body.guest-mode .accmaa-ticker-bar .fx-bar-label {
    padding-block: 2px !important;
}

body.guest-mode .accmaa-ticker-bar .fx-bar-label > span {
    font-size: 0.68rem !important;
}

body.guest-mode .accmaa-ticker-bar .fx-marquee-track {
    padding: 4px 0 !important;
}

/* ═══ 2. معلومة محاسبية — نص واحد · بلا تكرار ═══ */
.topbar-acct-insights__marquee {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

.topbar-acct-insights__marquee.is-static {
    width: 100% !important;
    justify-content: flex-start !important;
    animation: none !important;
}

.topbar-acct-insights__marquee.is-static .topbar-acct-insights__text--dup {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    overflow: hidden !important;
}

.topbar-acct-insights__marquee.is-scroll {
    gap: 40px !important;
    width: max-content !important;
    min-width: max-content !important;
}

.topbar-acct-insights__text,
.topbar-acct-insights__text.is-active {
    position: static !important;
    inset: auto !important;
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    flex-shrink: 0 !important;
    line-height: 1.25 !important;
    font-size: clamp(0.64rem, 0.86vw, 0.76rem) !important;
}

/* ═══ 3. هيدر منظم — بلا فراغات كبيرة ═══ */
body.guest-mode .topbar-premium .topbar-shell {
    padding-block: 6px 8px !important;
}

body.guest-mode .topbar-row-main,
body.guest-mode .topbar-row--swapped {
    gap: 6px !important;
    min-height: unset !important;
}

body.guest-mode .topbar-row--swapped .topbar-start.topbar-start--insights {
    flex: 1 1 auto !important;
    min-width: min(240px, 28vw) !important;
    max-width: none !important;
}

body.guest-mode .topbar-tools--creative {
    flex-shrink: 0 !important;
}

body.guest-mode .accmaa-site-menu--rail,
#megaNav.mega-nav .accmaa-site-menu--rail {
    min-height: var(--accmaa-nav-rail-h) !important;
    padding: 7px 10px !important;
    margin: 0 !important;
    overflow-y: visible !important;
}

body.guest-mode .topbar-premium.is-scrolled .accmaa-site-menu--rail,
body.guest-mode.accmaa-header-compact .accmaa-site-menu--rail {
    min-height: var(--accmaa-nav-rail-h) !important;
    padding: 7px 10px !important;
}

body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link,
body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger {
    min-height: 36px !important;
    padding: 5px 9px !important;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

body.guest-mode .accmaa-site-menu--rail .accmaa-nav-icon-wrap {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
}

/* ═══ 4. شاشة الإعلانات — ظاهرة دائماً تحت الهيرو ═══ */
.dash-flow__zone--promo,
.dash-flow__zone--promo-hero,
#promoCarouselSection,
.promo-carousel-section,
.promo-billboard-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-block: clamp(8px, 1.2vw, 14px) !important;
    overflow: visible !important;
}

.promo-carousel-wrap,
.promo-carousel-wrap--creative,
.promo-carousel-wrap--screen {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: min(1200px, 100%) !important;
    margin-inline: auto !important;
    min-height: clamp(200px, 28vw, 360px) !important;
}

.promo-carousel-track {
    min-height: clamp(180px, 26vw, 340px) !important;
}

.promo-carousel-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.promo-carousel-slide img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.dash-flow__zone--hero {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.dash-flow__zone--promo-hero {
    margin-top: 0 !important;
    padding-top: clamp(6px, 1vw, 10px) !important;
}

/* لا content-visibility على الشاشة أو الأشرطة */
body.guest-mode .dash-flow__zone--promo,
body.guest-mode .dash-flow__zone--promo-hero,
body.guest-mode #accmaaUtilityStack {
    content-visibility: visible !important;
}

@media (max-width: 768px) {
    :root {
        --accmaa-ticker-row-h: 30px;
        --accmaa-nav-rail-h: 46px;
        --accmaa-insights-row-h: 38px;
    }

    .promo-carousel-wrap,
    .promo-carousel-wrap--screen {
        min-height: clamp(160px, 42vw, 240px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .topbar-acct-insights__marquee.is-scroll {
        animation: none !important;
    }
}


/* ---- accmaa-fixes-20260808p.css ---- */
/**
 * Accmaa fixes 20260808p
 * أشرطة ذهب/عملات كاملة · موبايل منظم بلا قصّ أو تداخل
 */

:root {
    --accmaa-ticker-row-h: 40px;
    --accmaa-fx-row-h: 42px;
    --accmaa-nav-rail-h: 52px;
}

/* ═══ 1. أشرطة الذهب والعملات — ارتفاع كافٍ · بلا اقتصاص ═══ */
body.guest-mode #accmaaGoldBar:not([hidden]),
body.guest-mode .accmaa-gold-bar:not([hidden]) {
    height: auto !important;
    min-height: var(--accmaa-ticker-row-h) !important;
    max-height: none !important;
    padding: 4px clamp(8px, 1.5vw, 14px) !important;
    overflow: hidden !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

body.guest-mode #accmaaFxBar:not([hidden]),
body.guest-mode .accmaa-fx-bar:not([hidden]) {
    height: auto !important;
    min-height: var(--accmaa-fx-row-h) !important;
    max-height: none !important;
    padding: 4px clamp(8px, 1.5vw, 14px) !important;
    overflow: hidden !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

body.guest-mode .accmaa-ticker-bar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}

body.guest-mode .accmaa-ticker-bar .fx-bar-label {
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

body.guest-mode .accmaa-ticker-bar .fx-bar-label > span {
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

body.guest-mode .accmaa-ticker-bar .fx-bar-label small {
    display: none !important;
}

body.guest-mode .accmaa-ticker-bar .fx-marquee-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: block !important;
}

body.guest-mode .accmaa-ticker-bar .fx-marquee-track {
    padding: 2px 0 !important;
    align-items: center !important;
}

body.guest-mode .accmaa-ticker-bar .fx-tick-item {
    font-size: 0.72rem !important;
    padding: 3px 10px !important;
    line-height: 1.2 !important;
}

body.guest-mode .accmaa-ticker-bar .fx-updated {
    flex: 0 0 auto !important;
    font-size: 0.6rem !important;
    white-space: nowrap !important;
    max-width: 11ch !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.guest-mode .accmaa-fx-bar .fx-bar-label,
body.guest-mode .accmaa-fx-bar .fx-bar-label > span {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}

body.guest-mode #accmaaUtilityStack,
body.guest-mode .accmaa-utility-stack {
    overflow: visible !important;
    contain: none !important;
}

/* ═══ 2. موبايل ≤768 — هيدر شبكي منظم ═══ */
@media (max-width: 768px) {
    :root {
        --accmaa-ticker-row-h: 36px;
        --accmaa-fx-row-h: 38px;
        --accmaa-nav-rail-h: 50px;
        --accmaa-insights-row-h: 36px;
    }

    body.guest-mode .accmaa-ticker-bar .fx-updated {
        display: none !important;
    }

    body.guest-mode .accmaa-ticker-bar .fx-bar-label > span {
        font-size: 0.66rem !important;
    }

    body.guest-mode .accmaa-ticker-bar .fx-tick-item {
        font-size: 0.66rem !important;
        padding: 2px 8px !important;
    }

    body.guest-mode .topbar.topbar-premium,
    body.guest-mode .topbar-premium .topbar-shell,
    body.guest-mode .topbar-row-main,
    body.guest-mode .topbar-row--swapped {
        overflow: visible !important;
        contain: none !important;
    }

    body.guest-mode .topbar-premium .topbar-shell {
        padding: 6px 8px 8px !important;
    }

    body.guest-mode .topbar-row--swapped {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "tools menu"
            "insights insights"
            "nav nav" !important;
        gap: 6px !important;
        align-items: center !important;
        width: 100% !important;
    }

    body.guest-mode .topbar-row--swapped .topbar-tools,
    body.guest-mode .topbar-row--swapped .topbar-tools--creative {
        grid-area: tools !important;
        order: unset !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: auto !important;
        overflow: visible !important;
    }

    body.guest-mode .topbar-row--swapped .topbar-menu-pill--creative {
        grid-area: menu !important;
        order: unset !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 8px 11px !important;
        min-height: 38px !important;
    }

    body.guest-mode .topbar-row--swapped .topbar-start.topbar-start--insights,
    body.guest-mode .topbar-start.topbar-start--insights {
        grid-area: insights !important;
        order: unset !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.guest-mode .topbar-row--swapped .mega-nav,
    body.guest-mode #megaNav.mega-nav {
        grid-area: nav !important;
        order: unset !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 2px !important;
    }

    body.guest-mode .topbar-tools-glass {
        flex-wrap: nowrap !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 3px 5px !important;
        gap: 3px !important;
        overflow: visible !important;
    }

    body.guest-mode .topbar-tools-divider {
        display: none !important;
    }

    body.guest-mode .topbar-tools-cluster--utility {
        flex-shrink: 0 !important;
    }

    body.guest-mode .topbar-tools-cluster--auth,
    body.guest-mode .user-bar--creative {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        flex-wrap: nowrap !important;
    }

    /* تسجيل الدخول داخل القائمة — زر واحد مضغوط فقط */
    body.guest-mode .user-bar--creative .btn-outline,
    body.guest-mode .user-bar .btn-outline {
        display: none !important;
    }

    body.guest-mode .user-bar--creative .btn-gold,
    body.guest-mode .user-bar .btn-gold {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 5px 9px !important;
        min-height: 32px !important;
        max-width: 100% !important;
        font-size: 0.62rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.guest-mode .user-bar--creative .btn-gold::before {
        display: none !important;
        content: none !important;
    }

    body.guest-mode .user-bar--creative .btn-gold span,
    body.guest-mode .user-bar .btn-gold span {
        display: inline !important;
    }

    body.guest-mode .topbar-icon-btn--glass {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        flex-shrink: 0 !important;
    }

    body.guest-mode .topbar-lang-slot .lang-btn {
        min-height: 28px !important;
        padding: 2px 6px !important;
        font-size: 0.62rem !important;
    }

    body.guest-mode .topbar-home-chip {
        display: none !important;
    }

    body.guest-mode .accmaa-site-menu--rail,
    body.guest-mode #megaNav.mega-nav .accmaa-site-menu--rail {
        min-height: var(--accmaa-nav-rail-h) !important;
        height: auto !important;
        padding: 8px 10px !important;
        margin: 0 !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        align-items: center !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }

    body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link,
    body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger {
        min-height: 34px !important;
        padding: 4px 8px !important;
        font-size: 0.68rem !important;
        gap: 4px !important;
    }

    body.guest-mode .accmaa-site-menu--rail .accmaa-nav-icon-wrap {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap),
    body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron) {
        font-size: 0.68rem !important;
        line-height: 1.2 !important;
    }

    body.guest-mode .topbar-acct-insights {
        height: var(--accmaa-insights-row-h) !important;
        min-height: var(--accmaa-insights-row-h) !important;
        max-height: var(--accmaa-insights-row-h) !important;
    }

    body.guest-mode .topbar-acct-insights__text {
        font-size: 0.64rem !important;
    }

    body.guest-mode .main-wrap {
        padding-top: 0 !important;
    }
}

@media (max-width: 480px) {
    body.guest-mode .user-bar--creative .btn-gold span {
        max-width: 14ch !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.guest-mode .user-bar .btn-outline::before {
        content: none !important;
        display: none !important;
    }
}

/* ═══ 3. ديسكتوب — شريط العملات أوضح ═══ */
@media (min-width: 769px) {
    body.guest-mode .accmaa-fx-bar .fx-tick-name {
        max-width: 16ch !important;
    }

    body.guest-mode .accmaa-ticker-bar .fx-updated {
        max-width: none !important;
    }
}


/* ---- accmaa-fixes-20260808q.css ---- */
/* Accmaa — branch-only mega nav + branch dashboard tree (20260808q) */

.accmaa-mega-branch-panel {
    padding: 0.35rem 0;
    min-width: 280px;
    max-width: 400px;
}

.accmaa-mega-branch-list {
    list-style: none;
    margin: 0;
    padding: 0.25rem 0.5rem 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.accmaa-mega-branch-btn {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(10, 54, 105, 0.1);
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    text-align: start;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
}

.accmaa-mega-branch-btn:hover,
.accmaa-mega-branch-btn:focus-visible {
    border-color: rgba(201, 162, 39, 0.55);
    box-shadow: 0 4px 14px rgba(10, 54, 105, 0.08);
    transform: translateY(-1px);
}

.accmaa-mega-branch-icons {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
}

.accmaa-mega-branch-icons .accmaa-nav-icon-wrap {
    width: 28px;
    height: 28px;
    font-size: 0.72rem;
}

.accmaa-mega-branch-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.accmaa-mega-branch-label {
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--navy, #0A3669);
    line-height: 1.25;
}

.accmaa-mega-branch-meta {
    font-size: 0.72rem;
    color: #64748b;
}

.accmaa-mega-branch-arrow {
    color: var(--gold, #c9a227);
    font-size: 0.72rem;
    flex-shrink: 0;
}

/* Branch dashboard */
.accmaa-organized-dash--branch .accmaa-dash-zone-lead {
    font-size: 0.92rem;
    line-height: 1.55;
    max-width: 52rem;
}

.accmaa-branch-tree {
    margin: 0 0 1rem;
    padding: 0.65rem 0.85rem;
    background: rgba(10, 54, 105, 0.04);
    border: 1px solid rgba(10, 54, 105, 0.08);
    border-radius: 12px;
}

.accmaa-branch-tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.accmaa-branch-tree-link {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.45rem 0.55rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    text-align: start;
    font-size: 0.84rem;
    color: var(--navy, #0A3669);
    transition: background 0.12s;
}

.accmaa-branch-tree-link:hover,
.accmaa-branch-tree-link:focus-visible {
    background: rgba(201, 162, 39, 0.12);
}

.accmaa-branch-tree-link .accmaa-nav-icon-wrap {
    width: 26px;
    height: 26px;
    font-size: 0.68rem;
}

.accmaa-branch-tree-link span {
    flex: 1;
    min-width: 0;
}

.accmaa-branch-tree-link .fa-angle-left {
    color: var(--zone-color, var(--gold, #c9a227));
    opacity: 0.75;
    font-size: 0.75rem;
}

@media (max-width: 640px) {
    .accmaa-mega-branch-panel {
        min-width: 0;
        max-width: none;
    }

    .accmaa-mega-branch-btn {
        padding: 0.5rem 0.55rem;
    }

    .accmaa-branch-tree {
        padding: 0.5rem 0.65rem;
    }
}


/* ---- accmaa-fixes-20260808r.css ---- */
/**
 * Accmaa fixes 20260808r
 * موبايل: قوائم ملتصقة · ذهب/عملات كاملة · معلومة محاسبية · زر رجوع
 */

:root {
    --accmaa-ticker-row-h: 42px;
    --accmaa-fx-row-h: 44px;
    --accmaa-insights-row-h: 38px;
}

/* ═══ 1. ذهب + عملات — ظاهرة كاملة بلا قصّ ═══ */
body.guest-mode #accmaaUtilityStack,
body.guest-mode .accmaa-utility-stack,
body.guest-mode .accmaa-live-tickers {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
}

body.guest-mode #accmaaGoldBar:not([hidden]),
body.guest-mode #accmaaFxBar:not([hidden]),
body.guest-mode .accmaa-gold-bar:not([hidden]),
body.guest-mode .accmaa-fx-bar:not([hidden]) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: var(--accmaa-ticker-row-h) !important;
    max-height: none !important;
    overflow: hidden !important;
    align-items: center !important;
    padding: 5px 8px !important;
    box-sizing: border-box !important;
}

body.guest-mode #accmaaFxBar:not([hidden]),
body.guest-mode .accmaa-fx-bar:not([hidden]) {
    min-height: var(--accmaa-fx-row-h) !important;
}

body.guest-mode .accmaa-ticker-bar .fx-bar-label {
    flex: 0 0 auto !important;
    max-width: 34% !important;
    padding: 0 4px 0 0 !important;
    line-height: 1.15 !important;
}

body.guest-mode .accmaa-ticker-bar .fx-bar-label > span {
    font-size: 0.68rem !important;
    font-weight: 800 !important;
}

body.guest-mode .accmaa-ticker-bar .fx-bar-label small {
    display: none !important;
}

body.guest-mode .accmaa-ticker-bar .fx-marquee-wrap {
    flex: 1 1 auto !important;
    min-width: 100px !important;
    min-height: 26px !important;
    overflow: hidden !important;
    display: block !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent) !important;
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent) !important;
}

body.guest-mode .accmaa-ticker-bar .fx-marquee-track {
    display: flex !important;
    align-items: center !important;
    min-height: 24px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.guest-mode .accmaa-ticker-bar .fx-tick-item {
    flex-shrink: 0 !important;
    font-size: 0.68rem !important;
    padding: 3px 9px !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: rgba(255, 255, 255, 0.95) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.95) !important;
}

body.guest-mode .accmaa-ticker-bar .fx-tick-rate {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
}

body.guest-mode .accmaa-fx-bar .fx-tick-name {
    max-width: none !important;
}

body.guest-mode.accmaa-header-compact .accmaa-utility-stack,
body.guest-mode.accmaa-header-compact .accmaa-live-tickers,
body.guest-mode.accmaa-header-compact #accmaaGoldBar:not([hidden]),
body.guest-mode.accmaa-header-compact #accmaaFxBar:not([hidden]) {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    pointer-events: auto !important;
}

/* ═══ 2. معلومة محاسبية — نص متحرك كامل على الموبايل ═══ */
body.guest-mode .topbar-acct-insights {
    height: var(--accmaa-insights-row-h) !important;
    min-height: var(--accmaa-insights-row-h) !important;
    max-height: var(--accmaa-insights-row-h) !important;
    overflow: hidden !important;
}

body.guest-mode .topbar-acct-insights__track {
    overflow: hidden !important;
    width: 100% !important;
}

body.guest-mode .topbar-acct-insights__marquee.is-scroll {
    animation: accmaaInsightScroll var(--insight-scroll-dur, 24s) linear infinite !important;
}

@keyframes accmaaInsightScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

[dir="rtl"] body.guest-mode .topbar-acct-insights__marquee.is-scroll {
    animation-name: accmaaInsightScrollRtl !important;
}

@keyframes accmaaInsightScrollRtl {
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); }
}

body.guest-mode .topbar-acct-insights__text {
    font-size: 0.66rem !important;
    line-height: 1.25 !important;
}

/* ═══ 3. قائمة مسندلة موبايل — ملتصقة · واضحة ═══ */
@media (max-width: 768px) {
    .accmaa-mega-panel.accmaa-mega-panel--mobile,
    .accmaa-mega-panel.accmaa-mega-panel--fixed.accmaa-mega-panel--mobile {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28) !important;
        animation: none !important;
        transform: none !important;
        -webkit-font-smoothing: antialiased !important;
        backface-visibility: hidden !important;
        z-index: 10050 !important;
    }

    .accmaa-mega-branch-panel {
        min-width: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }

    .accmaa-mega-branch-btn {
        padding: 0.6rem 0.65rem !important;
    }

    .accmaa-mega-branch-label {
        font-size: 0.86rem !important;
        white-space: normal !important;
        line-height: 1.3 !important;
    }

    /* أقسام القائمة — تمرير أفقي · بلا قصّ للنص */
    body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap),
    body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
    .accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap),
    .accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron) {
        max-width: none !important;
        overflow: visible !important;
        text-overflow: unset !important;
        white-space: nowrap !important;
        font-size: 0.7rem !important;
    }

    body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger,
    body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link {
        padding: 5px 9px !important;
        min-height: 36px !important;
    }

    body.guest-mode .accmaa-site-menu--rail {
        gap: 4px !important;
        padding: 8px 8px !important;
    }

    :root {
        --accmaa-ticker-row-h: 40px;
        --accmaa-fx-row-h: 42px;
        --accmaa-insights-row-h: 36px;
    }

    body.guest-mode .accmaa-ticker-bar .fx-updated {
        display: none !important;
    }
}

/* ═══ 4. زر الرجوع — «رجوع» / Back واضح ═══ */
#accmaaBackFab,
.accmaa-back-fab {
    width: auto !important;
    min-width: 76px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 14px 0 12px !important;
    border-radius: 999px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

#accmaaBackFab .accmaa-back-fab-label,
.accmaa-back-fab .accmaa-back-fab-label {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

#accmaaBackFab i,
.accmaa-back-fab i {
    font-size: 0.95rem !important;
}

@media (max-width: 768px) {
    #accmaaBackFab,
    .accmaa-back-fab {
        min-width: 72px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 12px !important;
        bottom: max(14px, env(safe-area-inset-bottom, 0px) + 12px) !important;
        inset-inline-start: 12px !important;
    }
}


/* ---- accmaa-fixes-20260808s.css ---- */
/**
 * Accmaa fixes 20260808s
 * وضوح الألوان · ذهب/عملات · موبايل · نصوص على خلفية بيضاء
 * MUST load last
 */

/* ═══ 1. شريط الذهب — نص داكن واضح على الخلفية الكريمية ═══ */
body.guest-mode .accmaa-gold-bar,
body.guest-mode #accmaaGoldBar {
    background: linear-gradient(90deg, #fff8e8 0%, #fffdf5 50%, #faf0d4 100%) !important;
    color: #3d2e00 !important;
}

body.guest-mode .accmaa-gold-bar .fx-bar-label,
body.guest-mode .accmaa-gold-bar .fx-bar-label--gold,
body.guest-mode .accmaa-gold-bar .fx-bar-label > span {
    color: #6b4e0a !important;
    -webkit-text-fill-color: #6b4e0a !important;
}

body.guest-mode .accmaa-gold-bar .fx-tick-item,
body.guest-mode .accmaa-gold-bar .fx-tick-item--gold {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(139, 105, 20, 0.35) !important;
    color: #3d2e00 !important;
    -webkit-text-fill-color: #3d2e00 !important;
}

body.guest-mode .accmaa-gold-bar .fx-tick-item strong,
body.guest-mode .accmaa-gold-bar .fx-tick-name {
    color: #4a3500 !important;
    -webkit-text-fill-color: #4a3500 !important;
}

body.guest-mode .accmaa-gold-bar .fx-tick-rate,
body.guest-mode .accmaa-gold-bar .fx-tick-item--gold .fx-tick-rate {
    color: #8b6914 !important;
    -webkit-text-fill-color: #8b6914 !important;
    font-weight: 800 !important;
}

body.guest-mode .accmaa-gold-bar .fx-tick-unit {
    color: #6b4e0a !important;
    -webkit-text-fill-color: #6b4e0a !important;
    opacity: 1 !important;
}

body.guest-mode .accmaa-gold-bar .fx-updated,
body.guest-mode .accmaa-gold-bar .fx-updated--gold {
    color: #6b4e0a !important;
    -webkit-text-fill-color: #6b4e0a !important;
}

/* ═══ 2. شريط العملات — نص أبيض/ذهبي على الأزرق ═══ */
body.guest-mode .accmaa-fx-bar,
body.guest-mode #accmaaFxBar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: linear-gradient(90deg, #061f3d, #0A3669) !important;
    color: #fff !important;
    min-height: 42px !important;
}

body.guest-mode .accmaa-fx-bar .fx-bar-label,
body.guest-mode .accmaa-fx-bar .fx-bar-label > span {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
}

body.guest-mode .accmaa-fx-bar .fx-marquee-wrap {
    flex: 1 1 55% !important;
    min-width: 120px !important;
    min-height: 28px !important;
    display: block !important;
    overflow: hidden !important;
}

body.guest-mode .accmaa-fx-bar .fx-marquee-track {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.guest-mode .accmaa-fx-bar .fx-tick-item {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 213, 79, 0.35) !important;
}

body.guest-mode .accmaa-fx-bar .fx-tick-rate {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    font-weight: 800 !important;
}

body.guest-mode .accmaa-fx-bar .fx-tick-name {
    color: rgba(255, 255, 255, 0.92) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

/* إلغاء قاعدة r الخاطئة التي تجعل نص الذهب أبيض */
body.guest-mode .accmaa-gold-bar .accmaa-ticker-bar .fx-tick-item,
body.guest-mode #accmaaGoldBar .fx-tick-item {
    color: #3d2e00 !important;
    -webkit-text-fill-color: #3d2e00 !important;
}

/* ═══ 3. نصوص على خلفية بيضاء — كحلي واضح (ليس ذهبي فاتح) ═══ */
.main-inner .page-desc,
.main-inner .page-desc-inline,
.hub-landing .page-desc,
.hub-topic-card h4,
.hub-topic-card p,
.hub-topic-go,
.hub-topics-title,
.hub-pillar-badge,
.portal-mod-card h4,
.portal-mod-card p,
.portal-mod-meta,
.pillar-mod-tile strong,
.pillar-mod-tile small,
.choice-visual-body strong,
.choice-visual-body small,
.accmaa-dash-category-card__title,
.accmaa-dash-category-card__enter,
.accmaa-dash-zone-lead,
.accmaa-mega-branch-label,
.accmaa-mega-branch-meta,
.accmaa-branch-tree-link span,
.sidebar .icon-btn-label,
.icons-dock .icon-btn-label,
.content-panel > p,
.panel-premium > p,
.empty-state p,
.guest-preview-panel p,
.guest-preview-panel li {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.main-inner .page-desc,
.hub-landing .page-desc,
.portal-mod-card p,
.hub-topic-card p,
.content-panel > p {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

.hub-topic-go,
.accmaa-dash-category-card__enter,
.accmaa-mega-branch-meta {
    color: #8b6914 !important;
    -webkit-text-fill-color: #8b6914 !important;
    font-weight: 700 !important;
}

.hub-topic-card.active {
    border-color: #c9a227 !important;
    background: #fffbf0 !important;
}

.hub-topic-card.active h4 {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}

/* ERP — نصوص واضحة على خلفية بيضاء */
.erp-shell .page-desc,
.erp-tab-body,
.erp-tab-body td,
.erp-tab-body th,
.erp-tab-body label,
.erp-module-head h2,
.erp-balance-hint,
.erp-line-table input,
.erp-line-table select {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

.erp-shell .admin-page-head .page-desc {
    color: rgba(255, 255, 255, 0.92) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

/* ═══ 4. موبايل — قائمة مسندلة ملتصقة · بلا بكسلة ═══ */
@media (max-width: 768px) {
    .accmaa-mega-panel.accmaa-mega-panel--portaled,
    .accmaa-mega-panel.accmaa-mega-panel--mobile {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;
        max-height: min(65dvh, 420px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 10150 !important;
        transform: none !important;
        animation: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        -webkit-font-smoothing: antialiased !important;
        image-rendering: auto !important;
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22) !important;
    }

    body.guest-mode .topbar,
    body.guest-mode .topbar-premium,
    body.guest-mode .topbar-shell,
    body.guest-mode .topbar-row--swapped,
    body.guest-mode #megaNav.mega-nav,
    body.guest-mode .mega-nav {
        overflow: visible !important;
        contain: none !important;
        transform: none !important;
    }

    body.guest-mode #megaNav.mega-nav,
    body.guest-mode .accmaa-site-menu--rail {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .sidebar .icon-btn-label {
        font-size: 0.72rem !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        color: #0A3669 !important;
        -webkit-text-fill-color: #0A3669 !important;
    }

    .sidebar .icon-btn {
        transform: none !important;
        filter: none !important;
    }

    body.guest-mode .accmaa-gold-bar,
    body.guest-mode .accmaa-fx-bar {
        min-height: 38px !important;
    }
}

/* ═══ 5. منع blur/backdrop على القوائم ═══ */
.accmaa-mega-panel,
.accmaa-mega-branch-panel,
.accmaa-mega-branch-btn {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

.accmaa-mega-branch-btn {
    color: #0A3669 !important;
}

.accmaa-mega-branch-btn .accmaa-mega-branch-label {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    font-weight: 700 !important;
}

.accmaa-mega-branch-btn .accmaa-mega-branch-meta {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}


/* ---- accmaa-fixes-20260808t.css ---- */
/* Branch dashboard focus + promo visibility — 20260808t */
.dash-landing--branch-focus {
    padding: clamp(12px, 2vw, 24px) clamp(10px, 2.5vw, 28px) clamp(24px, 4vw, 48px);
    min-height: 60vh;
}

.dash-landing--branch-focus .accmaa-organized-dash--nested {
    max-width: min(1200px, 100%);
    margin-inline: auto;
}

.dash-landing--branch-focus .accmaa-dash-zone-head h3 {
    color: var(--primary, #0A3669) !important;
}

.dash-landing--branch-focus .accmaa-dash-zone-lead {
    color: #334155 !important;
}

body.guest-mode .dash-flow__zone--promo-hero,
body.guest-mode #promoCarouselSection {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* ---- accmaa-fixes-20260808u.css ---- */
/* Mobile sidebar fix + branch cards redesign — 20260808u */

/* ═══ 1. قائمة الهامبرجر — فوق التعتيم · قابلة للنقر والتمرير ═══ */
@media (max-width: 768px) {
    .accmaa-sidebar-overlay {
        z-index: 10400 !important;
        top: var(--header-stack-h, var(--topbar-h, 96px)) !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        inset: auto !important;
        height: auto !important;
        background: rgba(6, 31, 61, 0.58) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        pointer-events: auto !important;
    }

    body.premium-ui.sidebar-open .sidebar,
    body.sidebar-open.guest-mode .sidebar,
    body.sidebar-open.member-mode .sidebar,
    body.sidebar-open.admin-mode .sidebar,
    body.accmaa-sidebar-lock .sidebar {
        z-index: 10550 !important;
        transform: translateX(0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        isolation: isolate !important;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
        filter: none !important;
        -webkit-font-smoothing: antialiased !important;
        -webkit-overflow-scrolling: touch !important;
        overflow-y: auto !important;
        touch-action: pan-y !important;
        box-shadow: -18px 0 56px rgba(0, 0, 0, 0.28) !important;
    }

    body.accmaa-sidebar-lock {
        touch-action: none !important;
        overflow: hidden !important;
    }

    body.accmaa-sidebar-lock .sidebar,
    body.accmaa-sidebar-lock .sidebar .icons-dock,
    body.accmaa-sidebar-lock .sidebar .sections-panel {
        touch-action: pan-y !important;
        pointer-events: auto !important;
    }

    .sidebar .icon-btn {
        pointer-events: auto !important;
        cursor: pointer !important;
        transform: none !important;
        filter: none !important;
    }

    .sidebar .icon-btn-label {
        color: #0A3669 !important;
        -webkit-text-fill-color: #0A3669 !important;
        opacity: 1 !important;
    }
}

/* ═══ 2. فروع القائمة المنسدلة — بطاقات إبداعية ═══ */
.accmaa-mega-branch-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 4px 0 8px !important;
}

.accmaa-mega-branch-btn {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(10, 54, 105, 0.1) !important;
    background: linear-gradient(135deg, #ffffff 0%, #f4f8fc 100%) !important;
    box-shadow: 0 4px 14px rgba(10, 54, 105, 0.06) !important;
    text-align: start !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.accmaa-mega-branch-btn:hover,
.accmaa-mega-branch-btn:focus-visible {
    transform: translateY(-2px) !important;
    border-color: rgba(212, 175, 55, 0.45) !important;
    box-shadow: 0 8px 22px rgba(10, 54, 105, 0.12) !important;
}

.accmaa-mega-branch-icons .accmaa-nav-icon-wrap {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, var(--primary, #0A3669), #0d4a8a) !important;
}

.accmaa-mega-branch-label {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    line-height: 1.3 !important;
}

.accmaa-mega-branch-meta {
    font-size: 0.72rem !important;
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    margin-top: 2px !important;
}

.accmaa-mega-branch-arrow {
    color: var(--gold, #D4AF37) !important;
    font-size: 0.85rem !important;
}

/* ═══ 3. شجرة الفرع في الداشبورد — شبكة بطاقات ═══ */
.accmaa-branch-tree--cards {
    margin-block: 16px 20px;
}

.accmaa-branch-tree-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: 12px;
}

.accmaa-branch-tree-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    border-radius: 16px;
    background: linear-gradient(135deg, #fff 0%, color-mix(in srgb, var(--zone-color, #0A3669) 6%, #fff) 100%);
    box-shadow: 0 4px 16px rgba(10, 54, 105, 0.07);
    text-align: start;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.accmaa-branch-tree-card:hover,
.accmaa-branch-tree-card:focus-visible {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--zone-color, #D4AF37) 40%, transparent);
    box-shadow: 0 10px 28px rgba(10, 54, 105, 0.14);
}

.accmaa-branch-tree-card__icon .accmaa-nav-icon-wrap {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: linear-gradient(145deg, var(--zone-color, #0A3669), color-mix(in srgb, var(--zone-color, #0A3669) 70%, #000));
}

.accmaa-branch-tree-card__title {
    display: block;
    font-size: 0.92rem;
    font-weight: 800;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    line-height: 1.35;
}

.accmaa-branch-tree-card__hint {
    display: block;
    margin-top: 3px;
    font-size: 0.72rem;
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}

.accmaa-branch-tree-card__go {
    color: var(--gold, #D4AF37);
    font-size: 0.9rem;
    opacity: 0.9;
}

.accmaa-organized-dash--branch .accmaa-cinema-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)) !important;
    gap: 14px !important;
}

@media (max-width: 768px) {
    .accmaa-branch-tree-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .accmaa-branch-tree-card {
        padding: 12px 14px;
    }
}


/* ---- accmaa-fixes-20260808v.css ---- */
/* Branch cinema cards + intro — 20260808v */
.accmaa-branch-intro-panel {
    margin: 0 0 18px;
    padding: 14px 16px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(10, 54, 105, 0.06), rgba(212, 175, 55, 0.08));
    border: 1px solid rgba(10, 54, 105, 0.1);
}

.accmaa-branch-intro-text {
    margin: 0;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: 0.92rem;
    line-height: 1.65;
}

.accmaa-cinema-card__intro {
    margin: 0 12px 8px;
    font-size: 0.78rem;
    line-height: 1.55;
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.accmaa-cinema-card__sub-hint {
    margin: 0 12px 10px;
    font-size: 0.72rem;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

.accmaa-dash-subgroup-title--branch {
    margin: 0 0 12px !important;
    font-size: 0.95rem !important;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

.accmaa-organized-dash--branch .accmaa-cinema-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)) !important;
}

.accmaa-tier-badge.accmaa-tier-preview {
    background: rgba(180, 83, 9, 0.12) !important;
    color: #0A3669 !important;
}


/* ---- accmaa-fixes-20260808w.css ---- */
/* 5 platform sectors — hero grid + rail — 20260808w */
.hero-photo-mini-grid.hero-photo-mini-grid--five {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 10px !important;
    width: min(100%, 520px) !important;
}

.hero-photo-mini-grid--five .hero-photo-mini:nth-child(1) { grid-column: 1 / span 2; }
.hero-photo-mini-grid--five .hero-photo-mini:nth-child(2) { grid-column: 3 / span 2; margin-top: 16px; }
.hero-photo-mini-grid--five .hero-photo-mini:nth-child(3) { grid-column: 5 / span 2; margin-top: -6px; }
.hero-photo-mini-grid--five .hero-photo-mini:nth-child(4) { grid-column: 2 / span 2; margin-top: 8px; }
.hero-photo-mini-grid--five .hero-photo-mini:nth-child(5) { grid-column: 4 / span 2; margin-top: 14px; }

.hero-sector-rail--five {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
    max-width: 100% !important;
}

.hero-sector-rail--five .hero-sector-pill {
    font-size: clamp(0.62rem, 1.8vw, 0.74rem) !important;
    padding: 5px 10px !important;
}

@media (max-width: 768px) {
    .hero-photo-mini-grid.hero-photo-mini-grid--five {
        grid-template-columns: repeat(2, 1fr) !important;
        width: min(100%, 340px) !important;
    }

    .hero-photo-mini-grid--five .hero-photo-mini,
    .hero-photo-mini-grid--five .hero-photo-mini:nth-child(n) {
        grid-column: auto !important;
        margin-top: 0 !important;
    }

    .hero-photo-mini-grid--five .hero-photo-mini:nth-child(5) {
        grid-column: 1 / -1 !important;
        max-width: 220px;
        margin-inline: auto !important;
    }

    .hero-sector-rail--five .hero-sector-pill {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
    }

    .hero-sector-rail--five .hero-sector-pill:nth-child(5) {
        flex: 1 1 100%;
    }
}

.accmaa-organized-dash--hub .accmaa-dash-category-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)) !important;
}


/* ---- accmaa-fixes-20260808x.css ---- */
/* Organized platform — branch picker + breadcrumb + hub desc — 20260808x */
.accmaa-org-steps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 12px;
    margin: 0 auto 20px;
    padding: 10px 16px;
    max-width: min(100%, 720px);
    background: rgba(6, 31, 61, 0.55);
    border: 1px solid rgba(232, 197, 71, 0.35);
    border-radius: 999px;
    backdrop-filter: blur(6px);
}

.accmaa-org-step {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: clamp(0.72rem, 2vw, 0.82rem);
    color: #e8edf5;
    font-weight: 600;
}

.accmaa-org-step i {
    color: var(--gold, #e8c547);
}

.accmaa-org-step-arrow {
    font-size: 0.65rem;
    color: rgba(232, 197, 71, 0.6);
}

.accmaa-dash-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 0.78rem;
}

.accmaa-dash-crumb {
    background: none;
    border: none;
    padding: 2px 4px;
    color: #64748b;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.accmaa-dash-crumb:hover {
    color: var(--gold, #c9a227);
}

.accmaa-dash-crumb--current {
    color: #0A3669;
    font-weight: 700;
    cursor: default;
}

.accmaa-dash-crumb-sep {
    font-size: 0.55rem;
    color: rgba(10, 54, 105, 0.35);
}

.accmaa-dash-zone-detail-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.accmaa-branch-picker-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: 14px;
}

.accmaa-branch-picker-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-align: start;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid rgba(232, 197, 71, 0.45);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.92));
    box-shadow: 0 8px 24px rgba(6, 31, 61, 0.08);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.accmaa-branch-picker-card:hover {
    transform: translateY(-3px);
    border-color: var(--zone-color, var(--gold, #e8c547));
    box-shadow: 0 12px 28px rgba(6, 31, 61, 0.12);
}

.accmaa-branch-picker-card__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(10, 54, 105, 0.08);
    color: var(--zone-color, #0A3669);
    font-size: 1.1rem;
}

.accmaa-branch-picker-card__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.accmaa-branch-picker-card__title {
    font-size: 0.95rem;
    color: #0A3669;
    line-height: 1.35;
}

.accmaa-branch-picker-card__desc {
    font-size: 0.78rem;
    color: #475569;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.accmaa-branch-picker-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
}

.accmaa-branch-picker-card__count {
    font-size: 0.72rem;
    color: #64748b;
    background: rgba(10, 54, 105, 0.06);
    padding: 3px 8px;
    border-radius: 999px;
}

.accmaa-branch-picker-card__enter {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--zone-color, #b8860b);
}

.accmaa-dash-category-card__desc {
    font-size: 0.72rem;
    color: #475569;
    line-height: 1.45;
    margin-top: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.accmaa-branch-intro-panel--zone {
    border-color: rgba(10, 54, 105, 0.2);
    background: rgba(10, 54, 105, 0.04);
}

.accmaa-dash-subgroup-title--picker {
    margin-bottom: 14px;
    color: #0A3669;
}

@media (max-width: 768px) {
    .accmaa-org-steps {
        border-radius: 16px;
        padding: 12px;
    }

    .accmaa-org-step-arrow {
        display: none;
    }

    .accmaa-org-step {
        flex: 1 1 100%;
        justify-content: center;
    }

    .accmaa-branch-picker-card {
        padding: 14px;
    }
}


/* ---- accmaa-fixes-20260808y.css ---- */
/* Mega menu flush attach + notifications z-index + content intro hero — 20260808y */
.accmaa-mega-panel.accmaa-mega-panel--fixed,
.accmaa-mega-panel.accmaa-mega-panel--portaled {
    position: fixed !important;
    z-index: 10650 !important;
    margin: 0 !important;
    transform: none !important;
    animation: none !important;
    -webkit-font-smoothing: antialiased;
    image-rendering: auto;
}

.accmaa-mega-panel.accmaa-mega-panel--portaled {
    display: block !important;
}

.notif-panel {
    position: fixed !important;
    z-index: 10680 !important;
    display: none;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 48px rgba(10, 54, 105, 0.22) !important;
    border: 1px solid rgba(10, 54, 105, 0.1) !important;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

.notif-wrap.open .notif-panel {
    display: block !important;
}

.accmaa-content-intro-hero {
    margin: 0 0 20px;
    padding: 18px 20px;
    border-radius: 18px;
    border: 1px solid rgba(232, 197, 71, 0.45);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
    box-shadow: 0 10px 32px rgba(6, 31, 61, 0.08);
}

.accmaa-content-intro-hero__crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    font-size: 0.76rem;
}

.accmaa-content-crumb {
    background: none;
    border: none;
    padding: 2px 4px;
    color: #64748b;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.accmaa-content-crumb:hover { color: var(--gold, #c9a227); }
.accmaa-content-crumb--current { color: #0A3669; font-weight: 700; cursor: default; }

.accmaa-content-intro-hero__main {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.accmaa-content-intro-hero__icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(10, 54, 105, 0.08);
    color: var(--hero-accent, #0A3669);
    font-size: 1.25rem;
}

.accmaa-content-intro-hero__title {
    margin: 6px 0 8px;
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
    color: #0A3669;
    line-height: 1.35;
}

.accmaa-content-intro-hero__desc {
    margin: 0 0 10px;
    color: #475569;
    line-height: 1.65;
    font-size: 0.92rem;
}

.accmaa-content-intro-hero__bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.accmaa-content-intro-hero__bullets li {
    font-size: 0.82rem;
    color: #334155;
}

.accmaa-content-intro-hero__bullets i {
    color: var(--hero-accent, #b8860b);
    margin-inline-end: 6px;
}

.accmaa-content-intro-hero__lock {
    margin: 10px 0 0;
    font-size: 0.82rem;
    color: #92400e;
    font-weight: 600;
}

.accmaa-workshop-detail {
    margin-top: 8px;
}

.accmaa-workshop-detail__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

@media (max-width: 768px) {
    .accmaa-content-intro-hero {
        padding: 14px;
    }

    .accmaa-content-intro-hero__main {
        flex-direction: column;
    }
}


/* ---- accmaa-fixes-20260809a.css ---- */
/* Notifications hardening + learning item pages — 20260809a */
.accmaa-notif-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10740;
    background: rgba(6, 31, 61, 0.08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, visibility 0.18s ease;
}

.accmaa-notif-backdrop.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#notifToggle {
    position: relative;
    z-index: 10760;
    pointer-events: auto !important;
    cursor: pointer !important;
}

#notifWrap {
    position: relative;
    z-index: 10755;
    pointer-events: auto !important;
}

#notifToggle[aria-expanded="true"] {
    background: rgba(201, 162, 39, 0.18) !important;
    color: var(--primary, #0A3669) !important;
}

#notifPanel.notif-panel--open,
body.accmaa-notif-open #notifPanel,
.notif-wrap.open #notifPanel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    z-index: 10820 !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 52px rgba(10, 54, 105, 0.24) !important;
    max-height: min(72vh, 440px);
    min-height: 120px;
    overflow-y: auto;
    border: 1px solid rgba(10, 54, 105, 0.1) !important;
}

.notif-empty {
    padding: 16px;
    text-align: center;
    color: #64748b;
    font-size: 0.85rem;
}

.accmaa-governance-strip {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 14px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(10, 54, 105, 0.12);
    background: linear-gradient(135deg, rgba(10, 54, 105, 0.06), rgba(201, 162, 39, 0.08));
    color: #0A3669;
    font-size: 0.84rem;
    line-height: 1.55;
}

.accmaa-governance-strip > i {
    flex-shrink: 0;
    margin-top: 2px;
    color: #b8860b;
    font-size: 1.1rem;
}

.accmaa-governance-strip__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.accmaa-governance-strip__body strong {
    font-size: 0.88rem;
}

.accmaa-governance-strip__body span {
    color: #475569;
    font-size: 0.78rem;
}

.accmaa-learning-item-page {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.accmaa-learning-privacy {
    margin: 0 0 12px;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(146, 64, 14, 0.08);
    color: #92400e;
    font-size: 0.8rem;
    font-weight: 600;
}

.accmaa-learning-guide {
    margin: 12px 0 16px;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid rgba(10, 54, 105, 0.1);
    background: #fff;
    box-shadow: 0 8px 24px rgba(6, 31, 61, 0.06);
}

.accmaa-learning-guide__title {
    margin: 0 0 12px;
    font-size: 1rem;
    color: #0A3669;
    display: flex;
    align-items: center;
    gap: 8px;
}

.accmaa-learning-guide__steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.accmaa-learning-guide__steps li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 10px 8px;
    border-radius: 12px;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(10, 54, 105, 0.08);
    font-size: 0.74rem;
    color: #334155;
    line-height: 1.45;
}

.accmaa-learning-guide__num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--gold, #c9a227);
    color: #0A3669;
    font-weight: 800;
    font-size: 0.72rem;
}

.accmaa-learning-guide__steps li i {
    color: #0A3669;
    font-size: 0.95rem;
}

.accmaa-learning-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

.accmaa-learning-outcomes h3,
.accmaa-learning-related h3 {
    margin: 0 0 10px;
    font-size: 0.95rem;
    color: #0A3669;
    display: flex;
    align-items: center;
    gap: 8px;
}

.accmaa-learning-outcomes ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.accmaa-learning-outcomes li {
    font-size: 0.84rem;
    color: #334155;
}

.accmaa-learning-outcomes li i {
    color: #b8860b;
    margin-inline-end: 6px;
}

.accmaa-learning-related {
    margin: 8px 0 16px;
}

.accmaa-learning-related__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.accmaa-learning-related__grid .accmaa-cinema-card__intro {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.accmaa-learning-upsell .guest-preview-panel {
    margin: 0;
}

@media (max-width: 900px) {
    .accmaa-learning-guide__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .accmaa-learning-detail-grid {
        grid-template-columns: 1fr;
    }
}

.accmaa-branch-picker-card__gov,
.accmaa-branch-intro-gov {
    display: block;
    margin-top: 6px;
    font-size: 0.72rem;
    color: #64748b;
    line-height: 1.45;
}

.accmaa-branch-picker-card__gov i,
.accmaa-branch-intro-gov i {
    color: #b8860b;
    margin-inline-end: 4px;
}

.accmaa-branch-intro-gov {
    margin-top: 8px;
    font-weight: 600;
}

.erp-mode-banner {
    margin: 0 0 12px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 0.82rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 8px;
}

.erp-mode-banner--online {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.25);
    color: #065f46;
}

.erp-mode-banner--local {
    background: rgba(201, 162, 39, 0.12);
    border: 1px solid rgba(201, 162, 39, 0.35);
    color: #78350f;
}

@media (max-width: 768px) {
    #notifPanel.notif-panel--open {
        width: min(300px, calc(100vw - 12px)) !important;
    }

    .accmaa-learning-guide__steps {
        grid-template-columns: 1fr;
    }
}


/* ---- accmaa-fixes-20260811a.css ---- */
/* ACCMAA 20260811a — consolidated 10c→10s + perf */


/* ---- accmaa-fixes-20260810c.css ---- */
/* ACCMAA_FIX_10C_CINEMA — أعد شريط صور السينما (كان مخفياً بـ display:none للزائر والمسجّل) */
body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]) {
    height: auto !important;
    min-height: 78px !important;
    max-height: none !important;
    overflow: hidden !important;
}

body.has-accounting-cinema .acc-cinema-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    height: auto !important;
    padding: 4px clamp(6px, 1.2vw, 14px) 6px !important;
}

body.has-accounting-cinema .acc-cinema-viewport,
body.guest-mode.has-accounting-cinema .acc-cinema-viewport,
body:not(.guest-mode).has-accounting-cinema .acc-cinema-viewport {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
    min-height: 52px !important;
    height: clamp(52px, 7vw, 68px) !important;
    overflow: hidden !important;
}

body.has-accounting-cinema .acc-cinema-track,
body.guest-mode.has-accounting-cinema .acc-cinema-track,
body:not(.guest-mode).has-accounting-cinema .acc-cinema-track {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.has-accounting-cinema .acc-cinema-slide,
body.guest-mode.has-accounting-cinema .acc-cinema-slide,
body:not(.guest-mode).has-accounting-cinema .acc-cinema-slide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.has-accounting-cinema .acc-cinema-head {
    order: 0;
}

body.has-accounting-cinema .acc-cinema-terms {
    order: 2;
}

/* توست فوق كل شيء */
.toast,
.toast.toast--accmaa-fix-10c {
    z-index: 2147483000 !important;
}


/* ---- accmaa-fixes-20260810d.css ---- */
/* ACCMAA_FIX_10D — قصّ/بكسلة بعد 10c
 * السبب: 10c جعل السينما height:auto + max-height:none (~93px+) بينما
 * --accmaa-cinema-fixed-h بقي ~36px → الهيدر ينزلق تحت السينما (z أعلى)
 * فيُقص شريط الأدوات/الميجا/الأيقونات. أيضاً overflow-x:clip على html/body.
 */

:root,
body.has-accounting-cinema {
    --accmaa-cinema-fixed-h: 96px;
    --cinema-bar-h: 96px;
}

@media (max-width: 768px) {
    :root,
    body.has-accounting-cinema {
        --accmaa-cinema-fixed-h: 88px;
        --cinema-bar-h: 88px;
    }
}

/* سينما ظاهرة ومضبوطة — سقف ثابت متزامن مع حساب --header-stack-h */
body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]),
body.guest-mode.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
body.guest-mode.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]),
body.guest-mode.accmaa-header-compact.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
body.guest-mode.accmaa-header-compact.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: var(--accmaa-cinema-fixed-h) !important;
    min-height: var(--accmaa-cinema-fixed-h) !important;
    max-height: var(--accmaa-cinema-fixed-h) !important;
    overflow: hidden !important;
    z-index: 1080 !important;
    contain: layout style !important;
}

/* الهيدر فوق السينما وموضعه بعد الارتفاع الحقيقي */
body.has-accounting-cinema .topbar,
body.has-accounting-cinema .topbar.topbar-premium,
body.guest-mode.has-accounting-cinema .topbar,
body.guest-mode.has-accounting-cinema .topbar.topbar-premium,
body.logged-site-home.has-accounting-cinema .topbar,
body.admin-mode.has-accounting-cinema .topbar,
body.member-mode.has-accounting-cinema .topbar {
    top: calc(var(--utility-bar-h, 0px) + var(--accmaa-cinema-fixed-h, 96px)) !important;
    z-index: 1210 !important;
    overflow: visible !important;
}

body.has-accounting-cinema .acc-cinema-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 2px !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    padding: 3px clamp(6px, 1.2vw, 14px) 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* شريط الصور + المصطلحات ظاهران داخل السقف */
body.has-accounting-cinema .acc-cinema-viewport,
body.guest-mode.has-accounting-cinema .acc-cinema-viewport,
body:not(.guest-mode).has-accounting-cinema .acc-cinema-viewport {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    overflow: hidden !important;
}

body.has-accounting-cinema .acc-cinema-track,
body.guest-mode.has-accounting-cinema .acc-cinema-track,
body:not(.guest-mode).has-accounting-cinema .acc-cinema-track {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 100% !important;
    align-items: center !important;
    padding-block: 0 !important;
}

body.has-accounting-cinema .acc-cinema-slide,
body.guest-mode.has-accounting-cinema .acc-cinema-slide,
body:not(.guest-mode).has-accounting-cinema .acc-cinema-slide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 44px !important;
    width: clamp(96px, 22vw, 140px) !important;
    transform: none !important;
    perspective: none !important;
    filter: none !important;
}

body.has-accounting-cinema .acc-cinema-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    image-rendering: auto !important;
}

body.has-accounting-cinema .acc-cinema-head {
    position: static !important;
    order: 0 !important;
    flex: 0 0 auto !important;
    font-size: 0.58rem !important;
    padding: 1px 8px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.has-accounting-cinema .acc-cinema-terms {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 30px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

body.has-accounting-cinema .acc-cinema-pulse {
    animation: none !important;
    box-shadow: none !important;
}

/* لا تقص الصفحة أفقياً — مرّر بدل الاختفاء */
html {
    overflow-x: auto !important;
}

body,
body.premium-ui,
body.guest-mode,
body.guest-mode.premium-ui,
body.logged-site-home,
body.admin-mode,
body.member-mode {
    overflow-x: auto !important;
}

.main-wrap,
.main-inner,
.content-panel,
body.guest-mode .main-wrap,
body.logged-site-home .main-wrap {
    overflow-x: auto !important;
}

/* أشرطة علوية + أدوات + ميجا: تمرير أفقي بدل القصّ */
.accmaa-utility-stack,
#accmaaUtilityStack,
.accmaa-fx-bar,
.accmaa-gold-bar,
.accmaa-promo-bar,
.promo-bar-inner,
.promo-bar-inner--creative,
.topbar-shell,
.topbar-row--swapped,
.topbar-tools,
.topbar-tools-glass,
.topbar-tools-cluster,
.topbar-tools-cluster--utility,
.accmaa-site-menu--rail,
.accmaa-site-nav,
.mega-nav {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin;
}

.topbar.topbar-premium,
.topbar-premium .topbar-shell {
    overflow: visible !important;
}

/* أيقونات/نص حاد — بدون scale/blur على الكروم */
.icons-dock .icon-btn,
.icons-dock .icon-btn i,
.icons-dock .icon-btn .icon-bg-visual,
.icons-dock .icon-btn .icon-bg-visual > i,
.topbar-icon-btn,
.topbar-icon-btn i,
.accmaa-nav-top-link,
.accmaa-nav-top-link i,
.accmaa-mega-trigger,
.accmaa-mega-trigger i:not(.accmaa-mega-chevron),
.mega-nav-icon-wrap,
.mega-nav-icon-wrap i,
.mega-flat-link--clean i {
    transform: none !important;
    filter: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
}

/* بروـمو ظاهر لكن بلا perspective/scale المسبّبة للبكسلة */
.promo-carousel-wrap--creative {
    perspective: none !important;
    transform-style: flat !important;
}

.promo-carousel-slide,
.promo-carousel-slide.is-active {
    transform: none !important;
}

.promo-carousel-slide img {
    animation: none !important;
    transform: none !important;
    max-height: min(360px, 48vw) !important;
}

/* 10f: لا تُصفّر ارتفاع المسار — الشرائح absolute فتحتاج min-height حقيقي */
.promo-carousel-track {
    min-height: clamp(280px, 46vw, 460px) !important;
    max-height: none !important;
}

.promo-billboard-orbs span {
    filter: none !important;
}

body.has-accounting-cinema .dash-flow__zone--promo,
body.has-accounting-cinema #promoCarouselSection {
    display: block !important;
    visibility: visible !important;
}

/* جرس الإشعارات يبقى فوق الكل وقابل للنقر */
#notifToggle,
#notifToggle[data-action="toggle-notifications"],
#notifWrap,
.topbar-tools-cluster--utility {
    pointer-events: auto !important;
    position: relative;
    z-index: 1220 !important;
}

#notifPanel.notif-panel--open,
body.accmaa-notif-open #notifPanel {
    z-index: 1300 !important;
}

.toast,
.toast.toast--accmaa-fix-10d {
    z-index: 2147483000 !important;
}

@media (max-width: 768px) {
    /* صف الهيدر كامل داخل الشاشة + تمرير بدل القصّ */
    .topbar-premium .topbar-shell,
    .topbar-row--swapped,
    .topbar-row-main {
        width: 100% !important;
        max-width: 100vw !important;
        padding-inline: 8px !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

    .topbar-tools,
    .topbar-tools-glass,
    .topbar-row--swapped .topbar-tools {
        width: auto !important;
        max-width: 100% !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .topbar-tools-glass,
    .topbar-tools-cluster--utility {
        max-width: none !important;
        /* يبقى داخل الحاوية القابلة للتمرير */
        overflow: visible !important;
    }

    .topbar-menu-pill,
    .topbar-menu-pill--creative,
    #menuToggle,
    button.topbar-menu-pill {
        flex: 0 0 auto !important;
        margin-inline: 0 !important;
        position: relative !important;
        z-index: 5 !important;
    }

    .accmaa-site-menu--rail,
    body.guest-mode .accmaa-site-menu--rail,
    .accmaa-site-nav,
    #megaNav.mega-nav,
    .mega-nav {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain;
        padding-inline: 4px !important;
        box-sizing: border-box !important;
    }

    .accmaa-nav-top-link,
    .accmaa-mega-trigger,
    .mega-flat-link--clean {
        flex: 0 0 auto !important;
    }

    .accmaa-fx-bar,
    .accmaa-gold-bar,
    .accmaa-promo-bar,
    .promo-bar-inner,
    .promo-bar-inner--creative {
        padding-inline: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .sidebar .icons-dock,
    .icons-dock,
    .icons-dock-inner {
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

    /* وضوح نص/أيقونات الهيدر على الموبايل (بدون كسر مدار الهيرو) */
    .topbar-premium,
    .topbar-premium i,
    .accmaa-site-menu--rail,
    .accmaa-site-menu--rail i,
    .topbar-icon-btn i {
        -webkit-font-smoothing: antialiased !important;
        filter: none !important;
    }
}


/* ---- accmaa-fixes-20260810e.css ---- */
/* ACCMAA_FIX_10E — استعادة شاشة الإعلانات الكبيرة + طبقات شبح
 * السبب الجذري (10d): .promo-carousel-track { min-height:0 } مع شرائح
 * position:absolute → ارتفاع الشاشة ينهار إلى 0 رغم وجود القسم في DOM.
 * السينما الرفيعة تبقى بسقف 10d — هذه القواعد للبروـمو فقط.
 */

/* ═══ شاشة العرض الكبيرة — فوق/قرب «قريباً» ═══ */
.dash-flow__zone--promo,
.dash-flow__zone--promo-hero,
.dash-flow__zone--promo-near-soon,
#promoCarouselSection,
.promo-carousel-section,
.promo-billboard-section,
.promo-billboard-section--screen {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    content-visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 2 !important;
}

.promo-carousel-wrap,
.promo-carousel-wrap--creative,
.promo-carousel-wrap--screen {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: min(1200px, 100%) !important;
    margin-inline: auto !important;
    min-height: clamp(280px, 46vw, 460px) !important;
    height: auto !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    perspective: none !important;
    transform-style: flat !important;
}

.promo-carousel-track {
    position: relative !important;
    display: block !important;
    min-height: clamp(280px, 46vw, 460px) !important;
    height: clamp(280px, 46vw, 460px) !important;
    max-height: none !important;
    z-index: 3 !important;
}

.promo-carousel-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    pointer-events: auto !important;
}

.promo-carousel-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
    display: block !important;
}

.promo-carousel-slide img,
.promo-carousel-wrap--screen .promo-carousel-slide img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    animation: none !important;
    transform: none !important;
}

.promo-billboard-bezel,
.promo-billboard-shine,
.promo-billboard-orbs,
.promo-billboard-orbs span {
    pointer-events: none !important;
}

/* ═══ طبقات شبح — لا تسرق النقر عن الميجا/الأيقونات/الاختيارات ═══ */
.accmaa-mega-item:not(.open) > .accmaa-mega-panel,
.accmaa-mega-panel[hidden],
.accmaa-mega-panel[aria-hidden="true"] {
    pointer-events: none !important;
}

.choices-visual-bg,
.coming-soon-section-bg,
.hero-premium-bg,
.dash-zone-divider,
.promo-carousel-progress {
    pointer-events: none !important;
}

/* لا تغطية شفافة فوق المحتوى */
.topbar-premium::before,
.topbar-premium::after,
.accmaa-site-menu::before,
.accmaa-site-menu::after {
    pointer-events: none !important;
}

.accmaa-mega-trigger,
.accmaa-nav-top-link,
.mega-flat-link,
.choices-visual-grid a,
.choices-visual-grid button,
.pillar-card,
[data-dashboard-target],
#notifToggle,
#notifWrap {
    pointer-events: auto !important;
}

/* السينما الرفيعة — أبقِ سقف 10d (لا نعيد height:auto) */
body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]) {
    max-height: var(--accmaa-cinema-fixed-h, 96px) !important;
    overflow: hidden !important;
}

@media (max-width: 768px) {
    .promo-carousel-wrap,
    .promo-carousel-wrap--screen,
    .promo-carousel-track {
        min-height: clamp(200px, 52vw, 320px) !important;
        height: clamp(200px, 52vw, 320px) !important;
    }
}


/* ---- accmaa-fixes-20260810f.css ---- */
/* ACCMAA_FIX_10F — شاشة إعلانات كبيرة لا تنهار + طبقات شبح
 * أدلة 10e: الملفات وصلت والـ CMS مفعّل، لكن (1) داشبورد المسجّل لا يركّب البرومو،
 * (2) 10d كان يصفّر min-height للمسار مع شرائح absolute → ارتفاع 0.
 */

/* 08i كان يضع order:2 على --promo-hero داخل .dash-flow (flex)
 * فالإعلانات تُدفع لآخر الصفحة تحت كل الأقسام — بينما «قريباً» تبقى في مكانها. */
html body .dash-landing.dash-flow > .dash-flow__zone--promo,
html body .dash-landing.dash-flow > .dash-flow__zone--promo-hero,
html body .dash-landing.dash-flow > .dash-flow__zone--promo-near-soon,
html body .dash-flow__zone--promo,
html body .dash-flow__zone--promo-hero,
html body .dash-flow__zone--promo-near-soon {
    order: 0 !important;
}

/* «قريباً» تبقى order:0 مع باقي المناطق — ترتيب الـ DOM يضعها بعد البرومو */

html body .dash-flow__zone--promo,
html body .dash-flow__zone--promo-hero,
html body .dash-flow__zone--promo-near-soon,
html body #promoCarouselSection,
html body .promo-carousel-section,
html body .promo-billboard-section,
html body .promo-billboard-section--screen {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    content-visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 2 !important;
    min-height: clamp(300px, 48vw, 480px) !important;
}

html body #promoCarouselSection .promo-carousel-wrap,
html body #promoCarouselSection .promo-carousel-wrap--creative,
html body #promoCarouselSection .promo-carousel-wrap--screen,
html body .promo-carousel-wrap--screen {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: min(1200px, 100%) !important;
    margin-inline: auto !important;
    min-height: clamp(320px, 48vw, 480px) !important;
    height: clamp(320px, 48vw, 480px) !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    perspective: none !important;
    transform-style: flat !important;
}

html body #promoCarouselSection .promo-carousel-track,
html body .promo-carousel-wrap--screen .promo-carousel-track {
    position: relative !important;
    display: block !important;
    min-height: clamp(320px, 48vw, 480px) !important;
    height: clamp(320px, 48vw, 480px) !important;
    max-height: none !important;
    z-index: 3 !important;
}

html body #promoCarouselSection .promo-carousel-slide,
html body .promo-carousel-wrap--screen .promo-carousel-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-height: clamp(320px, 48vw, 480px) !important;
    height: 100% !important;
    transform: none !important;
    pointer-events: auto !important;
}

html body #promoCarouselSection .promo-carousel-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
    display: block !important;
}

html body #promoCarouselSection .promo-carousel-slide img,
html body .promo-carousel-wrap--screen .promo-carousel-slide img {
    width: 100% !important;
    height: 100% !important;
    min-height: clamp(320px, 48vw, 480px) !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    animation: none !important;
    transform: none !important;
}

/* طبقات شبح — لا تغطي الهيدر/الميجا */
.accmaa-mega-item:not(.open) > .accmaa-mega-panel,
.accmaa-mega-panel[hidden],
.accmaa-mega-panel[aria-hidden="true"] {
    pointer-events: none !important;
}

.choices-visual-bg,
.coming-soon-section-bg,
.hero-premium-bg,
.dash-zone-divider,
.promo-carousel-progress,
.promo-billboard-bezel,
.promo-billboard-shine,
.promo-billboard-orbs,
.promo-billboard-orbs span,
.topbar-premium::before,
.topbar-premium::after,
.accmaa-site-menu::before,
.accmaa-site-menu::after {
    pointer-events: none !important;
}

.accmaa-mega-trigger,
.accmaa-nav-top-link,
.mega-flat-link,
.choices-visual-grid a,
.choices-visual-grid button,
.pillar-card,
[data-dashboard-target],
#notifToggle,
#notifWrap {
    pointer-events: auto !important;
}

@media (max-width: 768px) {
    html body #promoCarouselSection .promo-carousel-wrap,
    html body #promoCarouselSection .promo-carousel-wrap--screen,
    html body #promoCarouselSection .promo-carousel-track,
    html body #promoCarouselSection .promo-carousel-slide,
    html body #promoCarouselSection .promo-carousel-slide img {
        min-height: clamp(220px, 56vw, 340px) !important;
        height: clamp(220px, 56vw, 340px) !important;
    }
}


/* ---- accmaa-fixes-20260810g.css ---- */
/* ACCMAA_FIX_10G — قياسات حية أثبتت:
 * (1) الشيفرون ذهبي بسبب side-rails + platform-restore بعد launch-polish
 * (2) شاشة الإعلانات صحيحة الارتفاع لكن مدفونة تحت command (~3000px)
 * (3) الموبايل clamp كان يهبط لـ 220px — أقل من مطلب ~400px
 */

/* شيفرون الميجا — كحلي دائماً (يتفوّق على side-rails / platform-restore) */
html body .accmaa-mega-chevron,
html body .accmaa-mega-trigger > .fa-chevron-down,
html body .accmaa-mega-trigger > .accmaa-mega-chevron,
html body .accmaa-mega-trigger i.accmaa-mega-chevron,
html body .accmaa-mega-trigger i.fa-chevron-down,
html body.guest-mode .accmaa-mega-chevron,
html body.guest-mode.premium-ui .accmaa-mega-chevron,
html body.guest-mode.accmaa-site-nav-mode .accmaa-mega-chevron,
html body.guest-mode .topbar-premium .accmaa-mega-chevron,
html body.logged-site-home .accmaa-mega-chevron,
html body.logged-site-home .topbar-premium .accmaa-mega-chevron,
html body.admin-mode .accmaa-mega-chevron,
html body.member-mode .accmaa-mega-chevron,
html body.marketing-header .accmaa-mega-chevron,
html body .accmaa-site-menu--rail .accmaa-mega-chevron {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
    fill: #0A3669 !important;
}

/* أيقونات الميجا/الشريط — ذهب لامع وليس مطفي */
html body .accmaa-site-menu--rail .accmaa-nav-icon-wrap i,
html body .accmaa-mega-trigger .accmaa-nav-icon-wrap i,
html body .accmaa-nav-top-link .accmaa-nav-icon-wrap i,
html body .accmaa-mega-trigger i:not(.accmaa-mega-chevron):not(.fa-chevron-down),
html body .accmaa-nav-top-link i:not(.accmaa-mega-chevron):not(.fa-chevron-down) {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    opacity: 1 !important;
}

/* شاشة الإعلانات — تأكيد الحجم + ترتيب بصري مبكر */
html body .dash-flow__zone--promo,
html body .dash-flow__zone--promo-hero,
html body .dash-flow__zone--promo-near-soon,
html body #promoCarouselSection {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 0 !important;
    min-height: clamp(360px, 42vw, 520px) !important;
}

html body #promoCarouselSection .promo-carousel-wrap,
html body #promoCarouselSection .promo-carousel-wrap--screen,
html body #promoCarouselSection .promo-carousel-track,
html body #promoCarouselSection .promo-carousel-slide,
html body #promoCarouselSection .promo-carousel-slide img {
    min-height: clamp(360px, 42vw, 520px) !important;
    height: clamp(360px, 42vw, 520px) !important;
}

@media (max-width: 768px) {
    html body .dash-flow__zone--promo,
    html body #promoCarouselSection {
        min-height: 400px !important;
    }
    html body #promoCarouselSection .promo-carousel-wrap,
    html body #promoCarouselSection .promo-carousel-wrap--screen,
    html body #promoCarouselSection .promo-carousel-track,
    html body #promoCarouselSection .promo-carousel-slide,
    html body #promoCarouselSection .promo-carousel-slide img {
        min-height: 400px !important;
        height: 400px !important;
    }
}

/* سينما الهيدر — لا تغطي الهيدر */
html body .acc-cinema-viewport,
html body.has-accounting-cinema .acc-cinema-viewport {
    max-height: 56px !important;
}

/* FAB رجوع دائري — لا شريط لاصق يغطي المحتوى */
html body #accmaaBackFab.accmaa-back-fab,
html body .accmaa-back-fab {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    max-width: 56px !important;
}
html body #accmaaBackFab .accmaa-back-fab-label,
html body .accmaa-back-fab .accmaa-back-fab-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}


/* ---- accmaa-fixes-20260810h.css ---- */
/* ACCMAA_FIX_10H — سينما كاملة · إلغاء شريط التمرير الرمادي · جرس أو إخفاؤه
 * أدلة لقطات المستخدم: صور مقصوصة + scrollbar سميك يغطي الشريط فوق أزرار الهيدر.
 */

:root,
body.has-accounting-cinema {
    --accmaa-cinema-fixed-h: 118px;
    --cinema-bar-h: 118px;
}

@media (max-width: 768px) {
    :root,
    body.has-accounting-cinema {
        --accmaa-cinema-fixed-h: 104px;
        --cinema-bar-h: 104px;
    }
}

/* ═══ 1) شريط صور السينما — كامل غير مقصوص ═══ */
html body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
html body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]),
html body.guest-mode.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
html body.guest-mode.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]) {
    height: var(--accmaa-cinema-fixed-h) !important;
    min-height: var(--accmaa-cinema-fixed-h) !important;
    max-height: var(--accmaa-cinema-fixed-h) !important;
    overflow: hidden !important;
    z-index: 1190 !important;
}

html body.has-accounting-cinema .acc-cinema-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: 6px clamp(8px, 1.4vw, 16px) 6px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body.has-accounting-cinema .acc-cinema-viewport,
html body.guest-mode.has-accounting-cinema .acc-cinema-viewport,
html body:not(.guest-mode).has-accounting-cinema .acc-cinema-viewport,
html body .acc-cinema-viewport {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    overflow: hidden !important; /* ماركي CSS — بلا شريط تمرير */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html body .acc-cinema-viewport::-webkit-scrollbar,
html body.has-accounting-cinema .acc-cinema-viewport::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

html body.has-accounting-cinema .acc-cinema-track,
html body.guest-mode.has-accounting-cinema .acc-cinema-track {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding-block: 0 !important;
    gap: 10px !important;
    overflow: visible !important;
}

html body.has-accounting-cinema .acc-cinema-slide,
html body.guest-mode.has-accounting-cinema .acc-cinema-slide,
html body:not(.guest-mode).has-accounting-cinema .acc-cinema-slide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 64px !important;
    width: clamp(112px, 16vw, 168px) !important;
    border-radius: 10px !important;
    border: 2px solid rgba(255, 255, 255, 0.92) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
    perspective: none !important;
    flex: 0 0 auto !important;
}

html body.has-accounting-cinema .acc-cinema-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 40% !important; /* يظهر أعلى المشهد بدل القصّ من فوق */
    transform: none !important;
    animation: none !important; /* بلا KenBurns يقصّ الأطراف */
    filter: none !important;
}

/* إطار الصورة كامل داخل الـ viewport — بلا قصّ علوي للحدود */
html body.has-accounting-cinema .acc-cinema-viewport {
    padding-block: 4px !important;
    box-sizing: border-box !important;
}

/* مصطلحات: ماركي مخفي الشريط (لا overflow-x:auto الظاهر) */
html body.has-accounting-cinema .acc-cinema-terms,
html body.guest-mode.has-accounting-cinema .acc-cinema-terms {
    flex: 0 0 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    min-height: 28px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html body.has-accounting-cinema .acc-cinema-terms::-webkit-scrollbar,
html body .acc-cinema-terms::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

html body.has-accounting-cinema .topbar,
html body.has-accounting-cinema .topbar.topbar-premium {
    top: calc(var(--utility-bar-h, 0px) + var(--accmaa-cinema-fixed-h, 118px)) !important;
    z-index: 1210 !important;
    overflow: visible !important;
}

/* ═══ 2) إلغاء كل أشرطة التمرير السميكة الرمادية فوق/داخل الهيدر ═══ */
html {
    overflow-x: hidden !important;
}

body,
body.premium-ui,
body.guest-mode,
body.guest-mode.premium-ui,
body.logged-site-home,
body.admin-mode,
body.member-mode {
    overflow-x: hidden !important;
}

.accmaa-utility-stack,
#accmaaUtilityStack,
.accmaa-fx-bar,
.accmaa-gold-bar,
.accmaa-promo-bar,
.promo-bar-inner,
.promo-bar-inner--creative,
.topbar-shell,
.topbar-row--swapped,
.topbar-tools,
.topbar-tools-glass,
.topbar-tools-cluster,
.topbar-tools-cluster--utility,
.accmaa-site-menu--rail,
.accmaa-site-nav,
.mega-nav,
#megaNav.mega-nav,
.acc-cinema-viewport,
.acc-cinema-terms,
.acc-cinema-terms-track,
.main-wrap,
.main-inner {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.accmaa-utility-stack::-webkit-scrollbar,
#accmaaUtilityStack::-webkit-scrollbar,
.accmaa-fx-bar::-webkit-scrollbar,
.accmaa-gold-bar::-webkit-scrollbar,
.accmaa-promo-bar::-webkit-scrollbar,
.promo-bar-inner::-webkit-scrollbar,
.topbar-shell::-webkit-scrollbar,
.topbar-row--swapped::-webkit-scrollbar,
.topbar-tools::-webkit-scrollbar,
.topbar-tools-glass::-webkit-scrollbar,
.topbar-tools-cluster::-webkit-scrollbar,
.accmaa-site-menu--rail::-webkit-scrollbar,
.accmaa-site-nav::-webkit-scrollbar,
.mega-nav::-webkit-scrollbar,
#megaNav.mega-nav::-webkit-scrollbar,
.acc-cinema-viewport::-webkit-scrollbar,
.acc-cinema-terms::-webkit-scrollbar,
.acc-cinema-terms-track::-webkit-scrollbar,
.main-wrap::-webkit-scrollbar,
.main-inner::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

/* أشرطة علوية: بلا شريط مرئي — إخفاء أو تمرير مخفي */
.accmaa-utility-stack,
#accmaaUtilityStack,
.accmaa-fx-bar,
.accmaa-gold-bar,
.accmaa-promo-bar,
.promo-bar-inner,
.promo-bar-inner--creative {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

/* أدوات الهيدر: لا scrollbar يغطي الأزرار */
.topbar-shell,
.topbar-row--swapped,
.topbar-tools,
.topbar-tools-glass,
.topbar-tools-cluster,
.topbar-tools-cluster--utility {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

/* الميجا على الديسكتوب: بدون شريط؛ على الموبايل تمرير مخفي الشريط */
.accmaa-site-menu--rail,
.accmaa-site-nav,
.mega-nav,
#megaNav.mega-nav {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* ═══ 3) الجرس — قابل للنقر؛ أو مخفي عند التعطيل ═══ */
#notifToggle,
#notifToggle[data-action="toggle-notifications"],
#notifWrap {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 12250 !important;
}

#notifPanel.notif-panel--open,
body.accmaa-notif-open #notifPanel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    z-index: 13000 !important;
}

/* إخفاء الجرس بالكامل عند فشل الربط */
body.accmaa-bell-disabled #notifToggle,
body.accmaa-bell-disabled #notifWrap,
body.accmaa-bell-disabled #notifPanel,
html body.accmaa-bell-disabled #notifToggle,
html body.accmaa-bell-disabled #notifWrap {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

@media (max-width: 768px) {
    html body.has-accounting-cinema .acc-cinema-viewport {
        flex: 0 0 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }
    html body.has-accounting-cinema .acc-cinema-slide {
        height: 56px !important;
        width: clamp(96px, 28vw, 140px) !important;
    }
    .topbar-shell,
    .topbar-row--swapped,
    .topbar-tools,
    .topbar-tools-glass {
        overflow-x: auto !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
}


/* ---- accmaa-fixes-20260810i.css ---- */
/* ACCMAA_FIX_10I — طھطµط؛ظٹط± ط§ظ„ط¯ط§ط´ط¨ظˆط±ط¯ آ· ط¥ط®ظپط§ط، ط§ظ„ط¬ط±ط³ آ· طھظˆط§ط²ظ† ط§ظ„ظ…ط³ط§ظپط§طھ
 * ظٹظ„ط؛ظٹ ظ…ظ‚ط§ط³ط§طھ 10g/10h ط§ظ„ظ…ظپط±ط·ط© (ط­طھظ‰ 520px / ظ…ظˆط¨ط§ظٹظ„ 400px).
 * ط§ظ„ط¨ط±ظˆظ…ظˆ ظٹط¨ظ‚ظ‰ ظˆط§ط¶ط­ظ‹ط§ ظ„ظƒظ† ظ…طھظ†ط§ط³ط¨ظ‹ط§: ط¯ظٹط³ظƒطھظˆط¨ ~320–420px آ· ظ…ظˆط¨ط§ظٹظ„ ط£طµط؛ط±.
 */

:root,
html body,
html body.has-accounting-cinema,
html body.guest-mode.has-accounting-cinema {
    --accmaa-promo-h: clamp(320px, 34vw, 420px);
    --accmaa-promo-h-mobile: clamp(220px, 52vw, 300px);
    --accmaa-dash-gap: clamp(14px, 2vw, 22px);
    --accmaa-cinema-fixed-h: 96px;
    --cinema-bar-h: 96px;
}

@media (max-width: 768px) {
    :root,
    html body,
    html body.has-accounting-cinema,
    html body.guest-mode.has-accounting-cinema {
        --accmaa-cinema-fixed-h: 88px;
        --cinema-bar-h: 88px;
    }
}

/* â•گâ•گâ•گ 1) ط´ط§ط´ط© ط§ظ„ط¥ط¹ظ„ط§ظ†ط§طھ — ط­ط¬ظ… ظ…طھظ†ط§ط³ظ‚ (ظٹطھظپظˆظ‘ظ‚ ط¹ظ„ظ‰ 10f/10g) â•گâ•گâ•گ */
html body .dash-flow__zone--promo,
html body .dash-flow__zone--promo-hero,
html body .dash-flow__zone--promo-near-soon,
html body #promoCarouselSection,
html body .promo-carousel-section,
html body .promo-billboard-section,
html body .promo-billboard-section--screen {
    order: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-block: 0 var(--accmaa-dash-gap) !important;
    padding-block: 0 !important;
}

html body #promoCarouselSection .promo-carousel-wrap,
html body #promoCarouselSection .promo-carousel-wrap--creative,
html body #promoCarouselSection .promo-carousel-wrap--screen,
html body .promo-carousel-wrap--screen,
html body #promoCarouselSection .promo-carousel-track,
html body .promo-carousel-wrap--screen .promo-carousel-track,
html body #promoCarouselSection .promo-carousel-slide,
html body .promo-carousel-wrap--screen .promo-carousel-slide,
html body #promoCarouselSection .promo-carousel-slide img,
html body .promo-carousel-wrap--screen .promo-carousel-slide img {
    min-height: var(--accmaa-promo-h) !important;
    height: var(--accmaa-promo-h) !important;
    max-height: var(--accmaa-promo-h) !important;
}

html body #promoCarouselSection .promo-carousel-wrap,
html body #promoCarouselSection .promo-carousel-wrap--screen {
    max-width: min(1120px, 100%) !important;
    margin-inline: auto !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

html body #promoCarouselSection .promo-carousel-slide img,
html body .promo-carousel-wrap--screen .promo-carousel-slide img {
    object-fit: cover !important;
    object-position: center center !important;
}

@media (max-width: 768px) {
    html body .dash-flow__zone--promo,
    html body .dash-flow__zone--promo-hero,
    html body #promoCarouselSection,
    html body .promo-carousel-section {
        min-height: var(--accmaa-promo-h-mobile) !important;
    }
    html body #promoCarouselSection .promo-carousel-wrap,
    html body #promoCarouselSection .promo-carousel-wrap--screen,
    html body #promoCarouselSection .promo-carousel-track,
    html body #promoCarouselSection .promo-carousel-slide,
    html body #promoCarouselSection .promo-carousel-slide img {
        min-height: var(--accmaa-promo-h-mobile) !important;
        height: var(--accmaa-promo-h-mobile) !important;
        max-height: var(--accmaa-promo-h-mobile) !important;
    }
}

/* â•گâ•گâ•گ 2) ط§ظ„ظ‡ظٹط±ظˆ / ط§ظ„ط£ظ‚ط³ط§ظ… / ط§ظ„ط¨ط·ط§ظ‚ط§طھ — ظ…ط³ط§ظپط§طھ ط£ط®ظپ â•گâ•گâ•گ */
html body .dash-landing.dash-flow,
html body .dash-flow,
html body .command-dashboard,
html body .horizon-dash,
html body .dash-main-stack {
    gap: var(--accmaa-dash-gap) !important;
    row-gap: var(--accmaa-dash-gap) !important;
}

html body .dash-flow__zone,
html body .dash-zone,
html body .dash-section,
html body .coming-soon-section,
html body .orbit-showcase,
html body .accmaa-orbit-showcase,
html body .choices-visual,
html body .pillar-grid,
html body .gov-hub-grid {
    margin-block: 0 !important;
    padding-block: clamp(8px, 1.2vw, 16px) !important;
}

/* هيرو الصفحة الرئيسية — لا يلتهم أول شاشة كاملة (يلغي 100dvh في horizon-dash) */
html body .hero-premium,
html body .hero-premium-inner,
html body .hero-premium--revamp,
html body.accmaa-horizon-active .hero-premium--revamp,
html body.guest-mode.accmaa-horizon-active .hero-premium--revamp,
html body .dash-hero,
html body .landing-hero,
html body .accmaa-landing-hero,
html body .horizon-hero,
html body .hz-hero,
html body .accmaa-horizon-hero,
html body .landing-premium,
html body .landing-premium-hero,
html body section.hero,
html body .hero-section {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding-block: clamp(10px, 1.6vw, 22px) !important;
    margin-block: 0 var(--accmaa-dash-gap) !important;
}

html body .hz-hero {
    min-height: clamp(160px, 20vw, 220px) !important;
}

/* سينما الهيرو الضيف — سقف واضح بدل ~700px */
html body #heroGuest.hero-premium,
html body .hero-premium.hero-photo-cinema,
html body .hero-premium--revamp.hero-photo-cinema,
html body.guest-mode .hero-premium.hero-photo-cinema {
    height: clamp(300px, 38vh, 420px) !important;
    max-height: 420px !important;
    min-height: 300px !important;
    overflow: hidden !important;
}

html body .hero-photo-slider,
html body .hero-photo-overlay,
html body .hero-floating-terms,
html body #heroGuest .hero-photo-slider,
html body #heroGuest .hero-photo-overlay {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

html body .hero-photo-slider img,
html body #heroGuest .hero-photo-slider img {
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
}

html body #heroGuest .hero-premium-inner,
html body .hero-photo-cinema .hero-premium-inner {
    padding-block: clamp(12px, 2vh, 28px) !important;
    max-height: 100% !important;
    box-sizing: border-box !important;
}

html body .hero-logo-watermark {
    max-height: 140px !important;
    width: auto !important;
    opacity: 0.18 !important;
}

html body .hero-sector-rail,
html body .hero-sector-rail--five {
    max-height: 48px !important;
    padding-block: 4px !important;
}

@media (max-width: 768px) {
    html body #heroGuest.hero-premium,
    html body .hero-premium.hero-photo-cinema,
    html body .hero-premium--revamp.hero-photo-cinema {
        height: clamp(240px, 48vh, 320px) !important;
        max-height: 320px !important;
        min-height: 240px !important;
    }
}

html body .hero-premium h1,
html body .landing-hero h1,
html body .horizon-hero h1,
html body .landing-premium h1,
html body .hero-section h1,
html body .hero-title,
html body .landing-hero-title {
    font-size: clamp(1.35rem, 2.4vw, 2.1rem) !important;
    line-height: 1.35 !important;
    margin-bottom: 0.45em !important;
}

html body .hero-premium p,
html body .landing-hero p,
html body .horizon-hero p,
html body .landing-premium .hero-lead,
html body .hero-desc,
html body .hero-subtitle {
    font-size: clamp(0.9rem, 1.35vw, 1.05rem) !important;
    line-height: 1.55 !important;
    max-width: 42rem !important;
}

html body .hero-premium .btn,
html body .landing-hero .btn,
html body .horizon-hero .btn,
html body .landing-premium .btn {
    padding: 0.55em 1.1em !important;
    font-size: 0.95rem !important;
}

/* بطاقات الهيرو العائمة — أصغر */
html body .hero-float-card,
html body .landing-float-card,
html body .horizon-float-card,
html body .hero-side-cards article,
html body .hero-side-cards .card {
    transform: scale(0.88) !important;
    transform-origin: bottom right !important;
}

html body .pillar-card,
html body .choices-visual-card,
html body .gov-hub-tile,
html body .quick-btn,
html body .nav-card,
html body .dash-card,
html body .feature-card {
    border-radius: 14px !important;
}

html body .pillar-card,
html body .choices-visual-card,
html body .gov-hub-tile,
html body .nav-card {
    padding: clamp(12px, 1.6vw, 18px) !important;
    min-height: 0 !important;
}

html body .choices-visual-grid,
html body .pillar-grid,
html body .gov-hub-grid,
html body .quick-actions,
html body .dash-tiles {
    gap: clamp(10px, 1.4vw, 16px) !important;
}

/* â•گâ•گâ•گ 3) ط³ظٹظ†ظ…ط§ ط§ظ„ظ‡ظٹط¯ط± — ظ…ط¶ط؛ظˆط·ط© ظˆظ…طھظ†ط§ط³ظ‚ط© â•گâ•گâ•گ */
html body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
html body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]),
html body.guest-mode.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
html body.guest-mode.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]) {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
}

@media (max-width: 768px) {
    html body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
    html body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]) {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;
    }
}

html body.has-accounting-cinema .acc-cinema-viewport {
    flex: 0 0 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
}

html body.has-accounting-cinema .acc-cinema-slide {
    height: 48px !important;
    width: clamp(96px, 14vw, 140px) !important;
}

html body.has-accounting-cinema .acc-cinema-terms {
    flex: 0 0 24px !important;
    height: 24px !important;
    max-height: 24px !important;
    min-height: 24px !important;
}

html body.has-accounting-cinema .topbar,
html body.has-accounting-cinema .topbar.topbar-premium {
    top: calc(var(--utility-bar-h, 0px) + var(--accmaa-cinema-fixed-h, 96px)) !important;
}

/* â•گâ•گâ•گ 4) ط§ظ„ط¬ط±ط³ — ظ…ط®ظپظٹ ظ†ظ‡ط§ط¦ظٹظ‹ط§ (ط¨ط¯ظٹظ„ ظ…ظˆط«ظˆظ‚ ط¹ظ† ظ„ظˆط­ط© ظ…طھظ‚ط·ط¹ط©) â•گâ•گâ•گ */
html body #notifToggle,
html body #notifWrap,
html body #notifPanel,
html body #notifBackdrop,
html body.accmaa-bell-disabled #notifToggle,
html body.accmaa-bell-disabled #notifWrap,
html body.accmaa-bell-disabled #notifPanel {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
}

/* â•گâ•گâ•گ 5) طھظ„ظ…ظٹط­ طµظ„ط§ط­ظٹط§طھ ط§ظ„ظ…ط³طھط®ط¯ظ… ظپظٹ ظ„ظˆط­ط© ط§ظ„ط¥ط¯ط§ط±ط© â•گâ•گâ•گ */
.admin-perms-wrap .perm-check-grid,
.user-perms-edit-panel .perm-check-grid {
    gap: 6px 10px !important;
}
.user-perms-saved-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-inline-start: 8px;
    padding: 2px 10px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
    font-size: 0.82rem;
    font-weight: 700;
}


/* ---- accmaa-fixes-20260810j.css ---- */
/* ACCMAA_FIX_10J — فكّ قصّ 10i (سينما · هيرو · إعلانات)
 * يعيد ارتفاعات مريحة تُظهر المحتوى كاملًا دون الرجوع لحجم ~700px.
 * يُحمَّل آخرًا بعد 10i.
 */

:root,
html body,
html body.has-accounting-cinema,
html body.guest-mode.has-accounting-cinema {
    --accmaa-promo-h: clamp(380px, 40vw, 450px);
    --accmaa-promo-h-mobile: clamp(260px, 58vw, 340px);
    --accmaa-dash-gap: clamp(14px, 2vw, 22px);
    --accmaa-cinema-fixed-h: 148px;
    --cinema-bar-h: 148px;
}

@media (max-width: 768px) {
    :root,
    html body,
    html body.has-accounting-cinema,
    html body.guest-mode.has-accounting-cinema {
        --accmaa-cinema-fixed-h: 132px;
        --cinema-bar-h: 132px;
        --accmaa-promo-h: var(--accmaa-promo-h-mobile);
    }
}

/* ═══ 1) سينما الهيدر — صور كاملة + حبوب مصطلحات بلا قصّ ═══ */
html body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
html body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]),
html body.guest-mode.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
html body.guest-mode.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]) {
    height: var(--accmaa-cinema-fixed-h) !important;
    min-height: var(--accmaa-cinema-fixed-h) !important;
    max-height: var(--accmaa-cinema-fixed-h) !important;
    overflow: hidden !important; /* إطار الشريط فقط — المحتوى الداخلي مضبوط */
}

html body.has-accounting-cinema .acc-cinema-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: 8px clamp(8px, 1.4vw, 16px) 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body.has-accounting-cinema .acc-cinema-viewport,
html body.guest-mode.has-accounting-cinema .acc-cinema-viewport,
html body .acc-cinema-viewport {
    flex: 0 0 78px !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding-block: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* ماركي بدون شريط */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html body.has-accounting-cinema .acc-cinema-viewport::-webkit-scrollbar,
html body .acc-cinema-viewport::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

html body.has-accounting-cinema .acc-cinema-track {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    overflow: visible !important;
}

html body.has-accounting-cinema .acc-cinema-slide,
html body.guest-mode.has-accounting-cinema .acc-cinema-slide {
    height: 68px !important;
    width: clamp(112px, 16vw, 168px) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
}

html body.has-accounting-cinema .acc-cinema-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 40% !important;
}

/* حبوب المصطلحات: ≥32px (visual-quality) — 10i قصّها عند 24px */
html body.has-accounting-cinema .acc-cinema-terms,
html body.guest-mode.has-accounting-cinema .acc-cinema-terms {
    flex: 0 0 40px !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    display: flex !important;
    align-items: center !important;
}

html body.has-accounting-cinema .acc-cinema-terms::-webkit-scrollbar,
html body .acc-cinema-terms::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

html body.has-accounting-cinema .acc-cinema-terms-track {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 100% !important;
    min-height: 36px !important;
    padding-block: 2px !important;
    overflow: visible !important;
    scrollbar-width: none !important;
}

html body.has-accounting-cinema .acc-cinema-term,
html body.has-accounting-cinema .acc-cinema-term--link,
html body.guest-mode.has-accounting-cinema .acc-cinema-term--link {
    min-height: 32px !important;
    max-height: none !important;
    height: auto !important;
    padding: 4px 12px !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
}

html body.has-accounting-cinema .topbar,
html body.has-accounting-cinema .topbar.topbar-premium {
    top: calc(var(--utility-bar-h, 0px) + var(--accmaa-cinema-fixed-h, 148px)) !important;
}

@media (max-width: 768px) {
    html body.has-accounting-cinema .acc-cinema-viewport {
        flex: 0 0 68px !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
    }
    html body.has-accounting-cinema .acc-cinema-slide {
        height: 58px !important;
        width: clamp(96px, 28vw, 140px) !important;
    }
    html body.has-accounting-cinema .acc-cinema-terms {
        flex: 0 0 36px !important;
        height: 36px !important;
        max-height: 36px !important;
        min-height: 36px !important;
    }
}

/* ═══ 2) هيرو — ارتفاع مرن يظهر العنوان والشيبس والثامبنيلز والقطاعات ═══ */
html body #heroGuest.hero-premium,
html body .hero-premium.hero-photo-cinema,
html body .hero-premium--revamp.hero-photo-cinema,
html body.guest-mode .hero-premium.hero-photo-cinema,
html body.accmaa-horizon-active .hero-premium--revamp,
html body.guest-mode.accmaa-horizon-active .hero-premium--revamp {
    height: auto !important;
    min-height: clamp(440px, 54vh, 560px) !important;
    max-height: none !important;
    overflow: visible !important;
    padding-block: 0 !important;
    margin-block: 0 var(--accmaa-dash-gap) !important;
}

html body .hero-photo-slider,
html body #heroGuest .hero-photo-slider {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 100% !important;
    overflow: hidden !important; /* صور الخلفية فقط */
    border-radius: inherit !important;
}

html body .hero-photo-overlay,
html body #heroGuest .hero-photo-overlay {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    max-height: none !important;
    pointer-events: none !important;
}

html body .hero-floating-terms,
html body #heroGuest .hero-floating-terms {
    position: absolute !important;
    inset: 0 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
}

html body .hero-photo-slider img,
html body #heroGuest .hero-photo-slider img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
}

html body #heroGuest .hero-premium-inner,
html body .hero-photo-cinema .hero-premium-inner,
html body .hero-premium--revamp .hero-premium-inner {
    position: relative !important;
    z-index: 2 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    /* مساحة سفلية كافية لصف القطاعات + المصغّرات */
    padding-block: clamp(28px, 4vh, 48px) clamp(72px, 9vh, 96px) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* صف القطاعات السفلي — يبقى ملتصقًا بأسفل الهيرو بلا سقف 48px من 10i */
html body .hero-sector-rail,
html body .hero-sector-rail--five,
html body #heroGuest .hero-sector-rail {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-block: 12px 16px !important;
    flex-wrap: wrap !important;
}

html body .hero-sector-pill,
html body .hero-sector-rail--five .hero-sector-pill {
    max-height: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

/* شبكة الصور المصغّرة في الهيرو */
html body .hero-photo-mini-grid,
html body .hero-photo-mini-grid--five,
html body .hero-photo-strip,
html body #heroGuest .hero-photo-mini-grid {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

html body .hero-photo-mini,
html body .hero-photo-mini img,
html body #heroGuest .hero-photo-mini img {
    max-height: none !important;
    overflow: visible !important;
}

html body .hero-logo-watermark {
    max-height: 160px !important;
    width: auto !important;
    opacity: 0.18 !important;
}

@media (max-width: 768px) {
    html body #heroGuest.hero-premium,
    html body .hero-premium.hero-photo-cinema,
    html body .hero-premium--revamp.hero-photo-cinema {
        min-height: clamp(380px, 62vh, 520px) !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    html body #heroGuest .hero-premium-inner,
    html body .hero-photo-cinema .hero-premium-inner {
        padding-block: clamp(20px, 3vh, 32px) clamp(28px, 4vh, 40px) !important;
    }
}

/* ═══ 3) كاروسيل الإعلانات — إطار أطول + contain بلا قصّ التذييل ═══ */
html body .dash-flow__zone--promo,
html body .dash-flow__zone--promo-hero,
html body .dash-flow__zone--promo-near-soon,
html body #promoCarouselSection,
html body .promo-carousel-section,
html body .promo-billboard-section,
html body .promo-billboard-section--screen {
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

html body #promoCarouselSection .promo-carousel-wrap,
html body #promoCarouselSection .promo-carousel-wrap--creative,
html body #promoCarouselSection .promo-carousel-wrap--screen,
html body .promo-carousel-wrap--screen,
html body #promoCarouselSection .promo-carousel-track,
html body .promo-carousel-wrap--screen .promo-carousel-track,
html body #promoCarouselSection .promo-carousel-slide,
html body .promo-carousel-wrap--screen .promo-carousel-slide {
    min-height: var(--accmaa-promo-h) !important;
    height: var(--accmaa-promo-h) !important;
    max-height: var(--accmaa-promo-h) !important;
}

html body #promoCarouselSection .promo-carousel-wrap,
html body #promoCarouselSection .promo-carousel-wrap--screen,
html body .promo-carousel-wrap--screen {
    max-width: min(1120px, 100%) !important;
    margin-inline: auto !important;
    border-radius: 16px !important;
    overflow: hidden !important; /* زوايا الإطار الذهبي */
    background: #061f3d !important;
}

html body #promoCarouselSection .promo-carousel-slide,
html body .promo-carousel-wrap--screen .promo-carousel-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #061f3d !important;
    overflow: hidden !important;
}

html body #promoCarouselSection .promo-carousel-slide img,
html body .promo-carousel-wrap--screen .promo-carousel-slide img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

@media (max-width: 768px) {
    html body #promoCarouselSection .promo-carousel-wrap,
    html body #promoCarouselSection .promo-carousel-wrap--screen,
    html body #promoCarouselSection .promo-carousel-track,
    html body #promoCarouselSection .promo-carousel-slide {
        min-height: var(--accmaa-promo-h-mobile) !important;
        height: var(--accmaa-promo-h-mobile) !important;
        max-height: var(--accmaa-promo-h-mobile) !important;
    }
    html body #promoCarouselSection .promo-carousel-slide img,
    html body .promo-carousel-wrap--screen .promo-carousel-slide img {
        object-fit: contain !important;
    }
}

/* ═══ 4) كنس قصّ زائر على مناطق الهوم الشائعة ═══ */
html body .dash-landing.dash-flow,
html body .dash-flow,
html body .command-dashboard,
html body .horizon-dash,
html body .dash-main-stack {
    overflow: visible !important;
}

html body .dash-flow__zone--hero,
html body .dash-zone--hero,
html body #heroGuest,
html body .hero-premium-content,
html body .hero-premium-copy,
html body .hero-side-cards {
    overflow: visible !important;
    max-height: none !important;
}

html body .hero-float-card,
html body .landing-float-card,
html body .horizon-float-card {
    overflow: visible !important;
    max-height: none !important;
}


/* ---- accmaa-fixes-20260810k.css ---- */
/* ACCMAA_FIX_10K — بحث موثوق + تباين كحلي بدل ذهب باهت على الأبيض
 * يُحمَّل آخر CSS بعد 10j. لا يمس أزرار الذهب ولا ذهب الهيرو على الكحلي.
 */

/* ═══ 1) لوحة البحث — فوق الهيدر/القضبان · بلا blur/transform بيكسل ═══ */
html body #searchOverlay.search-overlay,
html body .search-overlay#searchOverlay,
html body .search-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 22000 !important;
    display: none;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: clamp(72px, 12vh, 120px) 16px 24px !important;
    background: rgba(6, 31, 61, 0.55) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    transform: none !important;
    will-change: auto !important;
    isolation: isolate !important;
    pointer-events: none !important;
}

html body #searchOverlay.search-overlay.show,
html body .search-overlay#searchOverlay.show,
html body.accmaa-search-open #searchOverlay.search-overlay,
html body.accmaa-search-open .search-overlay {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

html body #searchOverlay .search-panel,
html body .search-overlay .search-panel {
    position: relative !important;
    z-index: 1 !important;
    width: min(640px, 100%) !important;
    background: #fff !important;
    color: #0A3669 !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28) !important;
    overflow: hidden !important;
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}

html body #searchOverlay .search-panel-head,
html body .search-overlay .search-panel-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    pointer-events: auto !important;
    transform: none !important;
    filter: none !important;
}

html body #searchOverlay #globalSearch,
html body #searchOverlay .search-panel-head input,
html body .search-overlay #globalSearch,
html body .search-overlay .search-panel-head input[type="search"] {
    flex: 1 1 auto !important;
    position: relative !important;
    z-index: 2 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    caret-color: #0A3669 !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-shadow: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body #searchOverlay #globalSearch::placeholder,
html body .search-overlay #globalSearch::placeholder {
    color: #5c6b7a !important;
    -webkit-text-fill-color: #5c6b7a !important;
    opacity: 0.85 !important;
}

html body #searchOverlay .search-close,
html body #searchOverlay .search-results,
html body #searchOverlay .search-hit,
html body .search-overlay .search-close,
html body .search-overlay .search-results {
    pointer-events: auto !important;
    transform: none !important;
    filter: none !important;
}

html body #searchOverlay .search-hit-title,
html body .search-overlay .search-hit-title {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

/* لا تسرق الطبقات الثابتة التركيز فوق البحث */
html body.accmaa-search-open .topbar,
html body.accmaa-search-open .topbar.topbar-premium,
html body.accmaa-search-open .accmaa-side-rail,
html body.accmaa-search-open .accmaa-accounting-cinema,
html body.accmaa-search-open #accmaaAccountingCinema {
    pointer-events: none !important;
}

html body.accmaa-search-open #searchOverlay,
html body.accmaa-search-open #searchOverlay * {
    pointer-events: auto !important;
}

/* ═══ 2) ذهب/برتقالي باهت على خلفيات فاتحة → كحلي #0A3669 ═══ */
html body .landing-reason-card,
html body .landing-reason-card strong,
html body .landing-reason-card small,
html body .landing-reason-card p,
html body .landing-reasons-grid .landing-reason-card,
html body .landing-reasons-grid .landing-reason-card strong,
html body .landing-reasons-grid .landing-reason-card small,
html body.guest-mode .landing-reason-card strong,
html body.guest-mode .landing-reason-card small,
html body.premium-ui .landing-reason-card strong,
html body.premium-ui .landing-reason-card small,
html body .faq-item p,
html body .faq-item .faq-a,
html body .faq-list .faq-item p,
html body .landing-faq .faq-item p,
html body .faq-cta p,
html body.premium-ui .faq-item p,
html body.guest-mode .faq-item p,
html body .feature-item h4,
html body .feature-item p,
html body .dash-landing .feature-item h4,
html body .dash-landing .feature-item p,
html body.premium-ui .feature-item h4,
html body.premium-ui .feature-item p,
html body .power-card h4,
html body .power-card p,
html body .guide-card h4,
html body .guide-card p,
html body .pillar-card h3,
html body .pillar-card p,
html body .gift-card h4,
html body .gift-card p,
html body .hub-topic-card h4,
html body .hub-topic-card p,
html body .choice-visual-body strong,
html body .choice-visual-body small,
html body .choice-visual-tile strong,
html body .choice-visual-tile small,
html body .portal-mod-card h4,
html body .portal-mod-card p,
html body .portal-mod-meta,
html body .pillar-mod-tile strong,
html body .pillar-mod-tile small,
html body .doctor-card h4,
html body .doctor-card p,
html body .course-card h4,
html body .course-card p,
html body .path-card h4,
html body .path-card p,
html body .testimonial-card p,
html body .live-spotlight-desc,
html body .live-spotlight-card p,
html body .coming-soon-card-body strong,
html body .coming-soon-card-body small,
html body .contact-icon-tile strong,
html body .contact-icon-tile small,
html body .accmaa-dash-category-card__title,
html body .accmaa-dash-category-card__enter,
html body .accmaa-dash-zone-lead,
html body .accmaa-orbit-showcase__lead,
html body .accmaa-organized-head p,
html body .page-desc,
html body .page-desc-inline,
html body .section-head p,
html body .section-block > p,
html body .panel-premium > p,
html body .content-panel > p,
html body .empty-hint,
html body .empty-state p {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* عناوين البطاقات أوضح قليلاً */
html body .landing-reason-card strong,
html body .feature-item h4,
html body .power-card h4,
html body .guide-card h4,
html body .gift-card h4,
html body .hub-topic-card h4,
html body .choice-visual-body strong,
html body .portal-mod-card h4,
html body .accmaa-dash-category-card__title {
    font-weight: 800 !important;
}

html body .landing-reason-card small,
html body .feature-item p,
html body .faq-item p,
html body .faq-cta p,
html body .power-card p,
html body .guide-card p {
    font-weight: 600 !important;
}

/* أزرار الذهب + ذهب الهيرو/الهيدر على الكحلي تُستثنى بعدم إدراجها أعلاه */


/* ---- accmaa-fixes-20260810m.css ---- */
/* ACCMAA_FIX_10M — ERP actions clickable + catalog tree polish */

/* أزرار القيود: فوق أي طبقة زخرفية / sticky */
html body .erp-actions,
html body td.erp-actions,
html body .erp-drawer-actions,
html body .erp-todo-list {
    position: relative;
    z-index: 3;
    pointer-events: auto !important;
}

html body .erp-actions .btn,
html body .erp-act-btn,
html body .erp-drawer-actions .btn,
html body .erp-todo-list .btn {
    pointer-events: auto !important;
    position: relative;
    z-index: 4;
}

html body .erp-journal-table td.erp-actions {
    position: sticky;
    inset-inline-end: 0;
    background: #fff;
    z-index: 5;
}

/* منع طبقات الداشبورد من ابتلاع نقرات ERP داخل الهيكل */
html body [data-erp-shell] .erp-act-btn,
html body #erpTabBody .erp-act-btn {
    touch-action: manipulation;
}

/* شجرة الدورات: تباين كحلي/ذهبي متسق مع المنصة */
html body .catalog-tree-page .page-title {
    color: #0A3669;
}

html body .catalog-type-chip.is-active i {
    color: #e8c547;
}


/* ---- accmaa-fixes-20260810n.css ---- */
/* ACCMAA 20260810n — Languages pillar · orbit heartbeat · navy subscribe hint · 6 sectors */
.accmaa-cinema-card__sub-hint,
.accmaa-cinema-card__sub-hint i,
html body .accmaa-cinema-card__sub-hint {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

.accmaa-content-intro-hero__lock,
.accmaa-content-intro-hero__lock i {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

/* Hero orbit — Accmaa logo + heartbeat */
.hero-orbit-core.hero-orbit-core--logo {
    background: #fff !important;
    overflow: visible !important;
    box-shadow: 0 0 0 3px rgba(232, 197, 71, 0.45), 0 0 36px rgba(10, 54, 105, 0.35) !important;
    animation: none !important;
}
.hero-orbit-core-disk {
    width: 86%;
    height: 86%;
    border-radius: 50%;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: #fff;
    position: relative;
    z-index: 2;
}
.hero-orbit-core-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.hero-orbit-core-pulse,
.accmaa-orbit-core-pulse {
    position: absolute;
    inset: -8%;
    border-radius: 50%;
    border: 2px solid rgba(232, 197, 71, 0.65);
    z-index: 1;
    animation: accmaaHeartbeat 1.6s ease-in-out infinite;
    pointer-events: none;
}
@keyframes accmaaHeartbeat {
    0%, 100% { transform: scale(0.92); opacity: 0.55; }
    14% { transform: scale(1.08); opacity: 0.95; }
    28% { transform: scale(0.96); opacity: 0.7; }
    42% { transform: scale(1.12); opacity: 1; }
    70% { transform: scale(0.94); opacity: 0.6; }
}
.accmaa-orbit-core--heartbeat .accmaa-orbit-core-disk {
    width: 72%;
    height: 72%;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    display: grid;
    place-items: center;
    z-index: 3;
    position: relative;
    box-shadow: 0 0 0 3px rgba(232, 197, 71, 0.4);
}
.accmaa-orbit-core--heartbeat .accmaa-orbit-core-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hero-orbit-node--5 { top: 38%; left: -4px; --node-delay: -10s; }
.hero-orbit-node--6 { top: 0; right: 12%; --node-delay: -12s; }

html body .hero-sector-rail--six {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
}
html body .hero-sector-rail--six .hero-sector-pill {
    font-size: 0.78rem !important;
    padding: 6px 10px !important;
}
.hero-photo-mini-grid--six {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 8px !important;
}
@media (max-width: 900px) {
    .hero-photo-mini-grid--six {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 560px) {
    .hero-photo-mini-grid--six {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Languages hub extras (loaded with module css too) */
.catalog-lang-nest { display: grid; gap: 12px; margin-top: 10px; }
.catalog-lang-branch {
    border: 1px solid rgba(10, 54, 105, 0.1);
    border-radius: 14px;
    padding: 12px;
    background: #f8fafc;
}
.catalog-lang-branch__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    color: #0A3669;
}
.catalog-empty--mini { padding: 16px; text-align: center; color: #64748b; }

@media (prefers-reduced-motion: reduce) {
    .hero-orbit-core-pulse,
    .accmaa-orbit-core-pulse,
    .hero-orbit-ring,
    .hero-orbit-node { animation: none !important; }
}


/* ---- accmaa-fixes-20260810o.css ---- */
/* ACCMAA 20260810o — hero orbit logo clipped to circle; specialty orbit reverted (no workshop badge) */

/* Screenshot 1: dark coins hero — kill white square, clip logo to gold circle, keep pulse */
html body .hero-orbit-core.hero-orbit-core--logo {
    background: transparent !important;
    overflow: visible !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    animation: none !important;
}

html body .hero-orbit-core.hero-orbit-core--logo .hero-orbit-core-pulse {
    position: absolute !important;
    inset: -12% !important;
    border-radius: 50% !important;
    border: 2px solid rgba(232, 197, 71, 0.7) !important;
    z-index: 1 !important;
    animation: accmaaHeartbeat 1.6s ease-in-out infinite !important;
    pointer-events: none !important;
}

html body .hero-orbit-core.hero-orbit-core--logo .hero-orbit-core-disk {
    position: absolute !important;
    inset: 10% !important;
    width: auto !important;
    height: auto !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #fff !important;
    display: block !important;
    z-index: 2 !important;
    box-shadow:
        0 0 0 3px rgba(232, 197, 71, 0.65),
        0 0 28px rgba(10, 54, 105, 0.35) !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    padding: 0 !important;
}

html body .hero-orbit-core.hero-orbit-core--logo .hero-orbit-core-logo {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: block !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    transform: none !important;
}

/* Screenshot 2: specialty orbit — circular logo disk; hide leftover far sats */
html body .accmaa-orbit-showcase .accmaa-orbit-core-disk {
    display: block !important;
    width: clamp(96px, 12vw, 128px) !important;
    height: clamp(96px, 12vw, 128px) !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.45), 0 16px 40px rgba(10, 54, 105, 0.16) !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 0 !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
}

html body .accmaa-orbit-showcase .accmaa-orbit-core-logo {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    display: block !important;
}

/* Hide any leftover workshop/languages satellites if cached HTML injects them */
html body .accmaa-orbit-sat--far-left,
html body .accmaa-orbit-sat--far-right {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .hero-orbit-core.hero-orbit-core--logo .hero-orbit-core-pulse {
        animation: none !important;
    }
}


/* ---- accmaa-fixes-20260810p.css ---- */
/* ACCMAA 20260810p — hero satellites without square tiles; specialty 6-moon orbit restore */

/* ── Screenshot 1: dark hero — circular logo + pulse INSIDE circle; no square node frames ── */
html body .hero-orbit-core.hero-orbit-core--logo {
    background: transparent !important;
    overflow: visible !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    animation: none !important;
}

html body .hero-orbit-core.hero-orbit-core--logo .hero-orbit-core-disk {
    position: absolute !important;
    inset: 8% !important;
    width: auto !important;
    height: auto !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #fff !important;
    display: block !important;
    z-index: 2 !important;
    box-shadow:
        0 0 0 3px rgba(232, 197, 71, 0.65),
        0 0 28px rgba(10, 54, 105, 0.35) !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    padding: 0 !important;
}

html body .hero-orbit-core.hero-orbit-core--logo .hero-orbit-core-logo {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: block !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
    transform: none !important;
}

/* Heartbeat ring lives INSIDE the gold circle (not an outer square halo) */
html body .hero-orbit-core.hero-orbit-core--logo .hero-orbit-core-pulse {
    position: absolute !important;
    inset: 14% !important;
    border-radius: 50% !important;
    border: 2px solid rgba(232, 197, 71, 0.75) !important;
    z-index: 3 !important;
    animation: accmaaHeartbeat 1.6s ease-in-out infinite !important;
    pointer-events: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Satellite icons: clean gold glyphs only — NO square/tile bezels (pre-10n look) */
html body .hero-orbit-node,
html body .hero-orbit-node::before,
html body .hero-orbit-node::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 50% !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    outline: none !important;
}

html body .hero-orbit-node {
    width: 36px !important;
    height: 36px !important;
    color: #e8c547 !important;
    font-size: 1.2rem !important;
    text-shadow: 0 0 10px rgba(232, 197, 71, 0.55) !important;
}

html body .hero-orbit-node::before,
html body .hero-orbit-node::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

html body .hero-orbit-node i {
    color: #e8c547 !important;
    -webkit-text-fill-color: #e8c547 !important;
    background: transparent !important;
    filter: none !important;
    opacity: 1 !important;
    text-shadow: 0 0 12px rgba(232, 197, 71, 0.65) !important;
}

/* Even 6-node placement around the logo */
html body .hero-orbit-node--1 { top: 0 !important; left: 50% !important; margin-left: -20px !important; right: auto !important; bottom: auto !important; }
html body .hero-orbit-node--2 { top: 22% !important; right: 0 !important; left: auto !important; bottom: auto !important; margin-left: 0 !important; }
html body .hero-orbit-node--3 { bottom: 8% !important; right: 10% !important; top: auto !important; left: auto !important; margin-left: 0 !important; }
html body .hero-orbit-node--4 { bottom: 8% !important; left: 10% !important; top: auto !important; right: auto !important; margin-left: 0 !important; }
html body .hero-orbit-node--5 { top: 22% !important; left: 0 !important; right: auto !important; bottom: auto !important; margin-left: 0 !important; }
html body .hero-orbit-node--6 { top: auto !important; bottom: -2% !important; left: 50% !important; right: auto !important; margin-left: -20px !important; }

/* ── Screenshot 2: specialty orbit — circular moons, undo 10o far-sat hide ── */
html body .accmaa-orbit-sat--far-left,
html body .accmaa-orbit-sat--far-right {
    display: none !important; /* old square sats stay hidden; moons use .accmaa-orbit-moon */
}

html body .accmaa-orbit-showcase .accmaa-orbit-core-disk {
    display: block !important;
    width: clamp(96px, 12vw, 128px) !important;
    height: clamp(96px, 12vw, 128px) !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.45), 0 16px 40px rgba(10, 54, 105, 0.16) !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 0 !important;
    clip-path: circle(50% at 50% 50%) !important;
    -webkit-clip-path: circle(50% at 50% 50%) !important;
}

html body .accmaa-orbit-showcase .accmaa-orbit-core-logo {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    display: block !important;
}

/* Kill leftover purple/square icon-bg styling if any old sat HTML appears */
html body .accmaa-orbit-moon-chip,
html body .accmaa-orbit-moon-chip.has-icon-bg {
    border-radius: 50% !important;
    background-image: none !important;
    background: radial-gradient(circle at 30% 28%, #1a5a9e 0%, #0A3669 70%) !important;
}

html body .accmaa-orbit-moon-chip::after {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .hero-orbit-core.hero-orbit-core--logo .hero-orbit-core-pulse {
        animation: none !important;
    }
}


/* ---- accmaa-fixes-20260810q.css ---- */
/* ACCMAA 20260810q — restore large creative hero sector tiles with pillar photo backgrounds
   Undoes 10n over-compression (tiny pills / 6-col pixelated minis). Orbit pulse + sat styles untouched. */

/* ═══ Sector rail — large photo tiles ═══ */
html body .hero-sector-rail,
html body .hero-sector-rail--six,
html body #heroGuest .hero-sector-rail {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: clamp(10px, 1.5vw, 16px) !important;
    padding: 14px clamp(12px, 3vw, 36px) 18px !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

html body .hero-sector-rail--six .hero-sector-pill,
html body .hero-sector-pill.hero-sector-pill--photo,
html body #heroGuest .hero-sector-pill.hero-sector-pill--photo {
    flex: 1 1 clamp(148px, 14vw, 188px) !important;
    min-width: 140px !important;
    max-width: 210px !important;
    min-height: 96px !important;
    padding: 18px 16px !important;
    border-radius: 18px !important;
    font-size: clamp(0.84rem, 1.45vw, 0.98rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(232, 197, 71, 0.5) !important;
    background-color: #061f3d !important;
    background-image:
        linear-gradient(165deg, rgba(6, 31, 61, 0.28) 0%, rgba(6, 31, 61, 0.82) 100%),
        var(--sector-bg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    transform: none !important;
    image-rendering: auto !important;
    letter-spacing: 0 !important;
}

html body .hero-sector-pill.hero-sector-pill--photo i {
    color: var(--sector-color, #e8c547) !important;
    -webkit-text-fill-color: var(--sector-color, #e8c547) !important;
    font-size: 1.15rem !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45)) !important;
    flex-shrink: 0 !important;
}

html body .hero-sector-pill.hero-sector-pill--photo span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html body .hero-sector-pill.hero-sector-pill--photo:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(232, 197, 71, 0.85) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.42) !important;
    filter: brightness(1.06);
}

/* Room under orbit for the larger rail */
html body #heroGuest.hero-premium,
html body .hero-premium.hero-photo-cinema,
html body .hero-premium--revamp.hero-photo-cinema {
    padding-bottom: 0 !important;
}

html body #heroGuest .hero-premium-inner,
html body .hero-photo-cinema .hero-premium-inner {
    padding-bottom: clamp(110px, 14vh, 148px) !important;
}

/* ═══ Photo mini grid — large creative tiles (undo 6-col crush) ═══ */
html body .hero-photo-mini-grid.hero-photo-mini-grid--six,
html body .hero-photo-mini-grid--six,
html body #heroGuest .hero-photo-mini-grid--six {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin-inline: auto !important;
}

html body .hero-photo-mini-grid--six .hero-photo-mini,
html body .hero-photo-mini-grid--six .hero-photo-mini--themed,
html body #heroGuest .hero-photo-mini-grid--six .hero-photo-mini {
    grid-column: auto !important;
    margin-top: 0 !important;
    min-height: 108px !important;
    aspect-ratio: 5 / 4 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 2px solid rgba(232, 197, 71, 0.42) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
    transform: none !important;
    animation: none !important;
}

html body .hero-photo-mini-grid--six .hero-photo-mini:nth-child(2),
html body .hero-photo-mini-grid--six .hero-photo-mini:nth-child(5) {
    margin-top: 10px !important;
}

html body .hero-photo-mini-grid--six .hero-photo-mini img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    image-rendering: auto !important;
    max-height: none !important;
}

html body .hero-photo-mini-grid--six .hero-photo-mini--themed:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.42) !important;
}

html body .hero-photo-mini-grid--six .hero-photo-mini-tag {
    font-size: 0.72rem !important;
    padding: 6px 10px !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

@media (max-width: 900px) {
    html body .hero-photo-mini-grid--six {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: min(100%, 420px) !important;
    }
    html body .hero-sector-rail--six .hero-sector-pill.hero-sector-pill--photo {
        flex: 1 1 calc(33.33% - 12px) !important;
        min-width: 120px !important;
        min-height: 84px !important;
        padding: 14px 12px !important;
    }
}

@media (max-width: 560px) {
    html body .hero-photo-mini-grid--six {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 340px) !important;
        gap: 10px !important;
    }
    html body .hero-photo-mini-grid--six .hero-photo-mini,
    html body .hero-photo-mini-grid--six .hero-photo-mini:nth-child(2),
    html body .hero-photo-mini-grid--six .hero-photo-mini:nth-child(5) {
        margin-top: 0 !important;
        min-height: 96px !important;
    }
    html body .hero-sector-rail--six .hero-sector-pill.hero-sector-pill--photo {
        flex: 1 1 calc(50% - 10px) !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 78px !important;
        font-size: 0.8rem !important;
        padding: 12px 10px !important;
    }
    html body #heroGuest .hero-premium-inner,
    html body .hero-photo-cinema .hero-premium-inner {
        padding-bottom: clamp(150px, 22vh, 200px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .hero-sector-pill.hero-sector-pill--photo:hover,
    html body .hero-photo-mini-grid--six .hero-photo-mini--themed:hover {
        transform: none !important;
    }
}


/* ---- accmaa-fixes-20260810s.css ---- */
/* ACCMAA 20260810s — large creative hero sector tiles + navy feature cards + multicolor icons
   Overrides 10n tiny pills, gold-copy / launch-polish gold text on white cards. */

/* ═══ A) Hero sector rail — large photo tiles (force over 10n / dash-revamp) ═══ */
html body .hero-sector-rail,
html body .hero-sector-rail--six,
html body #heroGuest .hero-sector-rail,
html body .hero-premium .hero-sector-rail,
html body.guest-mode .hero-sector-rail--six {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: clamp(12px, 1.6vw, 18px) !important;
    padding: 16px clamp(12px, 3vw, 40px) 22px !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    background: linear-gradient(180deg, transparent 0%, rgba(4, 22, 41, 0.88) 55%, rgba(4, 22, 41, 0.96) 100%) !important;
}

html body .hero-sector-rail--six .hero-sector-pill,
html body .hero-sector-pill.hero-sector-pill--photo,
html body #heroGuest .hero-sector-pill.hero-sector-pill--photo,
html body .hero-sector-rail .hero-sector-pill,
html body.guest-mode .hero-sector-pill.hero-sector-pill--photo {
    flex: 1 1 clamp(152px, 14.5vw, 200px) !important;
    min-width: 148px !important;
    max-width: 220px !important;
    min-height: 112px !important;
    height: auto !important;
    padding: 20px 16px !important;
    border-radius: 20px !important;
    font-size: clamp(0.9rem, 1.5vw, 1.05rem) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.65) !important;
    border: 1px solid rgba(232, 197, 71, 0.55) !important;
    background-color: #061f3d !important;
    background-image:
        linear-gradient(165deg, rgba(6, 31, 61, 0.22) 0%, rgba(6, 31, 61, 0.78) 55%, rgba(4, 22, 41, 0.9) 100%),
        var(--sector-bg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.36) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    transform: none !important;
    filter: none !important;
    image-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

html body .hero-sector-pill.hero-sector-pill--photo i,
html body .hero-sector-rail--six .hero-sector-pill i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45)) !important;
    transform: none !important;
    flex-shrink: 0 !important;
}

html body .hero-sector-pill.hero-sector-pill--photo span,
html body .hero-sector-rail--six .hero-sector-pill span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: inherit !important;
    font-weight: 800 !important;
    transform: none !important;
}

html body .hero-sector-pill.hero-sector-pill--photo:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(232, 197, 71, 0.9) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.45) !important;
    filter: brightness(1.05) !important;
}

html body #heroGuest .hero-premium-inner,
html body .hero-photo-cinema .hero-premium-inner {
    padding-bottom: clamp(128px, 16vh, 168px) !important;
}

@media (max-width: 900px) {
    html body .hero-sector-rail--six .hero-sector-pill.hero-sector-pill--photo,
    html body #heroGuest .hero-sector-pill.hero-sector-pill--photo {
        flex: 1 1 calc(33.33% - 14px) !important;
        min-width: 130px !important;
        min-height: 100px !important;
        padding: 16px 12px !important;
        font-size: 0.88rem !important;
    }
}

@media (max-width: 560px) {
    html body .hero-sector-rail--six .hero-sector-pill.hero-sector-pill--photo,
    html body #heroGuest .hero-sector-pill.hero-sector-pill--photo {
        flex: 1 1 calc(50% - 12px) !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 92px !important;
        font-size: 0.84rem !important;
        padding: 14px 10px !important;
    }
    html body #heroGuest .hero-premium-inner,
    html body .hero-photo-cinema .hero-premium-inner {
        padding-bottom: clamp(168px, 24vh, 220px) !important;
    }
}

/* ═══ B) Feature / why cards — navy text on white ═══ */
html body .landing-reason-card,
html body .landing-reason-card strong,
html body .landing-reason-card small,
html body .landing-reason-card p,
html body .landing-reasons-grid .landing-reason-card,
html body .landing-reasons-grid .landing-reason-card strong,
html body .landing-reasons-grid .landing-reason-card small,
html body.guest-mode .landing-reason-card strong,
html body.guest-mode .landing-reason-card small,
html body.premium-ui .landing-reason-card strong,
html body.premium-ui .landing-reason-card small,
html body .feature-item h4,
html body .feature-item p,
html body .dash-landing .feature-item h4,
html body .dash-landing .feature-item p,
html body.premium-ui .feature-item h4,
html body.premium-ui .feature-item p,
html body .power-card h4,
html body .power-card p,
html body.premium-ui .power-card h4,
html body.premium-ui .power-card p,
html body .guide-card h4,
html body .guide-card p,
html body .pillar-card h3,
html body .pillar-card p,
html body .gift-card h4,
html body .gift-card p,
html body .hub-topic-card h4,
html body .hub-topic-card p,
html body .choice-visual-body strong,
html body .choice-visual-body small,
html body .choice-visual-tile strong,
html body .choice-visual-tile small,
html body .portal-mod-card h4,
html body .portal-mod-card p,
html body .portal-mod-meta,
html body .pillar-mod-tile strong,
html body .pillar-mod-tile small,
html body .doctor-card h4,
html body .doctor-card p,
html body .course-card h4,
html body .course-card p,
html body .path-card h4,
html body .path-card p,
html body .testimonial-card p,
html body .live-spotlight-desc,
html body .live-spotlight-card p,
html body .coming-soon-card-body strong,
html body .coming-soon-card-body small,
html body .contact-icon-tile strong,
html body .contact-icon-tile small {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body .landing-reason-card strong,
html body .feature-item h4,
html body .power-card h4,
html body .guide-card h4,
html body .gift-card h4,
html body .hub-topic-card h4 {
    font-weight: 800 !important;
}

html body .landing-reason-card small,
html body .feature-item p,
html body .power-card p,
html body .guide-card p {
    font-weight: 600 !important;
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

/* ═══ Multicolor circular icon tiles + white glyph ═══ */
html body .landing-reason-icon,
html body .landing-reason-card .landing-reason-icon,
html body .landing-reason-card .has-icon-bg,
html body .landing-reason-card .accmaa-icon-shell,
html body .power-card .power-icon,
html body .power-card .has-icon-bg,
html body .feature-item .feature-icon,
html body .feature-item .has-icon-bg,
html body .guide-card .guide-icon,
html body .guide-card .has-icon-bg {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
    border: none !important;
    overflow: hidden !important;
    box-shadow:
        0 6px 18px rgba(10, 54, 105, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    background: linear-gradient(145deg, #0d7377, #0f8a8f) !important;
    background-image: linear-gradient(145deg, #0d7377, #0f8a8f) !important;
}

html body .landing-reasons-grid .landing-reason-card:nth-child(4n + 1) .landing-reason-icon,
html body .landing-reasons-grid .landing-reason-card:nth-child(4n + 1) .has-icon-bg,
html body .powers-grid .power-card:nth-child(6n + 1) .power-icon,
html body .powers-grid .power-card:nth-child(6n + 1) .has-icon-bg {
    background: linear-gradient(145deg, #0d7377, #0f8a8f) !important;
    background-image: linear-gradient(145deg, #0d7377, #0f8a8f) !important;
}

html body .landing-reasons-grid .landing-reason-card:nth-child(4n + 2) .landing-reason-icon,
html body .landing-reasons-grid .landing-reason-card:nth-child(4n + 2) .has-icon-bg,
html body .powers-grid .power-card:nth-child(6n + 2) .power-icon,
html body .powers-grid .power-card:nth-child(6n + 2) .has-icon-bg {
    background: linear-gradient(145deg, #c2410c, #ea580c) !important;
    background-image: linear-gradient(145deg, #c2410c, #ea580c) !important;
}

html body .landing-reasons-grid .landing-reason-card:nth-child(4n + 3) .landing-reason-icon,
html body .landing-reasons-grid .landing-reason-card:nth-child(4n + 3) .has-icon-bg,
html body .powers-grid .power-card:nth-child(6n + 3) .power-icon,
html body .powers-grid .power-card:nth-child(6n + 3) .has-icon-bg {
    background: linear-gradient(145deg, #6b2d5c, #7e3a6d) !important;
    background-image: linear-gradient(145deg, #6b2d5c, #7e3a6d) !important;
}

html body .landing-reasons-grid .landing-reason-card:nth-child(4n + 4) .landing-reason-icon,
html body .landing-reasons-grid .landing-reason-card:nth-child(4n + 4) .has-icon-bg,
html body .powers-grid .power-card:nth-child(6n + 4) .power-icon,
html body .powers-grid .power-card:nth-child(6n + 4) .has-icon-bg {
    background: linear-gradient(145deg, #166534, #15803d) !important;
    background-image: linear-gradient(145deg, #166534, #15803d) !important;
}

html body .powers-grid .power-card:nth-child(6n + 5) .power-icon,
html body .powers-grid .power-card:nth-child(6n + 5) .has-icon-bg {
    background: linear-gradient(145deg, #9A7B2F, #B8952A) !important;
    background-image: linear-gradient(145deg, #9A7B2F, #B8952A) !important;
}

html body .powers-grid .power-card:nth-child(6n + 6) .power-icon,
html body .powers-grid .power-card:nth-child(6n + 6) .has-icon-bg {
    background: linear-gradient(145deg, #0A3669, #0d4688) !important;
    background-image: linear-gradient(145deg, #0A3669, #0d4688) !important;
}

html body .landing-reason-icon i,
html body .landing-reason-card .landing-reason-icon i,
html body .landing-reason-card .has-icon-bg > i,
html body .power-card .power-icon > i,
html body .power-card .has-icon-bg > i,
html body .feature-item .feature-icon i,
html body .feature-item .has-icon-bg > i,
html body .guide-card .has-icon-bg > i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1.28rem !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .hero-sector-pill.hero-sector-pill--photo:hover {
        transform: none !important;
    }
}

/* ═══ ACCMAA 20260811a — performance / clarity (keep visuals, cut GPU cost) ═══ */

/* Pause continuous motion when user asks, or on lite/mobile modes */
@media (prefers-reduced-motion: reduce) {
  html body *,
  html body *::before,
  html body *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

body.perf-lite .accmaa-orbit-ring,
body.perf-lite .accmaa-orbit-rotor,
body.perf-lite .accmaa-orbit-moon,
body.perf-lite .hero-orbit-spin,
body.perf-lite .hero-orbit-wrap::before,
body.perf-lite .hero-orbit-core-pulse,
body.perf-lite .fx-marquee-track,
body.perf-lite .accmaa-accounting-cinema *,
body.perf-lite .promo-billboard-orbs span,
body.perf-lite .cinema-mesh,
body.perf-lite .accCinemaKen,
body.perf-lite [class*="Ken"],
body.perf-lite .hero-glow {
  animation: none !important;
}

@media (max-width: 900px) {
  html body .accmaa-orbit-ring,
  html body .accmaa-orbit-rotor,
  html body .accmaa-orbit-moon,
  html body .hero-orbit-wrap::before,
  html body .fx-marquee-track,
  html body .accmaa-accounting-cinema .acc-cinema-strip,
  html body .accmaa-accounting-cinema img,
  html body .promo-billboard-orbs span {
    animation: none !important;
  }
  html body .accmaa-orbit-showcase,
  html body .hero-orbit-wrap {
    filter: none !important;
  }
  html body .accmaa-orbit-showcase *,
  html body .hero-orbit-wrap * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Cut expensive blur layers sitewide on balanced/lite */
body.perf-balanced .accmaa-orbit-showcase .accmaa-orbit-glow,
body.perf-lite .accmaa-orbit-showcase .accmaa-orbit-glow,
body.perf-lite .hero-premium::before,
body.perf-lite .hero-premium::after {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Pixelation / soft icons — never scale glyph layers */
html body .hero-sector-pill i,
html body .hero-orbit-node i,
html body .accmaa-orbit-moon-chip i,
html body .topbar i,
html body .site-nav i,
html body .fa,
html body .fas,
html body .far,
html body .fab {
  transform: none !important;
  filter: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

html body img.brand-logo,
html body .brand-logo--official,
html body .hero-orbit-core-logo,
html body .accmaa-orbit-core-logo {
  image-rendering: auto !important;
  transform: none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Avoid will-change paint traps on idle chrome */
body.perf-lite * {
  will-change: auto !important;
}


/* ═══ ACCMAA 20260811c — GPU / mobile / clarity ═══ */

@media (prefers-reduced-motion: reduce) {
  html body *,
  html body *::before,
  html body *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Mobile + lite: kill continuous GPU animations */
@media (max-width: 900px) {
  html body .accmaa-orbit-ring,
  html body .accmaa-orbit-rotor,
  html body .accmaa-orbit-moon,
  html body .hero-orbit-spin,
  html body .hero-orbit-wrap::before,
  html body .hero-orbit-core-pulse,
  html body .fx-marquee-track,
  html body .accmaa-accounting-cinema .acc-cinema-strip,
  html body .accmaa-accounting-cinema img,
  html body .promo-billboard-orbs span,
  html body .cinema-mesh,
  html body .accCinemaKen,
  html body [class*="Ken"],
  html body .hero-glow,
  html body .topbar-visual-bg,
  html body .topbar-header-slider {
    animation: none !important;
  }
  html body .accmaa-orbit-showcase,
  html body .hero-orbit-wrap,
  html body .hero-premium,
  html body .promo-billboard {
    filter: none !important;
    transform: none !important;
  }
  html body .accmaa-orbit-showcase *,
  html body .hero-orbit-wrap *,
  html body .topbar-tools-glass {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body .accmaa-accounting-cinema {
    display: none !important;
  }
}

body.perf-lite .accmaa-orbit-ring,
body.perf-lite .accmaa-orbit-rotor,
body.perf-lite .accmaa-orbit-moon,
body.perf-lite .hero-orbit-spin,
body.perf-lite .hero-orbit-wrap::before,
body.perf-lite .hero-orbit-core-pulse,
body.perf-lite .fx-marquee-track,
body.perf-lite .accmaa-accounting-cinema *,
body.perf-lite .promo-billboard-orbs span,
body.perf-lite .cinema-mesh,
body.perf-lite .accCinemaKen,
body.perf-lite [class*="Ken"],
body.perf-lite .hero-glow,
body.perf-lite .topbar-header-slider {
  animation: none !important;
}

body.perf-balanced .accmaa-orbit-showcase .accmaa-orbit-glow,
body.perf-lite .accmaa-orbit-showcase .accmaa-orbit-glow,
body.perf-lite .hero-premium::before,
body.perf-lite .hero-premium::after,
body.perf-lite .topbar-visual-bg {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 0.35;
}

/* Pixelation fix: never scale icon glyphs / logos via transform */
html body .hero-sector-pill i,
html body .hero-orbit-node i,
html body .accmaa-orbit-moon-chip i,
html body .topbar i,
html body .site-nav i,
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body .landing-reason-card i,
html body .power-card i {
  transform: none !important;
  filter: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

html body img.brand-logo,
html body .brand-logo--official,
html body .hero-orbit-core-logo,
html body .accmaa-orbit-core-logo,
html body .svc-paper__logo,
html body .svc-paper__seal {
  image-rendering: auto !important;
  transform: translateZ(0) !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Avoid subpixel blur on scaled media */
html body img,
html body .pillar-hub-banner-img,
html body .promo-carousel-slide img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

body.perf-lite * {
  will-change: auto !important;
}

/* Offscreen sections — paint less */
.landing-section:not(.is-visible),
.reveal-section:not(.is-visible),
.promo-carousel-slide:not(.is-active) {
  content-visibility: auto;
  contain-intrinsic-size: 1px 420px;
}


/* ═══ ACCMAA 20260811c HOTFIX — kill pixelation / heavy GPU (final cascade) ═══ */
@media (prefers-reduced-motion: reduce) {
  html body *, html body *::before, html body *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* Phones + tablets + small laptops: no continuous GPU work */
@media (max-width: 1100px) {
  html body *,
  html body *::before,
  html body *::after {
    animation: none !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  html body *,
  html body *::before,
  html body *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body .accmaa-orbit-showcase,
  html body .hero-orbit-wrap,
  html body .hero-premium,
  html body .promo-billboard,
  html body .topbar-visual-bg,
  html body .topbar-tools-glass,
  html body .cinema-mesh,
  html body .accmaa-orbit-glow,
  html body .hero-glow {
    filter: none !important;
    transform: none !important;
  }
  html body .accmaa-accounting-cinema,
  html body .promo-billboard-orbs,
  html body .hero-floating-terms {
    display: none !important;
  }
}

/* Stop heartbeat/orbit scale that blur glyphs */
body.perf-lite *,
body.perf-lite *::before,
body.perf-lite *::after,
body.perf-balanced .accmaa-orbit-ring,
body.perf-balanced .accmaa-orbit-rotor,
body.perf-balanced .accmaa-orbit-moon,
body.perf-balanced .fx-marquee-track,
body.perf-balanced .accCinemaKen,
body.perf-balanced [class*="Ken"],
body.perf-balanced [class*="Heartbeat"],
body.perf-balanced [class*="heartbeat"] {
  animation: none !important;
}

/* Never scale text/icons — root cause of pixelation */
html body i,
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body .fal,
html body svg,
html body .hero-sector-pill,
html body .hero-sector-pill *,
html body .accmaa-orbit-moon-chip,
html body .accmaa-orbit-moon-chip *,
html body .topbar-icon-btn,
html body .topbar-icon-btn *,
html body .landing-reason-icon,
html body .landing-reason-icon *,
html body .power-icon,
html body .power-icon *,
html body .feature-icon,
html body .feature-icon *,
html body .btn i {
  transform: none !important;
  filter: none !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

html body img.brand-logo,
html body .brand-logo,
html body .hero-orbit-core-logo,
html body .accmaa-orbit-core-logo {
  transform: none !important;
  filter: none !important;
  image-rendering: auto !important;
}

body.perf-lite *,
body.perf-balanced * {
  will-change: auto !important;
}

/* ═══ ACCMAA 20260811d — restore promo visibility (keep 11c GPU wins) ═══ */
html body #accmaaPromoBar.accmaa-promo-bar:not([hidden]),
html body.guest-mode #accmaaPromoBar.accmaa-promo-bar:not([hidden]),
html body.guest-mode:not(.accmaa-header-compact) #accmaaPromoBar.accmaa-promo-bar:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  height: auto !important;
  min-height: 44px !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

html body #promoCarouselSection,
html body.guest-mode #promoCarouselSection,
html body .promo-carousel-section,
html body.guest-mode .dash-flow__zone--promo-hero {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  height: auto !important;
  min-height: clamp(240px, 34vw, 460px) !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

html body #promoCarouselSection .promo-carousel-wrap,
html body #promoCarouselSection .promo-carousel-track,
html body #promoCarouselSection .promo-carousel-slide.is-active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: clamp(220px, 32vw, 440px) !important;
}

html body #promoCarouselSection .promo-carousel-slide.is-active img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Keep decorative orbs off on small screens (perf), carousel itself stays */
@media (max-width: 1100px) {
  html body #promoCarouselSection,
  html body.guest-mode #promoCarouselSection {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ═══ ACCMAA 20260811e — ERP UI clarity (Odoo-like toolbar / sticky save / status) ═══ */
html body [data-erp-shell][data-erp-stamp="20260811e"] .erp-odoo-toolbar,
html body #erpShell .erp-odoo-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
html body #erpShell .erp-odoo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
html body #erpShell .erp-list-count {
  font-style: normal;
  font-weight: 700;
  color: #0A3669;
  background: rgba(10, 54, 105, 0.08);
  border-radius: 999px;
  padding: 0.1em 0.55em;
  font-size: 0.85em;
  margin-inline-start: 4px;
}
html body #erpShell .erp-module-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
html body #erpShell .erp-module-head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
html body #erpShell .erp-filters {
  padding: 0;
  overflow: hidden;
}
html body #erpShell .erp-filters-summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0A3669;
  user-select: none;
}
html body #erpShell .erp-filters-summary::-webkit-details-marker { display: none; }
html body #erpShell .erp-filters-hint {
  font-weight: 500;
  font-size: 0.78rem;
  color: #5a7390;
}
html body #erpShell .erp-filters[open] .erp-filter-grid {
  padding: 0 14px 14px;
}
html body #erpShell .erp-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.55em;
  padding: 0.12em 0.65em;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
html body #erpShell .erp-status.erp-st-draft {
  background: rgba(201, 162, 39, 0.16);
  color: #8a5a00;
  border: 1px solid rgba(201, 162, 39, 0.35);
}
html body #erpShell .erp-status.erp-st-posted {
  background: rgba(16, 185, 129, 0.14);
  color: #065f46;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
html body #erpShell .erp-status.erp-st-void {
  background: rgba(100, 116, 139, 0.14);
  color: #334155;
  border: 1px solid rgba(100, 116, 139, 0.28);
}
html body #erpShell .erp-entry-actions--sticky {
  position: sticky;
  bottom: 0;
  z-index: 12;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid rgba(10, 54, 105, 0.12);
  box-shadow: 0 -6px 18px rgba(10, 54, 105, 0.06);
  backdrop-filter: blur(6px);
}
html body #erpShell .erp-sticky-spacer {
  flex: 1 1 auto;
  min-width: 8px;
}
html body #erpShell .erp-journal-table td.erp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 210px;
}
html body #erpShell .erp-list-legend {
  margin: 0 0 10px;
  color: #3d5a73;
  font-size: 0.86rem;
}
@media (max-width: 768px) {
  html body #erpShell .erp-entry-actions--sticky {
    position: sticky;
    bottom: 0;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }
  html body #erpShell .erp-sticky-spacer { display: none; }
}

/* ═══ ACCMAA 20260811e — ERP UI clarity (Odoo-like toolbar / sticky save / status) ═══ */
html body [data-erp-shell][data-erp-stamp="20260811e"] .erp-odoo-toolbar,
html body #erpShell .erp-odoo-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
html body #erpShell .erp-odoo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
html body #erpShell .erp-list-count {
  font-style: normal;
  font-weight: 700;
  color: #0A3669;
  background: rgba(10, 54, 105, 0.08);
  border-radius: 999px;
  padding: 0.1em 0.55em;
  font-size: 0.85em;
  margin-inline-start: 4px;
}
html body #erpShell .erp-module-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
html body #erpShell .erp-module-head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
html body #erpShell .erp-filters {
  padding: 0;
  overflow: hidden;
}
html body #erpShell .erp-filters-summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  font-weight: 600;
  color: #0A3669;
  user-select: none;
}
html body #erpShell .erp-filters-summary::-webkit-details-marker { display: none; }
html body #erpShell .erp-filters-hint {
  font-weight: 500;
  font-size: 0.78rem;
  color: #5a7390;
}
html body #erpShell .erp-filters[open] .erp-filter-grid {
  padding: 0 14px 14px;
}
html body #erpShell .erp-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.55em;
  padding: 0.12em 0.65em;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
html body #erpShell .erp-status.erp-st-draft {
  background: rgba(201, 162, 39, 0.16);
  color: #8a5a00;
  border: 1px solid rgba(201, 162, 39, 0.35);
}
html body #erpShell .erp-status.erp-st-posted {
  background: rgba(16, 185, 129, 0.14);
  color: #065f46;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
html body #erpShell .erp-status.erp-st-void {
  background: rgba(100, 116, 139, 0.14);
  color: #334155;
  border: 1px solid rgba(100, 116, 139, 0.28);
}
html body #erpShell .erp-entry-actions--sticky {
  position: sticky;
  bottom: 0;
  z-index: 12;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid rgba(10, 54, 105, 0.12);
  box-shadow: 0 -6px 18px rgba(10, 54, 105, 0.06);
  backdrop-filter: blur(6px);
}
html body #erpShell .erp-sticky-spacer {
  flex: 1 1 auto;
  min-width: 8px;
}
html body #erpShell .erp-journal-table td.erp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 210px;
}
html body #erpShell .erp-list-legend {
  margin: 0 0 10px;
  color: #3d5a73;
  font-size: 0.86rem;
}
@media (max-width: 768px) {
  html body #erpShell .erp-entry-actions--sticky {
    position: sticky;
    bottom: 0;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }
  html body #erpShell .erp-sticky-spacer { display: none; }
}

/* === 20260811h emergency: FX ticker wall-of-text guard === */
.platform-rates-bar,
.accmaa-platform-bars,
.fx-ticker,
.rates-ticker,
[data-platform-bar="rates"],
.platform-bar--rates,
#platformRatesBar,
.accmaa-fx-ticker {
  max-height: 48px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
.platform-rates-bar *,
.accmaa-fx-ticker *,
.fx-ticker * {
  white-space: nowrap !important;
}