/* Afkar Systems: final blue-only guard, loaded after page CSS. */
:root,
html.dark-mode,
html[data-theme="dark"] {
    --erp-warning: #4a7bd6 !important;
    --afkar-warning: #4a7bd6 !important;
    --warning: #4a7bd6 !important;
    --yellow: #4a7bd6 !important;
    --orange: #4a7bd6 !important;
    --gold: #2d7dd2 !important;
    --eh-gold: #2d7dd2 !important;
    --eh-gold-light: #7fa6e6 !important;
    --eh-gold-strong: #4a7bd6 !important;
    --eh-gold-dim: rgba(45, 125, 210, .12) !important;
    --eh-border-gold: rgba(45, 125, 210, .32) !important;
    --eh-shadow-gold: none !important;
    --sm-gold: #2d7dd2 !important;
    --sm-gold-light: rgba(45, 125, 210, .12) !important;
    --sm-amber: #4a7bd6 !important;
    --Yellow: #2d7dd2 !important;
    --blog-gold: #2d7dd2 !important;
    --blog-gold-light: rgba(45, 125, 210, .12) !important;
    --auth-gold: #2d7dd2 !important;
    --auth-gold-2: #7fa6e6 !important;
    --brown: #2d7dd2 !important;
    --bronze: #2d7dd2 !important;
    --copper: #4a7bd6 !important;
    --tan: #7fa6e6 !important;
}

/* Last-resort brand guard for legacy components that still declare warm
   colours inline.  Semantic names are intentionally mapped to the blue
   identity in both themes, while dark mode receives a readable navy surface. */
:root,
html[data-theme="light"],
html[data-theme="dark"],
html.dark-mode {
    --orange: #2d7dd2 !important;
    --brown: #2d7dd2 !important;
    --bronze: #2d7dd2 !important;
    --copper: #2d7dd2 !important;
    --golden: #2d7dd2 !important;
}

html body :is(
    .bg-orange, .bg-brown, .bg-bronze, .bg-copper,
    .btn-orange, .btn-brown, .btn-bronze, .btn-copper,
    .badge-orange, .badge-brown, .badge-bronze, .badge-copper,
    .label-orange, .label-brown, .label-bronze, .label-copper,
    [class*="bg-orange-"], [class*="bg-brown-"], [class*="bg-bronze-"], [class*="bg-copper-"],
    [class*="border-orange-"], [class*="border-brown-"], [class*="border-bronze-"], [class*="border-copper-"]
) {
    border-color: #4a7bd6 !important;
    background: #e7f0ff !important;
    background-image: none !important;
    color: #0c306a !important;
    -webkit-text-fill-color: #0c306a !important;
}

html body :is(.btn-orange, .btn-brown, .btn-bronze, .btn-copper, .badge-orange, .badge-brown, .badge-bronze, .badge-copper) {
    border-color: #1e5ab5 !important;
    background: linear-gradient(135deg, #0c306a, #2d7dd2) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body :is(.text-orange, .text-brown, .text-bronze, .text-copper, [class*="text-orange-"], [class*="text-brown-"], [class*="text-bronze-"], [class*="text-copper-"]) {
    color: #2d7dd2 !important;
    -webkit-text-fill-color: #2d7dd2 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body :is(
    .bg-orange, .bg-brown, .bg-bronze, .bg-copper,
    .badge-orange, .badge-brown, .badge-bronze, .badge-copper,
    [class*="bg-orange-"], [class*="bg-brown-"], [class*="bg-bronze-"], [class*="bg-copper-"]
) {
    border-color: #4a7bd6 !important;
    background: #183a63 !important;
    color: #dbeafe !important;
    -webkit-text-fill-color: #dbeafe !important;
}

html body :is(.bg-yellow, .bg-blue-active, .bg-blue-gradient, .bg-orange, .bg-orange-active, .bg-orange-gradient, .bg-warning, .btn-warning, .label-warning, .alert-warning, .callout-warning, .modal-warning .modal-header, .modal-warning .modal-body, .modal-warning .modal-footer, [class*="tw-bg-blue-"], [class*="tw-bg-orange-"], [class*="tw-bg-blue-"]) {
    background: #4a7bd6 !important;
    background-color: #4a7bd6 !important;
    background-image: none !important;
    border-color: #2d7dd2 !important;
    color: #fff !important;
}

html body :is(.text-yellow, .text-orange, .text-warning, [class*="tw-text-blue-"], [class*="tw-text-orange-"], [class*="tw-text-blue-"]) {
    color: #2d7dd2 !important;
    -webkit-text-fill-color: #2d7dd2 !important;
}

html body :is(.text-gold, .highlight--yellow) {
    color: #2d7dd2 !important;
    -webkit-text-fill-color: #2d7dd2 !important;
}

html body :is(.text-brown, .text-bronze, .text-copper, .bg-brown, .bg-bronze, .bg-copper, [class*="tw-text-brown-"], [class*="tw-bg-brown-"]) {
    border-color: #2d7dd2 !important;
    background-color: rgba(45, 125, 210, .12) !important;
    color: #2d7dd2 !important;
    -webkit-text-fill-color: #2d7dd2 !important;
}

html body :is(.eh-home-v3__btn--gold, .eh-public-navbar__btn-register, .eh-mobile-drawer__btn-register, .eh-public-footer__btn--gold, .btn--yellow) {
    color: #fff !important;
    border-color: #2d7dd2 !important;
    background: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    box-shadow: 0 8px 22px rgba(12, 48, 106, .2) !important;
}

html body :is(.eh-home-v3__btn--gold, .eh-public-navbar__btn-register, .eh-mobile-drawer__btn-register, .eh-public-footer__btn--gold, .btn--yellow):is(:hover, :focus) {
    background: linear-gradient(135deg, #13407f, #4a7bd6) !important;
}

html body :is([class*="tw-border-blue-"], [class*="tw-border-orange-"], [class*="tw-border-blue-"]) {
    border-color: #7fa6e6 !important;
}

html body :is([class*="tw-from-blue-"], [class*="tw-from-orange-"], [class*="tw-from-blue-"], [class*="tw-via-blue-"], [class*="tw-via-orange-"], [class*="tw-via-blue-"], [class*="tw-to-blue-"], [class*="tw-to-orange-"], [class*="tw-to-blue-"]) {
    --tw-gradient-from: #0c306a var(--tw-gradient-from-position) !important;
    --tw-gradient-via: #2d7dd2 var(--tw-gradient-via-position) !important;
    --tw-gradient-to: #4a7bd6 var(--tw-gradient-to-position) !important;
}

html body :is([style*="#713F12" i], [style*="#78350F" i], [style*="#854D0E" i], [style*="#92400E" i], [style*="#A16207" i], [style*="#1E5AB5" i], [style*="#8B4513" i], [style*="#A0522D" i], [style*="#795548" i], [style*="#6F4E37" i], [style*="#964B00" i], [style*="#CD7F32" i], [style*="#B87333" i], [style*="#1E5AB5" i], [style*="#4A7BD6" i], [style*="#F4C83D" i], [style*="#F2C53F" i], [style*="#F4D26A" i], [style*="#4A7BD6" i], [style*="#4A7BD6" i], [style*="#4A7BD6" i], [style*="#4A7BD6" i], [style*="#7FA6E6" i], [style*="#FF7F50" i], [style*="#FF851B" i], [style*="#F47C20" i], [style*="#FFDFC8" i], [style*="#FFD1B8" i]) {
    background-color: #4a7bd6 !important;
    background-image: none !important;
    border-color: #2d7dd2 !important;
    color: #fff !important;
}

html body[data-auth-page="login"] {
    --bg-main: radial-gradient(circle at top right, rgba(45, 125, 210, .12), transparent 25%), linear-gradient(135deg, #f8f9fa, #eef4ff) !important;
    --btn-primary: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    --title-color: #0c306a !important;
    --link-color: #2d7dd2 !important;
}

html.dark-mode body[data-auth-page="login"],
html[data-theme="dark"] body[data-auth-page="login"] {
    --bg-main: radial-gradient(circle at top right, rgba(74, 123, 214, .15), transparent 22%), linear-gradient(135deg, #111827, #0c306a) !important;
    --title-color: #7fa6e6 !important;
    --link-color: #7fa6e6 !important;
}

html body :is([style*="rgba(74, 123, 214" i], [style*="rgba(74, 123, 214" i]) {
    background: rgba(45, 125, 210, .12) !important;
    border-color: rgba(45, 125, 210, .36) !important;
    color: #2d7dd2 !important;
}

html body svg :is([fill="#4A7BD6" i], [fill="#4A7BD6" i], [fill="#4A7BD6" i], [fill="#4A7BD6" i], [fill="#4A7BD6" i], [fill="#FF7F50" i], [fill="#FF851B" i]) { fill: #4a7bd6 !important; }
html body svg :is([stroke="#4A7BD6" i], [stroke="#4A7BD6" i], [stroke="#4A7BD6" i], [stroke="#4A7BD6" i], [stroke="#4A7BD6" i], [stroke="#FF7F50" i], [stroke="#FF851B" i]) { stroke: #4a7bd6 !important; }

.eh-home-dashboard-shell .dashboard-brand-welcome__mark {
    width: 64px !important;
    height: 64px !important;
    flex-basis: 64px !important;
    padding: 4px;
    overflow: hidden;
    background: #fff !important;
    border-color: rgba(255, 255, 255, .72) !important;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.eh-home-dashboard-shell .dashboard-brand-welcome__logo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.afkar-header-logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 42px;
    padding: 3px 7px;
    overflow: hidden;
    border: 1px solid rgba(45, 125, 210, .35);
    border-radius: 2px;
    background: #fff;
}

.afkar-header-logo::after,
.eh-public-navbar__brand-mark::after,
.eh-auth-brand-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-130%) skewX(-18deg);
    background: linear-gradient(90deg, transparent, rgba(127, 166, 230, .55), transparent);
    animation: afkar-logo-sheen 4.8s ease-in-out infinite;
    pointer-events: none;
}

.afkar-header-logo img,
.eh-auth-brand-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

html body .eh-public-navbar__brand-mark {
    position: relative;
    width: 170px !important;
    height: 63px !important;
    padding: 2px 4px !important;
    overflow: hidden;
    border: 1px solid rgba(45, 125, 210, .28);
    border-radius: 2px !important;
    background: #fff !important;
}

html body .eh-auth-brand-icon,
html body .login-brand-icon {
    position: relative;
    width: 138px !important;
    height: 52px !important;
    flex-basis: 138px !important;
    padding: 3px 8px !important;
    overflow: hidden;
    border: 1px solid rgba(45, 125, 210, .35) !important;
    border-radius: 2px !important;
    background: #fff !important;
    animation: none !important;
}

html body .sidebar-brand-text {
    display: none !important;
}

html body .sidebar-brand-icon {
    width: 150px !important;
    height: 52px !important;
    flex-basis: 150px !important;
    padding: 3px 8px !important;
    border-radius: 2px !important;
    background: #fff !important;
}

html body .sidebar-brand-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Public CMS navigation: every interactive state follows the Afkar blue identity. */
html body.eh-public-layout .eh-public-navbar__menu a:is(:hover, :focus, .is-active),
html body.eh-public-layout .eh-public-navbar__more-toggle:is(:hover, :focus),
html body.eh-public-layout .eh-nav-dropdown > a:is(:hover, :focus),
html body.eh-public-layout .eh-nav-dropdown-menu li a:is(:hover, :focus),
html body.eh-public-layout .eh-nav-dropdown-all:is(:hover, :focus),
html body.eh-public-layout .eh-nav-megamenu-grid a:is(:hover, :focus),
html body.eh-public-layout .eh-nav-resources-col ul li a:is(:hover, :focus),
html body.eh-public-layout .eh-mobile-drawer__menu li a:is(:hover, :focus),
html body.eh-public-layout .eh-mobile-drawer__accordion-panel a:is(:hover, :focus) {
    color: #2d7dd2 !important;
    border-color: rgba(45, 125, 210, .32) !important;
    background-color: rgba(45, 125, 210, .1) !important;
    box-shadow: none !important;
}

html body.eh-public-layout .eh-public-navbar__menu a::after,
html body.eh-public-layout .eh-public-navbar__more-toggle::after,
html body.eh-public-layout .eh-mobile-drawer__accordion-toggle.active::after {
    background: #2d7dd2 !important;
}

html body.eh-public-layout :is(.eh-public-navbar__dropdown, .eh-nav-dropdown-menu, .eh-nav-megamenu-menu) {
    border-color: rgba(45, 125, 210, .24) !important;
    box-shadow: 0 14px 32px rgba(12, 48, 106, .14) !important;
}

html body.eh-public-layout :is(.eh-nav-megamenu-sidebar, .eh-nav-market-menu li:first-child > div) {
    color: #0c306a !important;
    border-color: rgba(45, 125, 210, .3) !important;
    background: rgba(45, 125, 210, .1) !important;
}

html body.eh-public-layout :is(.eh-nav-megamenu-btn, .eh-public-navbar__cta, .eh-mobile-drawer__btn-register) {
    color: #fff !important;
    border-color: #2d7dd2 !important;
    background: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    box-shadow: 0 8px 22px rgba(12, 48, 106, .18) !important;
}

/* Landing badges, chips and animated card emphasis. */
html body.eh-public-layout .eh-home-v3 :is(
    .eh-home-v3__eyebrow,
    .eh-home-v3__section-eyebrow,
    .eh-home-v3__security-badge,
    .eh-home-v3__workflow-badge,
    .eh-home-v3__sector-panel-badge,
    .eh-home-v3__metric-badge,
    .eh-home-v3__status-badge,
    .eh-home-v3__product-icon
) {
    color: #2d7dd2 !important;
    border-color: rgba(45, 125, 210, .34) !important;
    background: rgba(45, 125, 210, .11) !important;
    box-shadow: 0 6px 16px rgba(12, 48, 106, .1) !important;
}

html body.eh-public-layout .eh-home-v3 :is(.eh-home-v3__status-badge--active, .eh-home-v3__status-badge--beta, .eh-home-v3__status-badge--upcoming) {
    color: #fff !important;
    background: #2d7dd2 !important;
}

html body.eh-public-layout .eh-home-v3 :is(.eh-badge-card, [class*="__card"], [class*="__panel"]):is(:hover, :focus-within) {
    border-color: #4a7bd6 !important;
    box-shadow: 0 12px 28px rgba(12, 48, 106, .14) !important;
}

html body.eh-public-layout .eh-home-v3 :is(.eh-faq-chevron, i.text-gold) {
    color: #2d7dd2 !important;
    border-color: #2d7dd2 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Borders, heading rules and separators: neutral/blue only. Existing borders keep their width and style. */
html body.eh-public-layout .eh-home-v3 :where(*):not(.alert-danger):not(.text-danger):not([class*="error"]):not([class*="danger"]),
html body.eh-public-layout .eh-public-navbar :where(*):not([class*="error"]):not([class*="danger"]),
html body.eh-public-layout .eh-public-footer :where(*):not([class*="error"]):not([class*="danger"]) {
    border-color: rgba(45, 125, 210, .24) !important;
}

html body.eh-public-layout .eh-home-v3 :where(*):not(.alert-danger):not([class*="error"]):not([class*="danger"])::before,
html body.eh-public-layout .eh-home-v3 :where(*):not(.alert-danger):not([class*="error"]):not([class*="danger"])::after,
html body.eh-public-layout .eh-public-navbar :where(*)::before,
html body.eh-public-layout .eh-public-navbar :where(*)::after,
html body.eh-public-layout .eh-public-footer :where(*)::before,
html body.eh-public-layout .eh-public-footer :where(*)::after {
    border-color: rgba(45, 125, 210, .34) !important;
}

html body.eh-public-layout :is(
    .eh-nav-dropdown-divider,
    [class*="__divider"],
    [class*="__separator"],
    [class*="__rule"]
) {
    border-color: rgba(45, 125, 210, .24) !important;
    background-color: rgba(45, 125, 210, .18) !important;
}

html body.eh-public-layout :is(.eh-home-v3__section-header, .eh-home-v3__section-heading) {
    border-color: rgba(45, 125, 210, .24) !important;
}

html body.eh-public-layout :is(
    .eh-home-v3__section-header h2,
    .eh-home-v3__section-heading h2,
    .eh-home-v3__section-title,
    .eh-nav-megamenu-sidebar h4,
    .eh-public-footer h3,
    .eh-public-footer h4
)::before,
html body.eh-public-layout :is(
    .eh-home-v3__section-header h2,
    .eh-home-v3__section-heading h2,
    .eh-home-v3__section-title,
    .eh-nav-megamenu-sidebar h4,
    .eh-public-footer h3,
    .eh-public-footer h4
)::after {
    border-color: #4a7bd6 !important;
    background: linear-gradient(90deg, #0c306a, #4a7bd6) !important;
    box-shadow: 0 3px 10px rgba(12, 48, 106, .14) !important;
}

html body.eh-public-layout .eh-home-v3 :is(
    [class*="__card"],
    [class*="__panel"],
    [class*="__item"],
    details,
    summary
) {
    border-color: rgba(45, 125, 210, .22) !important;
}

html body.eh-public-layout .eh-home-v3 :is(
    [class*="__card"],
    [class*="__panel"],
    [class*="__item"],
    details,
    summary
):is(:hover, :focus, :focus-within, [open]) {
    border-color: #4a7bd6 !important;
    outline-color: rgba(45, 125, 210, .5) !important;
    box-shadow: 0 10px 26px rgba(12, 48, 106, .13) !important;
}

html body[data-auth-page] :where(input, select, textarea, button, .form-control, [class*="card"], [class*="panel"]):not(.alert-danger):not([class*="error"]):not([class*="danger"]) {
    border-color: rgba(45, 125, 210, .28) !important;
}

html body[data-auth-page] :where(input, select, textarea, button, .form-control):is(:hover, :focus, :focus-visible) {
    border-color: #4a7bd6 !important;
    outline-color: rgba(45, 125, 210, .5) !important;
    box-shadow: 0 0 0 3px rgba(45, 125, 210, .13) !important;
}

html.dark-mode body.eh-public-layout :is(.eh-home-v3, .eh-public-navbar, .eh-public-footer) :where(*):not([class*="error"]):not([class*="danger"]),
html[data-theme="dark"] body.eh-public-layout :is(.eh-home-v3, .eh-public-navbar, .eh-public-footer) :where(*):not([class*="error"]):not([class*="danger"]) {
    border-color: rgba(127, 166, 230, .28) !important;
}

/* Named landing elements requested by the brand owner: solid blue, angular and non-transparent. */
html body.eh-public-layout .eh-home-v3 :is(
    .eh-home-v3__eyebrow,
    .eh-home-v3__section-eyebrow,
    .eh-home-v3__metric-badge,
    .eh-home-v3__sector-panel-badge,
    .eh-home-v3__security-badge,
    .eh-home-v3__workflow-badge
) {
    position: relative;
    overflow: hidden;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #13407f !important;
    box-shadow: 6px 6px 0 #dbeafe !important;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

html body.eh-public-layout .eh-home-v3 :is(
    .eh-home-v3__eyebrow,
    .eh-home-v3__section-eyebrow,
    .eh-home-v3__metric-badge,
    .eh-home-v3__sector-panel-badge,
    .eh-home-v3__security-badge,
    .eh-home-v3__workflow-badge
) i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: none !important;
}

html body.eh-public-layout .eh-home-v3 :is(
    .eh-home-v3__product-link,
    .eh-home-v3__sector-mobile-link,
    .eh-home-v3__btn--ghost
) {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 17px !important;
    overflow: hidden;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #4a7bd6 !important;
    border-radius: 2px !important;
    background: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    box-shadow: 6px 6px 0 #bfdbfe !important;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

html body.eh-public-layout .eh-home-v3 :is(
    .eh-home-v3__product-link,
    .eh-home-v3__sector-mobile-link,
    .eh-home-v3__btn--ghost
):is(:hover, :focus) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: #7fa6e6 !important;
    background: linear-gradient(135deg, #13407f, #4a7bd6) !important;
    box-shadow: 8px 8px 0 #7fa6e6 !important;
}

html body.eh-public-layout .eh-home-v3 .eh-home-v3__sector-nav-btn {
    color: #0c306a !important;
    border: 1px solid #d1d5db !important;
    border-radius: 2px !important;
    background: #eef4ff !important;
}

html body.eh-public-layout .eh-home-v3 .eh-home-v3__sector-nav-btn:is(:hover, :focus) {
    color: #0c306a !important;
    border-color: #4a7bd6 !important;
    background: #dbeafe !important;
    box-shadow: 5px 5px 0 #bfdbfe !important;
}

html body.eh-public-layout .eh-home-v3 .eh-home-v3__sector-nav-btn.is-active {
    color: #fff !important;
    border-color: #7fa6e6 !important;
    background: #0c306a !important;
    box-shadow: 5px 5px 0 #7fa6e6 !important;
}

html body.eh-public-layout .eh-home-v3 :is(
    .eh-home-v3__product-card,
    .eh-home-v3__sector-panel,
    .eh-home-v3__sector-mobile-card,
    .eh-badge-card
) {
    background: #fff !important;
    border-color: #bfdbfe !important;
    box-shadow: 8px 8px 0 #eef4ff !important;
}

html body.eh-public-layout .eh-home-v3 :is(
    .eh-home-v3__product-card,
    .eh-home-v3__sector-panel,
    .eh-home-v3__sector-mobile-card,
    .eh-badge-card
):is(:hover, :focus-within) {
    background: #fff !important;
    border-color: #4a7bd6 !important;
    box-shadow: 10px 10px 0 #dbeafe !important;
}

html body.eh-public-layout .eh-home-v3 .eh-home-v3__product-icon {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #0c306a !important;
    box-shadow: 6px 6px 0 #dbeafe !important;
}

html body.eh-public-layout .eh-home-v3 :is(.eh-home-v3__hero-visual, .eh-home-v3__sector-panel-visual) img {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Final public-navbar spacing contract: keep navigation groups and actions separated. */
@media (min-width: 1536px) {
    body.eh-public-layout .eh-public-navbar__wrap {
        width: min(calc(100% - 48px), 1760px) !important;
        grid-template-columns: max-content minmax(560px, 1fr) max-content !important;
        column-gap: 32px !important;
        row-gap: 0 !important;
    }

    body.eh-public-layout .eh-public-navbar__brand-cluster {
        min-width: max-content !important;
        padding-inline-end: 28px !important;
        margin: 0 !important;
        border-inline-end: 1px solid #bfdbfe !important;
    }

    body.eh-public-layout .eh-public-navbar__menu {
        min-width: 0 !important;
        padding-inline: 12px !important;
        gap: 6px !important;
        justify-content: center !important;
    }

    body.eh-public-layout .eh-public-navbar__menu > li {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    body.eh-public-layout .eh-public-navbar__menu > li > a,
    body.eh-public-layout .eh-public-navbar__menu > li > button {
        margin: 0 !important;
        padding-inline: 10px !important;
    }

    body.eh-public-layout .eh-public-navbar__actions {
        min-width: max-content !important;
        padding-inline-start: 28px !important;
        margin: 0 !important;
        gap: 10px !important;
        border-inline-start: 1px solid #bfdbfe !important;
    }

    body.eh-public-layout .eh-public-navbar__actions > * {
        flex: 0 0 auto !important;
        margin-inline: 0 !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout :is(
        .eh-public-navbar__brand-cluster,
        .eh-public-navbar__actions
    ) {
        border-color: #3a4f6d !important;
    }
}

/* ERP tables: blue technical headers, precise borders and solid interaction states. */
html body.eh-app-layout :is(.table-responsive, .dataTables_scroll, .dataTables_scrollBody, .dataTables_wrapper) {
    border-color: #bfdbfe !important;
    background: #fff !important;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: 7px 7px 0 #eef4ff !important;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td),
html body.eh-app-layout .dataTables_wrapper table.dataTable thead :is(th, td) {
    position: relative;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: #4a7bd6 !important;
    background: #0c306a !important;
    box-shadow: inset 0 -3px 0 #4a7bd6 !important;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td)::after {
    border-color: #7fa6e6 !important;
    background: #7fa6e6 !important;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tbody > tr > :is(td, th) {
    color: #343a40 !important;
    border-color: #bfdbfe !important;
    background: #fff !important;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tbody > tr:nth-child(even) > :is(td, th) {
    background: #f3f7ff !important;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tbody > tr:is(:hover, :focus-within) > :is(td, th) {
    color: #0c306a !important;
    border-color: #4a7bd6 !important;
    background: #dbeafe !important;
    box-shadow: inset 4px 0 0 #2d7dd2 !important;
}

html[dir="rtl"] body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tbody > tr:is(:hover, :focus-within) > :is(td, th) {
    box-shadow: inset -4px 0 0 #2d7dd2 !important;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tfoot > tr > :is(td, th) {
    color: #0c306a !important;
    border-color: #7fa6e6 !important;
    background: #eef4ff !important;
}

html body.eh-app-layout :is(.dataTables_filter input, .dataTables_length select) {
    color: #0c306a !important;
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #fff !important;
}

html body.eh-app-layout :is(.dataTables_filter input, .dataTables_length select):focus {
    border-color: #2d7dd2 !important;
    outline: 2px solid #bfdbfe !important;
    box-shadow: 4px 4px 0 #dbeafe !important;
}

html body.eh-app-layout :is(.pagination > li > a, .pagination > li > span, .dataTables_wrapper .paginate_button) {
    color: #0c306a !important;
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #fff !important;
}

html body.eh-app-layout :is(.pagination > li > a, .pagination > li > span, .dataTables_wrapper .paginate_button):is(:hover, :focus),
html body.eh-app-layout :is(.pagination > .active > a, .pagination > .active > span, .dataTables_wrapper .paginate_button.current) {
    color: #fff !important;
    border-color: #2d7dd2 !important;
    background: #0c306a !important;
    box-shadow: 3px 3px 0 #7fa6e6 !important;
}

/* Main sidebar and every expanded/flyout menu use solid Afkar surfaces. */
html body.eh-app-layout .erp-sidebar-shell {
    --eh-sidebar-submenu-bg: #13407f !important;
    --eh-sidebar-submenu-text: #dbeafe !important;
    --eh-sidebar-submenu-hover-bg: #1e5ab5 !important;
    --eh-sidebar-submenu-active-bg: #2d7dd2 !important;
    --eh-sidebar-submenu-active-text: #fff !important;
    --eh-sidebar-submenu-border: #4a7bd6 !important;
    border-inline-end: 1px solid #4a7bd6 !important;
    background: #0c306a !important;
    box-shadow: 8px 0 0 #eef4ff !important;
}

html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell {
    box-shadow: -8px 0 0 #eef4ff !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link, .sidebar-mode-tab, .sidebar-footer-link) {
    color: #dbeafe !important;
    border: 1px solid #13407f !important;
    border-radius: 2px !important;
    background: #0c306a !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link, .sidebar-mode-tab, .sidebar-footer-link):is(:hover, :focus),
html body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-menu-link {
    color: #fff !important;
    border-color: #7fa6e6 !important;
    background: #1e5ab5 !important;
    box-shadow: inset 4px 0 0 #7fa6e6 !important;
}

html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link, .sidebar-mode-tab, .sidebar-footer-link):is(:hover, :focus),
html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-menu-link {
    box-shadow: inset -4px 0 0 #7fa6e6 !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link.active, .sidebar-mode-tab.active) {
    color: #fff !important;
    border-color: #7fa6e6 !important;
    background: #2d7dd2 !important;
    box-shadow: 5px 5px 0 #13407f !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-icon, .erp-submenu-icon) {
    color: #fff !important;
    border-color: #4a7bd6 !important;
    background: #13407f !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu, .sidebar-flyout-menu) {
    color: #dbeafe !important;
    border: 1px solid #4a7bd6 !important;
    border-radius: 2px !important;
    background: #13407f !important;
    box-shadow: 8px 8px 0 #0c306a !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu-link, .sidebar-flyout-link, .sidebar-submenu-link) {
    color: #dbeafe !important;
    border-color: #1e5ab5 !important;
    background: #13407f !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu-link, .sidebar-flyout-link, .sidebar-submenu-link):is(:hover, :focus) {
    color: #fff !important;
    border-color: #7fa6e6 !important;
    background: #1e5ab5 !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu-link.active, .sidebar-flyout-link.active, .sidebar-submenu-link.active) {
    color: #fff !important;
    border-color: #7fa6e6 !important;
    background: #2d7dd2 !important;
    box-shadow: inset 4px 0 0 #fff !important;
}

html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu-link.active, .sidebar-flyout-link.active, .sidebar-submenu-link.active) {
    box-shadow: inset -4px 0 0 #fff !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) {
    border-color: #4a7bd6 !important;
    background: #111827 !important;
    box-shadow: 7px 7px 0 #13407f !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tbody > tr > :is(td, th) {
    color: #d1d5db !important;
    border-color: #374151 !important;
    background: #111827 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tbody > tr:nth-child(even) > :is(td, th) {
    background: #17213a !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tbody > tr:is(:hover, :focus-within) > :is(td, th) {
    color: #fff !important;
    border-color: #4a7bd6 !important;
    background: #13407f !important;
}

/* High-clarity table heads: cancel inherited haze, filters and overlay interference. */
html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead,
html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr,
html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td),
html body.eh-app-layout .dataTables_scrollHead,
html body.eh-app-layout .dataTables_scrollHeadInner {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    isolation: isolate;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td) {
    min-height: 48px;
    padding: 13px 12px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: .01em;
    text-shadow: none !important;
    visibility: visible !important;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td) :where(span, div, strong, b, a, i, svg) {
    position: relative;
    z-index: 3;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
}

html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td)::before,
html body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td)::after {
    z-index: 1 !important;
    opacity: 1 !important;
    filter: none !important;
}

html body.eh-app-layout .erp-table-heading-icon {
    display: inline-grid !important;
    place-items: center;
    width: 26px;
    height: 26px;
    margin-inline-end: 8px;
    vertical-align: middle;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #1e5ab5 !important;
    box-shadow: 3px 3px 0 #13407f !important;
    font-size: 12px !important;
}

html body.eh-app-layout :is(th.sorting, th.sorting_asc, th.sorting_desc)::before,
html body.eh-app-layout :is(th.sorting, th.sorting_asc, th.sorting_desc)::after {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}

/* Visible vertical and horizontal scrollbars in Afkar blue. */
html,
body,
html body :is(.content-wrapper, .main-sidebar, .erp-menu-container, .table-responsive, .dataTables_scrollBody, .dataTables_scroll, .modal-body, .dropdown-menu, .select2-results__options) {
    scrollbar-width: auto !important;
    scrollbar-color: #2d7dd2 #eef4ff !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
html body :is(.content-wrapper, .main-sidebar, .erp-menu-container, .table-responsive, .dataTables_scrollBody, .dataTables_scroll, .modal-body, .dropdown-menu, .select2-results__options)::-webkit-scrollbar {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
html body :is(.content-wrapper, .main-sidebar, .erp-menu-container, .table-responsive, .dataTables_scrollBody, .dataTables_scroll, .modal-body, .dropdown-menu, .select2-results__options)::-webkit-scrollbar-track {
    border: 1px solid #bfdbfe !important;
    background: #eef4ff !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
html body :is(.content-wrapper, .main-sidebar, .erp-menu-container, .table-responsive, .dataTables_scrollBody, .dataTables_scroll, .modal-body, .dropdown-menu, .select2-results__options)::-webkit-scrollbar-thumb {
    min-width: 32px;
    min-height: 32px;
    border: 2px solid #eef4ff !important;
    border-radius: 2px !important;
    background: linear-gradient(135deg, #0c306a, #2d7dd2) !important;
    box-shadow: inset 0 0 0 1px #7fa6e6 !important;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
html body :is(.content-wrapper, .main-sidebar, .erp-menu-container, .table-responsive, .dataTables_scrollBody, .dataTables_scroll, .modal-body, .dropdown-menu, .select2-results__options)::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #13407f, #4a7bd6) !important;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
html body :is(.table-responsive, .dataTables_scrollBody, .dataTables_scroll)::-webkit-scrollbar-corner {
    background: #dbeafe !important;
}

html:is(.dark-mode, [data-theme="dark"]),
html:is(.dark-mode, [data-theme="dark"]) body,
html:is(.dark-mode, [data-theme="dark"]) body :is(.content-wrapper, .main-sidebar, .erp-menu-container, .table-responsive, .dataTables_scrollBody, .dataTables_scroll, .modal-body, .dropdown-menu, .select2-results__options) {
    scrollbar-color: #4a7bd6 #111827 !important;
}

html:is(.dark-mode, [data-theme="dark"]) ::-webkit-scrollbar-track {
    border-color: #374151 !important;
    background: #111827 !important;
}

html:is(.dark-mode, [data-theme="dark"]) ::-webkit-scrollbar-thumb {
    border-color: #111827 !important;
    background: linear-gradient(135deg, #13407f, #4a7bd6) !important;
}

@keyframes afkar-logo-sheen {
    0%, 68%, 100% { transform: translateX(-130%) skewX(-18deg); }
    82% { transform: translateX(130%) skewX(-18deg); }
}

@media (max-width: 424px) {
    .eh-home-dashboard-shell .dashboard-brand-welcome__mark {
        width: 48px !important;
        height: 48px !important;
        flex-basis: 48px !important;
    }

    .afkar-header-logo {
        width: 82px;
        height: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .afkar-header-logo::after,
    .eh-public-navbar__brand-mark::after,
    .eh-auth-brand-icon::after {
        animation: none !important;
    }
}

/* Central Canvas layer for the interactive Afkar neural network. */
.has-afkar-neural-canvas {
    position: relative !important;
    isolation: isolate;
}

.has-afkar-neural-canvas > .afkar-neural-canvas {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.has-afkar-neural-canvas > :not(.afkar-neural-canvas) {
    position: relative;
    z-index: 1;
}

body .eh-public-navbar.has-afkar-neural-canvas,
body .eh-public-footer.has-afkar-neural-canvas {
    animation: none !important;
}

body .eh-public-footer.has-afkar-neural-canvas::before {
    display: none !important;
}

html:is(.dark-mode, [data-theme="dark"]) .eh-home-v3__hero .afkar-neural-canvas {
    opacity: .78;
}

/* 2026-08-30: definitive light-mode table contrast and CMS navigation pass. */
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td) {
    border: 1px solid #4a7bd6 !important;
    border-block-end: 3px solid #2d7dd2 !important;
    background-color: #0c306a !important;
    background-image: linear-gradient(135deg, #0c306a, #13407f) !important;
    color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    font-weight: 900 !important;
    box-shadow: inset 0 -2px 0 #7fa6e6 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(table, .table, table.dataTable, .dataTable) > tbody > tr > :is(th, td) {
    border-color: #7fa6e6 !important;
    border-block-end-width: 2px !important;
    color: #111827 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(.table-bordered, table.dataTable) {
    border: 2px solid #2d7dd2 !important;
}

/* CMS pages: solid blue geometry for contact, FAQ, badges and named CTA areas. */
body :is(.eh-contact-v3__card, .eh-contact-v3__map, .eh-home-v3__faq-details) {
    border: 1px solid #4a7bd6 !important;
    border-radius: 2px !important;
    box-shadow: 6px 6px 0 rgba(12, 48, 106, .1) !important;
}

body :is(.eh-contact-v3__card, .eh-contact-v3__map)::before {
    background: linear-gradient(90deg, #0c306a, #2d7dd2, #7fa6e6) !important;
}

body :is(.eh-contact-v3__icon, .eh-contact-v3__submit) {
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    color: #fff !important;
    box-shadow: 5px 5px 0 rgba(12, 48, 106, .18) !important;
}

body :is(.eh-contact-v3__card a, .eh-contact-v3__card strong, .eh-contact-v3__map-link, .eh-contact-v3__map-badge, .eh-faq-chevron) {
    color: #0c306a !important;
    border-color: #2d7dd2 !important;
}

body :is(.eh-contact-v3__map-link, .eh-contact-v3__map-badge, .eh-contact-v3__pill) {
    border: 1px solid #4a7bd6 !important;
    border-radius: 2px !important;
    background: #e7f0ff !important;
    box-shadow: 3px 3px 0 rgba(12, 48, 106, .1) !important;
}

body .eh-contact-v3__strip {
    border-block: 2px solid #4a7bd6 !important;
    background: linear-gradient(135deg, #0c306a, #13407f) !important;
}

body .eh-contact-v3__strip h2,
body .eh-contact-v3__strip :is(a, strong, i, svg) {
    color: #fff !important;
}

body .eh-home-v3__faq-details[open] {
    border-color: #2d7dd2 !important;
    box-shadow: 6px 6px 0 rgba(45, 125, 210, .16) !important;
}

body .eh-home-v3__faq-content {
    border-color: #7fa6e6 !important;
}

/* Expressive, consistent icons for every primary and nested public-nav item. */
body .eh-public-navbar__menu > li > a {
    gap: 8px !important;
}

body .eh-public-navbar__menu .eh-nav-link-icon,
body :is(.eh-nav-dropdown-menu, .eh-nav-megamenu-menu) a > i {
    display: inline-grid !important;
    place-items: center;
    min-width: 27px;
    width: 27px;
    height: 27px;
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #e7f0ff !important;
    color: #0c306a !important;
    box-shadow: 3px 3px 0 rgba(12, 48, 106, .12) !important;
    transition: transform .18s ease, color .18s ease, background-color .18s ease !important;
}

body .eh-public-navbar__menu > li > a:hover .eh-nav-link-icon,
body .eh-public-navbar__menu > li > a.is-active .eh-nav-link-icon,
body :is(.eh-nav-dropdown-menu, .eh-nav-megamenu-menu) a:hover > i {
    transform: translateY(-2px) rotate(-4deg);
    border-color: #2d7dd2 !important;
    background: #0c306a !important;
    color: #fff !important;
}

body .eh-public-navbar__menu > .eh-nav-dropdown > a > svg {
    color: #1e5ab5 !important;
    transition: transform .2s ease, color .2s ease !important;
}

body .eh-public-navbar__menu > .eh-nav-dropdown:is(:hover, :focus-within) > a > svg {
    transform: rotate(180deg);
    color: #0c306a !important;
}

@media (prefers-reduced-motion: reduce) {
    body .eh-public-navbar__menu :is(a > i, a > svg) {
        transition: none !important;
        transform: none !important;
    }
}

body .eh-nav-resources-col h5 {
    display: flex !important;
    align-items: center;
    gap: 8px;
    color: #0c306a !important;
}

body .eh-nav-resources-col h5::before {
    content: "\f02d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border: 1px solid #7fa6e6;
    border-radius: 2px;
    background: #e7f0ff;
    color: #0c306a;
}

body .eh-mobile-drawer__menu :is(a, button),
body .eh-mobile-drawer__accordion-toggle > span,
body .eh-mobile-drawer__accordion-panel > a {
    display: flex !important;
    align-items: center;
    gap: 10px !important;
}

body .eh-mobile-drawer__menu :is(a, button) i {
    display: inline-grid;
    place-items: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #e7f0ff !important;
    color: #0c306a !important;
    box-shadow: 3px 3px 0 rgba(12, 48, 106, .1) !important;
}

body .eh-mobile-drawer__accordion-panel > a:is(:hover, :focus-visible) i {
    border-color: #2d7dd2 !important;
    background: #0c306a !important;
    color: #fff !important;
}

body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:not(:has(i))::before {
    content: "\f02d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-grid;
    place-items: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border: 1px solid #7fa6e6;
    border-radius: 2px;
    background: #e7f0ff;
    color: #0c306a;
}

body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:nth-child(2)::before { content: "\f891"; }
body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:nth-child(3)::before { content: "\f15c"; }
body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:nth-child(4)::before { content: "\f135"; }
body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:nth-child(5)::before { content: "\f144"; }
body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:nth-child(6)::before { content: "\f19c"; }
body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:nth-child(7)::before { content: "\f571"; }
body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:nth-child(8)::before { content: "\f200"; }
body .eh-mobile-drawer__item-dropdown:nth-of-type(4) .eh-mobile-drawer__accordion-panel > a:nth-child(9)::before { content: "\f201"; }

/* Formal public header: solid hierarchy with a restrained connected-node pattern. */
body .eh-public-navbar {
    overflow: visible !important;
    border-block-end: 2px solid #2d7dd2 !important;
    background-color: #f8fbff !important;
    background-image:
        radial-gradient(circle at 12px 12px, rgba(45, 125, 210, .25) 0 2px, transparent 2.5px),
        linear-gradient(45deg, transparent 48.5%, rgba(74, 123, 214, .09) 49%, rgba(74, 123, 214, .09) 51%, transparent 51.5%) !important;
    background-size: 54px 54px, 54px 54px !important;
    box-shadow: 0 6px 18px rgba(12, 48, 106, .1) !important;
    backdrop-filter: none !important;
    animation: afkar-neural-grid-header 18s linear infinite;
}

body .eh-public-navbar__wrap {
    min-height: 84px !important;
}

body .eh-public-navbar__brand {
    padding: 6px 10px !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: 4px 4px 0 rgba(12, 48, 106, .08) !important;
}

body .eh-public-navbar__menu > li > a {
    min-height: 46px;
    padding-inline: 11px !important;
    border: 1px solid transparent !important;
    border-radius: 2px !important;
    color: #0c306a !important;
    font-weight: 800 !important;
}

body .eh-public-navbar__menu > li > a:is(:hover, :focus-visible, .is-active) {
    border-color: #7fa6e6 !important;
    background: #fff !important;
    box-shadow: 3px 3px 0 rgba(12, 48, 106, .1) !important;
}

body :is(.eh-nav-dropdown-menu, .eh-nav-megamenu-menu, .eh-public-navbar__dropdown) {
    margin-block-start: 5px !important;
    border: 1px solid #4a7bd6 !important;
    border-block-start: 3px solid #0c306a !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: 8px 10px 0 rgba(12, 48, 106, .12) !important;
}

body :is(.eh-nav-dropdown-menu, .eh-nav-megamenu-menu, .eh-public-navbar__dropdown) a {
    border-radius: 2px !important;
    color: #13407f !important;
}

body :is(.eh-nav-dropdown-menu, .eh-nav-megamenu-menu, .eh-public-navbar__dropdown) a:is(:hover, :focus-visible) {
    background: #e7f0ff !important;
    color: #0c306a !important;
}

/* Formal footer with Afkar gradient and a connected neural-node grid. */
body .eh-public-footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-block-start: 3px solid #4a7bd6 !important;
    background-color: #0c306a !important;
    background-image:
        radial-gradient(circle at 16px 16px, rgba(127, 166, 230, .42) 0 2px, transparent 2.5px),
        linear-gradient(45deg, transparent 49%, rgba(127, 166, 230, .12) 49.5%, rgba(127, 166, 230, .12) 50.5%, transparent 51%),
        linear-gradient(135deg, #0c306a, #111827) !important;
    background-size: 64px 64px, 64px 64px, 100% 100% !important;
    animation: afkar-neural-grid-footer 26s linear infinite;
}

body .eh-public-footer::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(circle at 20% 32%, rgba(74, 123, 214, .4) 0 3px, transparent 4px),
        radial-gradient(circle at 72% 68%, rgba(127, 166, 230, .32) 0 3px, transparent 4px);
    background-size: 220px 160px, 260px 190px;
    animation: afkar-neural-node-pulse 7s ease-in-out infinite alternate;
}

body .eh-public-footer__cta {
    border: 1px solid #4a7bd6 !important;
    border-radius: 2px !important;
    background: #0f2855 !important;
    box-shadow: 8px 8px 0 rgba(45, 125, 210, .22) !important;
}

body .eh-public-footer__btn,
body .eh-public-footer__brand-logo,
body .eh-public-footer__socials a {
    border-radius: 2px !important;
}

body .eh-public-footer__btn--gold {
    border: 1px solid #7fa6e6 !important;
    background: linear-gradient(135deg, #1e5ab5, #4a7bd6) !important;
    box-shadow: 4px 4px 0 rgba(127, 166, 230, .22) !important;
}

body .eh-public-footer :is(.eh-public-footer__brand-head span, .eh-public-footer__links a:hover, .eh-public-footer__col h4) {
    color: #7fa6e6 !important;
}

body .eh-public-footer__col h4 {
    padding-block-end: 10px;
    border-block-end: 2px solid #4a7bd6 !important;
}

body .eh-public-footer__links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body .eh-public-footer__links a::before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #7fa6e6;
}

html:is(.dark-mode, [data-theme="dark"]) body .eh-public-navbar {
    background-color: #111827 !important;
    background-image:
        radial-gradient(circle at 12px 12px, rgba(127, 166, 230, .3) 0 2px, transparent 2.5px),
        linear-gradient(45deg, transparent 48.5%, rgba(74, 123, 214, .12) 49%, rgba(74, 123, 214, .12) 51%, transparent 51.5%) !important;
}

@media (max-width: 991.98px) {
    body .eh-public-navbar__wrap { min-height: 72px !important; }
    body .eh-public-navbar__brand { border: 0 !important; box-shadow: none !important; }
}

/* Opaque official-platform surfaces: no translucent interactive UI. */
body.eh-public-layout :is(
    .eh-public-navbar,
    .eh-nav-dropdown-menu,
    .eh-nav-megamenu-menu,
    .eh-public-navbar__dropdown,
    .eh-mobile-drawer,
    .eh-mobile-drawer__accordion-panel,
    .dropdown-menu,
    .modal-content,
    .card,
    .eh-home-v3__wide-card,
    .eh-home-v3__faq-details,
    .eh-contact-v3__card,
    .eh-contact-v3__map
) {
    opacity: 1 !important;
    backdrop-filter: none !important;
}

body.eh-public-layout :is(.eh-nav-dropdown-menu, .eh-nav-megamenu-menu, .eh-public-navbar__dropdown, .eh-mobile-drawer, .eh-mobile-drawer__accordion-panel, .dropdown-menu, .modal-content, .card) {
    background-color: #fff !important;
}

body.eh-public-layout :is(
    button,
    .btn,
    [class*="__btn"],
    [class*="button"],
    [class*="cta"],
    [class*="badge"],
    [class*="pill"]
) {
    backdrop-filter: none !important;
}

body.eh-public-layout :is(.btn-primary, .eh-public-navbar__cta, .eh-nav-megamenu-btn, .eh-home-v3__btn--primary, .eh-contact-v3__submit, .eh-public-footer__btn--gold) {
    border-color: #0c306a !important;
    background: #0c306a !important;
    color: #fff !important;
}

body.eh-public-layout :is(.btn-primary, .eh-public-navbar__cta, .eh-nav-megamenu-btn, .eh-home-v3__btn--primary, .eh-contact-v3__submit, .eh-public-footer__btn--gold):is(:hover, :focus-visible, :active) {
    border-color: #13407f !important;
    background: #1e5ab5 !important;
    color: #fff !important;
}

body.eh-public-layout :is(.btn-default, .btn-secondary, .eh-public-navbar__ghost, .eh-home-v3__btn--secondary, .eh-public-footer__btn--dark) {
    border: 1px solid #2d7dd2 !important;
    background: #fff !important;
    color: #0c306a !important;
}

body.eh-public-layout :is(.btn-default, .btn-secondary, .eh-public-navbar__ghost, .eh-home-v3__btn--secondary, .eh-public-footer__btn--dark):is(:hover, :focus-visible, :active) {
    border-color: #0c306a !important;
    background: #e7f0ff !important;
    color: #0c306a !important;
}

body.eh-public-layout :is([class*="badge"], [class*="pill"]):not([class*="eh-footer-trust-badge"]) {
    border-color: #4a7bd6 !important;
    background: #e7f0ff !important;
    color: #0c306a !important;
}

body.eh-public-layout .eh-public-navbar__menu > li > a {
    background: #fff !important;
}

body.eh-public-layout .eh-public-navbar__menu > li > a:is(:hover, :focus-visible, .is-active),
body.eh-public-layout :is(.eh-nav-dropdown-menu, .eh-nav-megamenu-menu, .eh-public-navbar__dropdown) a:is(:hover, :focus-visible) {
    background: #e7f0ff !important;
}

body.eh-public-layout .eh-mobile-drawer__overlay {
    background: #0c306a !important;
}

body.eh-public-layout .eh-public-footer :is(.eh-public-footer__btn--dark, .eh-public-footer__socials a) {
    border-color: #4a7bd6 !important;
    background: #13407f !important;
    color: #fff !important;
}

body.eh-public-layout .eh-public-footer :is(.eh-public-footer__btn--dark, .eh-public-footer__socials a):is(:hover, :focus-visible) {
    border-color: #7fa6e6 !important;
    background: #1e5ab5 !important;
    color: #fff !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout :is(.eh-nav-dropdown-menu, .eh-nav-megamenu-menu, .eh-public-navbar__dropdown, .eh-mobile-drawer, .eh-mobile-drawer__accordion-panel, .dropdown-menu, .modal-content, .card) {
    border-color: #4a7bd6 !important;
    background-color: #17213a !important;
}

body.eh-public-layout :is(.eh-public-navbar__burger, .eh-mobile-drawer__accordion-toggle, .eh-theme-toggle-wrap label) {
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #e7f0ff !important;
    color: #0c306a !important;
    opacity: 1 !important;
}

body.eh-public-layout :is(.eh-public-navbar__burger, .eh-mobile-drawer__accordion-toggle, .eh-theme-toggle-wrap label):is(:hover, :focus-visible, .active) {
    border-color: #0c306a !important;
    background: #0c306a !important;
    color: #fff !important;
}

body.eh-public-layout .eh-nav-market-menu > li > div {
    background: #f3f4f6 !important;
    color: #374151 !important;
    opacity: 1 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout :is(.eh-public-navbar__burger, .eh-mobile-drawer__accordion-toggle, .eh-theme-toggle-wrap label) {
    border-color: #4a7bd6 !important;
    background: #13407f !important;
    color: #fff !important;
}

@keyframes afkar-neural-grid-header {
    0% { background-position: 0 0, 0 0; }
    50% { background-position: 27px 12px, 27px 12px; }
    100% { background-position: 54px 0, 54px 0; }
}

@keyframes afkar-neural-grid-footer {
    0% { background-position: 0 0, 0 0, 0 0; }
    50% { background-position: 32px 18px, 32px 18px, 0 0; }
    100% { background-position: 64px 0, 64px 0, 0 0; }
}

@keyframes afkar-neural-node-pulse {
    0% { opacity: .5; transform: translate3d(0, 0, 0); }
    50% { opacity: .85; transform: translate3d(8px, -4px, 0); }
    100% { opacity: .62; transform: translate3d(-6px, 5px, 0); }
}

@media (prefers-reduced-motion: reduce) {
    body .eh-public-navbar,
    body .eh-public-footer,
    body .eh-public-footer::before {
        animation: none !important;
    }
}

/* Canvas-only network: remove the former repeated CSS dots and diagonal lines. */
body .eh-public-navbar.has-afkar-neural-canvas {
    background-color: #f8fbff !important;
    background-image: none !important;
    animation: none !important;
}

body .eh-public-footer.has-afkar-neural-canvas {
    background-color: #0c306a !important;
    background-image: linear-gradient(135deg, #0c306a, #111827) !important;
    background-size: 100% 100% !important;
    animation: none !important;
}

body .eh-public-footer.has-afkar-neural-canvas::before {
    display: none !important;
    content: none !important;
    background-image: none !important;
    animation: none !important;
}

html:is(.dark-mode, [data-theme="dark"]) body .eh-public-navbar.has-afkar-neural-canvas {
    background-color: #111827 !important;
    background-image: none !important;
}

/* Clean official header: no particles, with explicit professional dropdown arrows. */
body .eh-public-navbar {
    background: #fff !important;
    background-image: none !important;
    animation: none !important;
    border-block-end: 1px solid #bfdbfe !important;
    box-shadow: 0 4px 14px rgba(12, 48, 106, .08) !important;
}

body .eh-public-navbar__wrap {
    min-height: 78px !important;
    gap: 24px !important;
}

body .eh-public-navbar__brand {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .eh-public-navbar__menu {
    gap: 4px !important;
}

body .eh-public-navbar__menu > li > a {
    min-height: 44px !important;
    border: 0 !important;
    border-block-end: 3px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .eh-public-navbar__menu > li > a:is(:hover, :focus-visible, .is-active) {
    border-block-end-color: #2d7dd2 !important;
    background: #f2f7ff !important;
    color: #0c306a !important;
}

body .eh-public-navbar__menu .eh-nav-link-icon {
    min-width: 22px !important;
    width: 22px !important;
    height: 22px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #1e5ab5 !important;
}

body .eh-public-navbar__menu > li > a:hover .eh-nav-link-icon,
body .eh-public-navbar__menu > li > a.is-active .eh-nav-link-icon {
    transform: none !important;
    background: transparent !important;
    color: #0c306a !important;
}

body .eh-public-navbar__menu > .eh-nav-dropdown > a > svg,
body .eh-mobile-drawer__accordion-toggle > svg {
    box-sizing: border-box;
    flex: 0 0 24px;
    width: 24px !important;
    height: 24px !important;
    padding: 5px;
    border: 1px solid #7fa6e6;
    border-radius: 2px;
    background: #e7f0ff;
    color: #0c306a !important;
    stroke-width: 3 !important;
    transition: transform .2s ease, background-color .2s ease, color .2s ease !important;
}

body .eh-public-navbar__menu > .eh-nav-dropdown:is(:hover, :focus-within, .is-open) > a > svg,
body .eh-mobile-drawer__accordion-toggle.active > svg {
    transform: rotate(180deg) !important;
    border-color: #0c306a;
    background: #0c306a;
    color: #fff !important;
}

body .eh-public-navbar__actions {
    padding-inline-start: 18px;
    border-inline-start: 1px solid #bfdbfe;
}

html:is(.dark-mode, [data-theme="dark"]) body .eh-public-navbar {
    border-block-end-color: #374151 !important;
    background: #111827 !important;
    background-image: none !important;
}

html:is(.dark-mode, [data-theme="dark"]) body .eh-public-navbar__menu > li > a:is(:hover, :focus-visible, .is-active) {
    background: #17213a !important;
}

@media (max-width: 991.98px) {
    body .eh-public-navbar__wrap { min-height: 70px !important; }
    body .eh-public-navbar__actions { padding-inline-start: 0; border-inline-start: 0; }
}

/* Final ERP conflict resolver: one table head, one button language, no overlays. */
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .box-body) :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td) {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 1px solid #7fa6e6 !important;
    border-block-start: 2px solid #4a7bd6 !important;
    border-block-end: 3px solid #2d7dd2 !important;
    background-color: #0c306a !important;
    background-image: linear-gradient(135deg, #0c306a 0%, #13407f 48%, #1e5ab5 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    box-shadow: inset 0 -2px 0 #7fa6e6 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .box-body) :is(table, .table, table.dataTable, .dataTable) > thead > tr > :is(th, td):nth-child(even) {
    background-image: linear-gradient(135deg, #13407f 0%, #1e5ab5 58%, #4a7bd6 100%) !important;
}

html body.eh-app-layout .dataTables_wrapper :is(table.dataTable, .table) thead th:not(.sorting):not(.sorting_asc):not(.sorting_desc)::after {
    inset-inline-start: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: #7fa6e6 !important;
    transform: none !important;
    animation: none !important;
    opacity: 1 !important;
}

html body.eh-app-layout .dataTables_wrapper :is(table.dataTable, .table) thead :is(th.sorting, th.sorting_asc, th.sorting_desc)::after {
    animation: none !important;
    transform: none !important;
    color: #fff !important;
    opacity: 1 !important;
}

html body.eh-app-layout :is(
    .erp-form-card,
    .erp-table-card,
    .purch-card-section,
    .eh-sales-list-widget,
    .afkar-product-bulk-actions,
    .eh-analytics-card,
    .afkar-alerts-card,
    .afkar-quick-actions-card,
    .afkar-activity-card
)::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

html body.eh-app-layout :is(
    button[type="submit"],
    input[type="submit"],
    #save,
    .save,
    .save-btn,
    .submit_button,
    .btn-primary,
    .btn-warning,
    .btn-gold,
    .eh-btn-gold,
    .tw-dw-btn-warning
):not(.btn-danger):not([class*="danger"]) {
    border: 1px solid #0c306a !important;
    border-radius: 2px !important;
    background-color: #0c306a !important;
    background-image: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: 3px 3px 0 #7fa6e6 !important;
}

html body.eh-app-layout :is(
    button[type="submit"],
    input[type="submit"],
    #save,
    .save,
    .save-btn,
    .submit_button,
    .btn-primary,
    .btn-warning,
    .btn-gold,
    .eh-btn-gold,
    .tw-dw-btn-warning
):not(.btn-danger):not([class*="danger"]):is(:hover, :focus-visible, :active) {
    border-color: #13407f !important;
    background-color: #1e5ab5 !important;
    background-image: linear-gradient(135deg, #13407f, #4a7bd6) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

html body.eh-app-layout :is(.bg-yellow, .bg-orange, .text-yellow, .text-orange, .text-gold, .label-warning):not([class*="danger"]) {
    border-color: #4a7bd6 !important;
    background: #e7f0ff !important;
    color: #0c306a !important;
}

html body.eh-app-layout :is(.content-wrapper, .content, .box, .card, .panel, .table-responsive, .dataTables_wrapper) {
    isolation: isolate;
}

/* Universal table treatment, including DataTables cloned and floating heads. */
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(
    table,
    table.table,
    table.dataTable,
    .dataTables_scrollHead table,
    table.fixedHeader-floating,
    table.fixedHeader-locked
) > thead {
    background: #0c306a !important;
    color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(
    table,
    table.table,
    table.dataTable,
    .dataTables_scrollHead table,
    table.fixedHeader-floating,
    table.fixedHeader-locked
) > thead > tr > :is(th, td) {
    border: 2px solid #4a7bd6 !important;
    border-block-end: 3px solid #7fa6e6 !important;
    background-color: #0c306a !important;
    background-image: linear-gradient(135deg, #0c306a 0%, #13407f 52%, #1e5ab5 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(
    table,
    table.table,
    table.dataTable,
    .dataTables_scrollHead table,
    table.fixedHeader-floating,
    table.fixedHeader-locked
) > tbody > tr > :is(th, td) {
    border: 1px solid #4a7bd6 !important;
    border-block-end-width: 2px !important;
}

html body.eh-app-layout :is(.btn, button, [role="button"]):not(:disabled):is(:hover, :focus-visible, :active) {
    opacity: 1 !important;
    filter: none !important;
    visibility: visible !important;
    text-shadow: none !important;
}

html body.eh-app-layout :is(.btn-primary, .btn-info, .btn-warning, .btn-save, .erp-btn-save, button[type="submit"]):not(.btn-danger):is(:hover, :focus-visible, :active) {
    border-color: #13407f !important;
    background-color: #1e5ab5 !important;
    background-image: linear-gradient(135deg, #13407f, #4a7bd6) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
}

html body.eh-app-layout :is(.btn-primary, .btn-info, .btn-warning, .btn-save, .erp-btn-save, button[type="submit"]):not(.btn-danger):is(:hover, :focus-visible, :active) :is(i, span, svg) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Product and stock tables: ID-level guard against legacy page-specific gray heads. */
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page :is(#product_table, #stock_report_table) {
    width: 100% !important;
    border: 2px solid #2d7dd2 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
    color: #111827 !important;
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page :is(#product_table, #stock_report_table) > thead,
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page .dataTables_scrollHead :is(#product_table, #stock_report_table) > thead {
    background: #0c306a !important;
    color: #fff !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page :is(#product_table, #stock_report_table) > thead > tr > th,
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page .dataTables_scrollHead :is(#product_table, #stock_report_table) > thead > tr > th {
    min-width: 84px;
    min-height: 50px;
    padding: 13px 11px !important;
    vertical-align: middle !important;
    border: 1px solid #7fa6e6 !important;
    border-block-end: 3px solid #4a7bd6 !important;
    background-color: #0c306a !important;
    background-image: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    text-align: start !important;
    white-space: normal !important;
    opacity: 1 !important;
    filter: none !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page :is(#product_table, #stock_report_table) > thead > tr > th:nth-child(even) {
    background-image: linear-gradient(135deg, #13407f, #7fa6e6) !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page :is(#product_table, #stock_report_table) > tbody > tr > :is(td, th) {
    padding: 11px 10px !important;
    vertical-align: middle !important;
    border-inline-end: 1px solid #7fa6e6 !important;
    border-block-end: 1px solid #4a7bd6 !important;
    background: #fff !important;
    color: #111827 !important;
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page :is(#product_table, #stock_report_table) > tbody > tr:nth-child(even) > :is(td, th) {
    background: #f2f7ff !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-product-list-page :is(#product_table, #stock_report_table) > tbody > tr:hover > :is(td, th) {
    border-color: #2d7dd2 !important;
    background: #dbeafe !important;
    color: #0c306a !important;
}

html body.eh-app-layout .afkar-product-list-page :is(#product_table, #stock_report_table) :is(input[type="checkbox"], input[type="radio"]) {
    accent-color: #0c306a !important;
}

/* Natural media and unboxed icons across public and application pages. */
html body img,
html body picture img,
html body svg image {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
}

html body :is(
    [class$="__icon"],
    [class*="__icon "],
    [class$="-icon"],
    [class*="-icon "],
    .icon,
    .icon-box,
    .icon-wrapper,
    .info-box-icon,
    .eh-products-nav__icon,
    .eh-nav-link-icon
) {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

html body :is(
    [class$="__icon"],
    [class*="__icon "],
    [class$="-icon"],
    [class*="-icon "],
    .icon,
    .icon-box,
    .icon-wrapper,
    .info-box-icon,
    .eh-products-nav__icon,
    .eh-nav-link-icon
)::before,
html body :is(
    [class$="__icon"],
    [class*="__icon "],
    [class$="-icon"],
    [class*="-icon "],
    .icon,
    .icon-box,
    .icon-wrapper,
    .info-box-icon,
    .eh-products-nav__icon,
    .eh-nav-link-icon
)::after {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body :is(i, svg):not(.fa-stack-2x) {
    filter: none !important;
    text-shadow: none !important;
}

html body :is(a, button, .btn):hover :is(img, i, svg) {
    filter: none !important;
}

/* Keep image, logo and icon containers completely clean and transparent. */
html body :is(
    picture,
    figure,
    .thumbnail,
    [class="logo"],
    [class^="logo-"],
    [class*=" logo-"],
    [class$="-logo"],
    [class*="-logo "],
    [class$="__logo"],
    [class*="__logo "],
    [class$="__image"],
    [class*="__image "],
    [class$="-image"],
    [class*="-image "],
    [class$="__media"],
    [class*="__media "],
    [class$="__avatar"],
    [class*="__avatar "],
    [class$="-avatar"],
    [class*="-avatar "]
) {
    border: 0 !important;
    outline: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

html body :is(
    picture,
    figure,
    .thumbnail,
    [class="logo"],
    [class^="logo-"],
    [class*=" logo-"],
    [class$="-logo"],
    [class*="-logo "],
    [class$="__logo"],
    [class*="__logo "],
    [class$="__image"],
    [class*="__image "],
    [class$="-image"],
    [class*="-image "],
    [class$="__media"],
    [class*="__media "],
    [class$="__avatar"],
    [class*="__avatar "],
    [class$="-avatar"],
    [class*="-avatar "]
)::before,
html body :is(
    picture,
    figure,
    .thumbnail,
    [class="logo"],
    [class^="logo-"],
    [class*=" logo-"],
    [class$="-logo"],
    [class*="-logo "],
    [class$="__logo"],
    [class*="__logo "],
    [class$="__image"],
    [class*="__image "],
    [class$="-image"],
    [class*="-image "],
    [class$="__media"],
    [class*="__media "],
    [class$="__avatar"],
    [class*="__avatar "],
    [class$="-avatar"],
    [class*="-avatar "]
)::after {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

html body :is(img, picture, figure, svg, i),
html body :is(img, picture, figure, svg, i):is(:hover, :focus, :active) {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* High-specificity cleanup for the website and application logos. */
html body .eh-public-navbar .eh-public-navbar__brand,
html body .eh-public-navbar .eh-public-navbar__brand-mark,
html body .eh-mobile-drawer .eh-mobile-drawer__brand,
html body .eh-mobile-drawer .eh-mobile-drawer__brand-mark,
html body .main-header .afkar-header-logo,
html body .erp-sidebar-shell .sidebar-brand-icon,
html body .erp-sidebar-shell .sidebar-brand-link,
html body .navbar-brand {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    animation: none !important;
}

html body .eh-public-navbar .eh-public-navbar__brand-mark img,
html body .eh-mobile-drawer .eh-mobile-drawer__brand-mark img,
html body .main-header .afkar-header-logo img,
html body .erp-sidebar-shell .sidebar-brand-icon img,
html body .navbar-brand img {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    animation: none !important;
    transform: none !important;
}

html:is(.dark-mode, [data-theme="dark"]) body img.afkar-adaptive-logo {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

html body :is(
    [class*="shine"],
    [class*="shimmer"],
    [class*="glow"],
    [class*="sparkle"],
    [class*="reflection"]
) {
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 0 !important;
    animation: none !important;
    pointer-events: none !important;
}

html body :is(
    .eh-public-navbar__brand,
    .eh-public-navbar__brand-mark,
    .eh-mobile-drawer__brand,
    .eh-mobile-drawer__brand-mark,
    .afkar-header-logo,
    .sidebar-brand-icon,
    .sidebar-brand-link,
    .navbar-brand
)::before,
html body :is(
    .eh-public-navbar__brand,
    .eh-public-navbar__brand-mark,
    .eh-mobile-drawer__brand,
    .eh-mobile-drawer__brand-mark,
    .afkar-header-logo,
    .sidebar-brand-icon,
    .sidebar-brand-link,
    .navbar-brand
)::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
}

/* System-wide flat surfaces: box shadows are intentionally disabled everywhere. */
html body *:not(#afkar-allow-shadow):not(#afkar-allow-shadow-2),
html body *:not(#afkar-allow-shadow):not(#afkar-allow-shadow-2)::before,
html body *:not(#afkar-allow-shadow):not(#afkar-allow-shadow-2)::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Public website dark mode: prevent legacy light surfaces from washing out the UI. */
html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout:not(#afkar-dark-guard) {
    background: #0b1220 !important;
    background-color: #0b1220 !important;
    background-image: none !important;
    color: #dbe4f0 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout:not(#afkar-dark-guard) :is(
    main,
    section,
    footer,
    .eh-home-v3,
    .eh-home-v3__section,
    .eh-home-v3__products,
    .eh-home-v3__sectors
) {
    background-color: #0b1220 !important;
    background-image: none !important;
    color: #dbe4f0 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout:not(#afkar-dark-guard) :is(
    .eh-public-navbar,
    .eh-nav-dropdown-menu,
    .eh-nav-megamenu-menu,
    .eh-public-navbar__dropdown,
    .eh-mobile-drawer,
    .eh-mobile-drawer__accordion-panel
) {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border-color: #263449 !important;
    color: #f8fafc !important;
    opacity: 1 !important;
}

/* Flat, continuous ERP sidebar: no card borders or gaps between modules. */
html body.eh-app-layout .erp-sidebar-shell {
    border: 0 !important;
    border-inline: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(
    .erp-custom-menu,
    .erp-menu-container > ul,
    .sidebar-menu,
    .sidebar-modules-list
) {
    gap: 0 !important;
    margin: 0 !important;
    padding-block: 0 !important;
}

html body.eh-app-layout .erp-sidebar-shell .erp-menu-item,
html body.eh-app-layout .erp-sidebar-shell .erp-submenu-item {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(
    .erp-menu-link,
    .sidebar-mode-tab,
    .sidebar-footer-link,
    .erp-submenu-link,
    .sidebar-flyout-link,
    .sidebar-submenu-link
) {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell .erp-menu-link {
    min-height: 43px !important;
    padding-inline: 15px !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(
    .erp-menu-link,
    .sidebar-mode-tab,
    .sidebar-footer-link
):is(:hover, :focus),
html body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-menu-link,
html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link.active, .sidebar-mode-tab.active) {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: inset 3px 0 0 #7fa6e6 !important;
}

html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell :is(
    .erp-menu-link,
    .sidebar-mode-tab,
    .sidebar-footer-link
):is(:hover, :focus),
html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-menu-link,
html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link.active, .sidebar-mode-tab.active) {
    box-shadow: inset -3px 0 0 #7fa6e6 !important;
}

html body.eh-app-layout .erp-sidebar-shell .erp-submenu {
    margin: 0 !important;
    padding-block: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-submenu {
    padding-block: 3px !important;
}

html body.eh-app-layout .erp-sidebar-shell .erp-submenu::before,
html body.eh-app-layout .erp-sidebar-shell .erp-submenu-link::after {
    content: none !important;
    display: none !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(
    .erp-submenu-link,
    .sidebar-flyout-link,
    .sidebar-submenu-link
) {
    min-height: 37px !important;
    padding-inline: 24px 14px !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(
    .erp-submenu-link,
    .sidebar-flyout-link,
    .sidebar-submenu-link
):is(:hover, :focus, .active) {
    border: 0 !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.sidebar-flyout, .sidebar-flyout-menu) {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.sidebar-collapse.eh-app-layout .erp-sidebar-shell .erp-menu-link {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* One-border button system and final yellow/gold-to-blue conversion. */
:root,
html.dark-mode,
html[data-theme="dark"] {
    --warning: #2d7dd2 !important;
    --yellow: #2d7dd2 !important;
    --Yellow: #2d7dd2 !important;
    --orange: #2d7dd2 !important;
    --gold: #2d7dd2 !important;
    --amber: #2d7dd2 !important;
    --erp-warning: #2d7dd2 !important;
    --afkar-warning: #2d7dd2 !important;
}

html body :is(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .btn,
    [class*="btn-"],
    [class*="tw-dw-btn"],
    [role="button"]
):not(#afkar-button-border-guard):not(.btn-link) {
    outline: 0 !important;
    /* border-style: none !important; */
    border-width: 1px !important;
    background-clip: padding-box !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
html body :is(
    .btn_Breadcrumb
):not(#afkar-button-border-guard):not(.btn-link) {
    outline: 0 !important;
    border-style: none !important;
    border-width: 1px !important;
    background-clip: padding-box !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

html body :is(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .btn,
    [class*="btn-"],
    [class*="tw-dw-btn"],
    [role="button"]
):not(#afkar-button-border-guard)::before,
html body :is(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .btn,
    [class*="btn-"],
    [class*="tw-dw-btn"],
    [role="button"]
):not(#afkar-button-border-guard)::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body :is(
    .btn-warning,
    .btn-gold,
    .btn-yellow,
    .btn-orange,
    .eh-btn-gold,
    .btn--yellow,
    .bg-warning,
    .bg-yellow,
    .bg-orange,
    .label-warning,
    [class*="btn-warning"],
    [class*="btn-yellow"],
    [class*="btn-gold"],
    [class*="btn-amber"],
    [class*="tw-bg-blue-"],
    [class*="tw-bg-blue-"],
    [class*="tw-bg-orange-"]
):not(#afkar-blue-warning-guard):not(.btn-danger):not([class*="danger"]) {
    border-color: #1e5ab5 !important;
    background: #2d7dd2 !important;
    background-color: #2d7dd2 !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body :is(
    .btn-warning,
    .btn-gold,
    .btn-yellow,
    .btn-orange,
    .eh-btn-gold,
    .btn--yellow,
    [class*="btn-warning"],
    [class*="btn-yellow"],
    [class*="btn-gold"],
    [class*="btn-amber"]
):not(#afkar-blue-warning-guard):not(.btn-danger):not([class*="danger"]):is(:hover, :focus-visible, :active) {
    border-color: #0c306a !important;
    background: #1e5ab5 !important;
    background-color: #1e5ab5 !important;
    background-image: none !important;
    color: #ffffff !important;
}

html body :is(
    .text-warning,
    .text-yellow,
    .text-orange,
    .text-gold,
    [class*="tw-text-blue-"],
    [class*="tw-text-blue-"],
    [class*="tw-text-orange-"]
):not(#afkar-blue-text-guard) {
    color: #1e5ab5 !important;
    -webkit-text-fill-color: #1e5ab5 !important;
}

html body :is(
    [style*="#4A7BD6" i], [style*="#4A7BD6" i], [style*="#4A7BD6" i],
    [style*="#4A7BD6" i], [style*="#7FA6E6" i], [style*="#4A7BD6" i],
    [style*="#FFAD46" i], [style*="#D97706" i], [style*="#4A7BD6" i],
    [style*="#1E5AB5" i], [style*="rgb(74, 123, 214)" i],
    [style*="rgb(74, 123, 214)" i]
):not(#afkar-inline-blue-guard) {
    border-color: #1e5ab5 !important;
    background-color: #2d7dd2 !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout:not(#afkar-dark-guard) :is(
    .eh-public-navbar__menu > li > a,
    .eh-public-navbar__more-toggle,
    .eh-nav-dropdown-menu a,
    .eh-nav-megamenu-menu a,
    .eh-mobile-drawer a,
    .eh-mobile-drawer button
) {
    background: transparent !important;
    background-color: transparent !important;
    color: #e5edf7 !important;
    -webkit-text-fill-color: #e5edf7 !important;
    opacity: 1 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout:not(#afkar-dark-guard) :is(
    .eh-public-navbar__menu > li > a:hover,
    .eh-public-navbar__menu > li > a:focus-visible,
    .eh-nav-dropdown-menu a:hover,
    .eh-nav-megamenu-menu a:hover,
    .eh-mobile-drawer a:hover
) {
    background: #17233a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout:not(#afkar-dark-guard) :is(
    .card,
    .box,
    .eh-home-v3__product-card,
    .eh-home-v3__sector-card,
    .eh-home-v3__sector-panel,
    .eh-home-v3__wide-card,
    .eh-home-v3__metric,
    .eh-home-v3__testimonial-card,
    .eh-home-v3__feature-card,
    .eh-home-v3__faq-details,
    .eh-products-page__card
) {
    background: #111c2e !important;
    background-color: #111c2e !important;
    background-image: none !important;
    border-color: #2a3a52 !important;
    color: #e5edf7 !important;
    opacity: 1 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout:not(#afkar-dark-guard) :is(
    h1, h2, h3, h4, h5, h6,
    .eh-home-v3__product-name,
    .eh-home-v3__section-title,
    .eh-products-page__card-title
) {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    opacity: 1 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout:not(#afkar-dark-guard) :is(
    p,
    .eh-home-v3__product-desc,
    .eh-home-v3__section-desc,
    .eh-products-page__card-desc,
    .text-muted
) {
    color: #b8c5d6 !important;
    -webkit-text-fill-color: #b8c5d6 !important;
    opacity: 1 !important;
}

/* Keep the sidebar cleanup last so legacy/button rules cannot restore frames. */
html body.eh-app-layout .erp-sidebar-shell,
html body.eh-app-layout .sidebar-flyout {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-custom-menu, .erp-menu-container > ul, .sidebar-menu, .sidebar-modules-list) {
    gap: 0 !important;
    margin: 0 !important;
    padding-block: 0 !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-item, .erp-submenu-item, .erp-menu-link, .sidebar-mode-tab, .sidebar-footer-link, .erp-submenu, .erp-submenu-link, .sidebar-flyout-link, .sidebar-submenu-link),
html body.eh-app-layout .sidebar-flyout :is(ul, li, a) {
    margin-block: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
}

/* Central sales-invoice table resolver: clear brand colors and a true grid. */
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(
    .table-responsive,
    .dataTables_scroll,
    .dataTables_scrollHead,
    .dataTables_scrollBody
) {
    border-color: #2d7dd2 !important;
    background: #ffffff !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) {
    width: 100% !important;
    border: 2px solid #2d7dd2 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #172033 !important;
    box-shadow: none !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) > thead > tr > :is(th, td),
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page .dataTables_scrollHead :is(#sell_table, #sell_table_1) > thead > tr > :is(th, td) {
    padding: 12px 10px !important;
    border: 1px solid #7fa6e6 !important;
    border-block-end: 2px solid #2d7dd2 !important;
    border-radius: 0 !important;
    background: #0c306a !important;
    background-image: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 800 !important;
    text-align: center !important;
    opacity: 1 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) > tbody > tr > :is(td, th) {
    padding: 11px 9px !important;
    border: 1px solid #bfdbfe !important;
    background: #ffffff !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
    font-weight: 600 !important;
    text-align: center !important;
    vertical-align: middle !important;
    opacity: 1 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) > tbody > tr:nth-child(even) > :is(td, th) {
    background: #eef4ff !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) > tbody > tr:is(:hover, :focus-within) > :is(td, th) {
    border-color: #7fa6e6 !important;
    background: #dbeafe !important;
    color: #0c306a !important;
    -webkit-text-fill-color: #0c306a !important;
    box-shadow: none !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) > tfoot > tr > :is(td, th) {
    border: 1px solid #7fa6e6 !important;
    background: #dbeafe !important;
    color: #0c306a !important;
    font-weight: 800 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) {
    border: 2px solid #4a7bd6 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border-radius: 0 !important;
    background: #111827 !important;
    box-shadow: none !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) > tbody > tr > :is(td, th) {
    border: 1px solid #374f70 !important;
    background: #111827 !important;
    color: #e5edf7 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout .afkar-sales-list-page :is(#sell_table, #sell_table_1) > tbody > tr:nth-child(even) > :is(td, th) {
    background: #17233a !important;
}

/* Final system table-head authority: one crisp header across native and cloned tables. */
html body.eh-app-layout :is(
    table.table,
    table.dataTable,
    table.erp-themed-table,
    table.erp-modern-table,
    #purchase_entry_table,
    #sell_table,
    #sell_table_1
) > thead > tr > :is(th, td),
html body.eh-app-layout :is(
    .table-responsive,
    .dataTables_wrapper,
    .dataTables_scrollHead,
    .dataTables_scrollHeadInner,
    .DTFC_LeftHeadWrapper,
    .DTFC_RightHeadWrapper,
    .fixedHeader-floating,
    .fixedHeader-locked
) table > thead > tr > :is(th, td) {
    min-height: 50px !important;
    padding: 12px 11px !important;
    border: 1px solid #4a7bd6 !important;
    border-block-start: 0 !important;
    border-block-end: 2px solid #7fa6e6 !important;
    border-radius: 0 !important;
    background: #0c306a !important;
    background-color: #0c306a !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: none !important;
    white-space: normal !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
}

html body.eh-app-layout :is(
    table.table,
    table.dataTable,
    table.erp-themed-table,
    table.erp-modern-table,
    #purchase_entry_table,
    #sell_table,
    #sell_table_1
) > thead > tr > :is(th, td) :is(span, small, strong, b, a),
html body.eh-app-layout :is(.dataTables_scrollHead, .fixedHeader-floating, .fixedHeader-locked) table > thead > tr > :is(th, td) :is(span, small, strong, b, a) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
}

html body.eh-app-layout table > thead > tr > :is(th, td) .erp-table-heading-icon {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin-inline-end: 6px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #bfdbfe !important;
    -webkit-text-fill-color: #bfdbfe !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    vertical-align: middle !important;
}

html body.eh-app-layout table.dataTable > thead > tr > :is(th.sorting, th.sorting_asc, th.sorting_desc)::before,
html body.eh-app-layout table.dataTable > thead > tr > :is(th.sorting, th.sorting_asc, th.sorting_desc)::after {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: transparent !important;
    text-shadow: none !important;
    opacity: .9 !important;
    box-shadow: none !important;
}

/* Dark-table root fix: legacy gold separators and moving rows are disabled here. */
html:is(.dark-mode, [data-theme="dark"]) {
    --eh-dark-gold: #4a7bd6 !important;
    --eh-primary-gold: #4a7bd6 !important;
    --eh-primary-gold-hover: #7fa6e6 !important;
    --eh-dt-gold: #4a7bd6 !important;
    --eh-force-table-gold: #4a7bd6 !important;
    --erp-secondary: #4a7bd6 !important;
    --erp-highlight: #7fa6e6 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(
    table.table,
    table.dataTable,
    table.erp-themed-table,
    table.erp-modern-table
) > thead > tr > :is(th, td),
html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(
    .dataTables_scrollHead,
    .dataTables_scrollHeadInner,
    .DTFC_LeftHeadWrapper,
    .DTFC_RightHeadWrapper,
    .fixedHeader-floating,
    .fixedHeader-locked
) table > thead > tr > :is(th, td) {
    border-color: #4a7bd6 !important;
    border-block-end: 2px solid #7fa6e6 !important;
    background: #0c306a !important;
    background-color: #0c306a !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(
    .erp-table-card,
    .erp-table-scroll-shell,
    .erp-table-modernized,
    .erp-table-v69-frame,
    .erp-themed-table-wrapper,
    .table-responsive,
    .dataTables_wrapper,
    .dataTables_scroll,
    .dataTables_scrollHead,
    .dataTables_scrollBody
) {
    border-color: #4a7bd6 !important;
    box-shadow: none !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(
    .erp-table-card,
    .erp-table-scroll-shell,
    .erp-table-modernized,
    .erp-table-v69-frame,
    .erp-themed-table-wrapper
)::before,
html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(
    .erp-table-card,
    .erp-table-scroll-shell,
    .erp-table-modernized,
    .erp-table-v69-frame,
    .erp-themed-table-wrapper
)::after {
    border-color: #4a7bd6 !important;
    background-color: #4a7bd6 !important;
    background-image: none !important;
    box-shadow: none !important;
    animation: none !important;
}

/* Stable rows: remove the horizontal jump and use color-only feedback. */
html body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .erp-table-scroll-shell) table > tbody > tr,
html body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .erp-table-scroll-shell) table > tbody > tr > :is(td, th) {
    transform: none !important;
    animation: none !important;
    transition: background-color .16s ease, color .16s ease, border-color .16s ease !important;
}

html body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .erp-table-scroll-shell) table > tbody > tr:is(:hover, :focus-within) {
    transform: none !important;
    box-shadow: none !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .erp-table-scroll-shell) table > tbody > tr:is(:hover, :focus-within) > :is(td, th),
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .erp-table-scroll-shell) table > tbody > tr:is(:hover, :focus-within) > td.dataTables_empty {
    border-color: #7fa6e6 !important;
    background: #dbeafe !important;
    background-color: #dbeafe !important;
    color: #0c306a !important;
    -webkit-text-fill-color: #0c306a !important;
    box-shadow: none !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .erp-table-scroll-shell) table > tbody > tr:is(:hover, :focus-within) > :is(td, th),
html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout :is(.dataTables_wrapper, .table-responsive, .erp-table-scroll-shell) table > tbody > tr:is(:hover, :focus-within) > td.dataTables_empty {
    border-color: #4a7bd6 !important;
    background: #183a63 !important;
    background-color: #183a63 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

/* Unified ERP sidebar authority: identical component language in light and dark modes. */
html body.eh-app-layout .erp-sidebar-shell {
    --afkar-sidebar-bg: #0c306a;
    --afkar-sidebar-submenu: #102f5f;
    --afkar-sidebar-flyout: #102f5f;
    --afkar-sidebar-text: #dbeafe;
    --afkar-sidebar-muted: #a9c3e8;
    --afkar-sidebar-hover: #13407f;
    --afkar-sidebar-active: #1e5ab5;
    --afkar-sidebar-accent: #7fa6e6;
    color-scheme: dark;
    border: 0 !important;
    background: var(--afkar-sidebar-bg) !important;
    background-color: var(--afkar-sidebar-bg) !important;
    background-image: none !important;
    color: var(--afkar-sidebar-text) !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell::before,
html body.eh-app-layout .erp-sidebar-shell::after {
    content: none !important;
    display: none !important;
}

html body.eh-app-layout .erp-sidebar-shell .sidebar-brand {
    min-height: 48px !important;
    padding: 0 10px !important;
    border: 0 !important;
    background: var(--afkar-sidebar-bg) !important;
    box-shadow: none !important;
    justify-content: flex-end !important;
}

html body.eh-app-layout .erp-sidebar-shell .sidebar-toggle-btn {
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--afkar-sidebar-muted) !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell .sidebar-toggle-btn:is(:hover, :focus-visible) {
    background: var(--afkar-sidebar-hover) !important;
    color: #ffffff !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-container, .erp-custom-menu, .sidebar-menu, .sidebar-modules-list) {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: var(--afkar-sidebar-bg) !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-item, .erp-submenu-item) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link, .sidebar-mode-tab) {
    min-height: 43px !important;
    margin: 0 !important;
    padding-inline: 15px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--afkar-sidebar-bg) !important;
    color: var(--afkar-sidebar-text) !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-text, .erp-menu-icon, .erp-menu-arrow, .sidebar-mode-tab) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link, .sidebar-mode-tab):is(:hover, :focus-visible),
html body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-menu-link {
    border: 0 !important;
    background: var(--afkar-sidebar-hover) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 var(--afkar-sidebar-accent) !important;
    transform: none !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link.active, .sidebar-mode-tab.active),
html body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-menu-link.active {
    border: 0 !important;
    background: var(--afkar-sidebar-active) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 #ffffff !important;
    transform: none !important;
}

html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link, .sidebar-mode-tab):is(:hover, :focus-visible),
html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-menu-link {
    box-shadow: inset -3px 0 0 var(--afkar-sidebar-accent) !important;
}

html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell :is(.erp-menu-link.active, .sidebar-mode-tab.active),
html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-menu-link.active {
    box-shadow: inset -3px 0 0 #ffffff !important;
}

html body.eh-app-layout .erp-sidebar-shell .erp-submenu {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--afkar-sidebar-submenu) !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell .erp-menu-item.open > .erp-submenu {
    padding-block: 3px !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu-link, .sidebar-submenu-link, .sidebar-flyout-link) {
    min-height: 37px !important;
    margin: 0 !important;
    padding-inline: 24px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--afkar-sidebar-muted) !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu-link, .sidebar-submenu-link, .sidebar-flyout-link):is(:hover, :focus-visible) {
    background: var(--afkar-sidebar-hover) !important;
    color: #ffffff !important;
}

html body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu-link.active, .sidebar-submenu-link.active, .sidebar-flyout-link.active) {
    background: var(--afkar-sidebar-active) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 #ffffff !important;
}

html[dir="rtl"] body.eh-app-layout .erp-sidebar-shell :is(.erp-submenu-link.active, .sidebar-submenu-link.active, .sidebar-flyout-link.active) {
    box-shadow: inset -3px 0 0 #ffffff !important;
}

html body.eh-app-layout :is(.erp-sidebar-shell .sidebar-flyout, .erp-sidebar-shell .sidebar-flyout-menu, .sidebar-flyout) {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--afkar-sidebar-flyout, #102f5f) !important;
    color: var(--afkar-sidebar-text, #dbeafe) !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell .sidebar-footer {
    padding: 0 !important;
    border: 0 !important;
    background: var(--afkar-sidebar-bg) !important;
}

html body.eh-app-layout .erp-sidebar-shell .sidebar-footer-link {
    min-height: 43px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--afkar-sidebar-muted) !important;
    box-shadow: none !important;
}

html body.eh-app-layout .erp-sidebar-shell .sidebar-footer-link:is(:hover, :focus-visible) {
    background: var(--afkar-sidebar-hover) !important;
    color: #ffffff !important;
}

/* Final no-warm-color authority: legacy warning/gold/yellow UI is Afkar blue. */
:root,
html[data-theme="light"],
html[data-theme="dark"],
html.dark-mode {
    --yellow: #4a7bd6 !important;
    --gold: #4a7bd6 !important;
    --golden: #4a7bd6 !important;
    --amber: #4a7bd6 !important;
    --warning: #4a7bd6 !important;
    --bs-yellow: #4a7bd6 !important;
    --bs-warning: #4a7bd6 !important;
    --tw-color-yellow-500: #4a7bd6 !important;
    --tw-color-amber-500: #4a7bd6 !important;
    --afkar-warning: #4a7bd6 !important;
    --erp-warning: #4a7bd6 !important;
}

html body :is(
    .btn-warning,
    .btn-yellow,
    .btn-gold,
    .bg-warning,
    .bg-yellow,
    .bg-gold,
    .label-warning,
    .badge-warning,
    .badge-yellow,
    .text-bg-warning,
    .alert-warning,
    .callout-warning,
    .box-warning,
    .panel-warning,
    .card-warning,
    .toast-warning,
    .progress-bar-warning,
    .list-group-item-warning,
    .table-warning,
    [class*="bg-yellow-"],
    [class*="bg-amber-"],
    [class*="bg-gold"],
    [class*="border-yellow-"],
    [class*="border-amber-"],
    [class*="border-gold"]
) {
    border-color: #4a7bd6 !important;
    background-color: #e7f0ff !important;
    background-image: none !important;
    color: #0c306a !important;
    -webkit-text-fill-color: #0c306a !important;
}

html body :is(
    .btn-warning,
    .btn-yellow,
    .btn-gold,
    .label-warning,
    .badge-warning,
    .badge-yellow,
    .text-bg-warning,
    .progress-bar-warning
) {
    border-color: #2d7dd2 !important;
    background: #2d7dd2 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body :is(
    .text-warning,
    .text-yellow,
    .text-gold,
    [class*="text-yellow-"],
    [class*="text-amber-"],
    [class*="text-gold"]
) {
    color: #2d7dd2 !important;
    -webkit-text-fill-color: #2d7dd2 !important;
}

html body :is(
    .btn-warning,
    .btn-yellow,
    .btn-gold,
    .bg-warning,
    .bg-yellow,
    .bg-gold,
    .label-warning,
    .badge-warning,
    .badge-yellow,
    .text-bg-warning,
    .alert-warning,
    .callout-warning,
    .box-warning,
    .panel-warning,
    .card-warning,
    .toast-warning,
    .list-group-item-warning,
    .table-warning,
    [class*="yellow"],
    [class*="amber"],
    [class*="gold"]
):is(:hover, :focus, :focus-visible, :active),
html body :is(a, button, .btn, [role="button"], .card, .dropdown-item, .nav-link):is(:hover, :focus, :focus-visible, :active) :is(
    .text-warning,
    .text-yellow,
    .text-gold,
    [class*="text-yellow-"],
    [class*="text-amber-"],
    [class*="text-gold"]
) {
    border-color: #1e5ab5 !important;
    background-color: #13407f !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html:is(.dark-mode, [data-theme="dark"]) body :is(
    .alert-warning,
    .callout-warning,
    .box-warning,
    .panel-warning,
    .card-warning,
    .toast-warning,
    .list-group-item-warning,
    .table-warning,
    [class*="bg-yellow-"],
    [class*="bg-amber-"],
    [class*="bg-gold"]
) {
    border-color: #4a7bd6 !important;
    background-color: #183a63 !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Central light-mode dropdown resolver: opened menus stay visible and readable. */
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(
    .dropdown-menu,
    .erp-dt-actions-menu,
    .erp-row-actions-menu,
    .select2-dropdown,
    .bootstrap-select .dropdown-menu
) {
    border: 1px solid #7fa6e6 !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #111827 !important;
    opacity: 1;
    filter: none !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(
    .open,
    .show,
    .is-open
) > :is(.dropdown-menu, .erp-dt-actions-menu, .erp-row-actions-menu),
html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(
    .dropdown-menu.show,
    .erp-dt-actions-menu.show,
    .erp-row-actions-menu.show
) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10050 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(
    .dropdown-menu,
    .erp-dt-actions-menu,
    .erp-row-actions-menu
) :is(a, button, .dropdown-item) {
    border-radius: 1px !important;
    background: transparent !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
}

html:not(.dark-mode):not([data-theme="dark"]) body.eh-app-layout :is(
    .dropdown-menu,
    .erp-dt-actions-menu,
    .erp-row-actions-menu
) :is(a, button, .dropdown-item):is(:hover, :focus, :focus-visible) {
    background: #dbeafe !important;
    color: #0c306a !important;
    -webkit-text-fill-color: #0c306a !important;
    outline: 2px solid transparent !important;
}

/* Central DataTables authority: native scroll head, natural columns and sort glyphs. */
html body.eh-app-layout .dataTables_wrapper .dataTables_scrollHead {
    display: block !important;
    width: 100% !important;
    min-height: 50px !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-block-end: 0 !important;
}

html body.eh-app-layout .dataTables_wrapper .dataTables_scrollHead thead.erp-dt-active-head,
html body.eh-app-layout .dataTables_wrapper .dataTables_scrollHead thead:not(.erp-dt-hidden-head) {
    display: table-header-group !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html body.eh-app-layout .dataTables_wrapper .dataTables_scrollBody thead.erp-dt-hidden-head {
    height: 0 !important;
    block-size: 0 !important;
    visibility: collapse !important;
}

html body.eh-app-layout .dataTables_wrapper .dataTables_scrollBody thead.erp-dt-hidden-head > tr {
    height: 0 !important;
    min-height: 0 !important;
    block-size: 0 !important;
    border: 0 !important;
    visibility: collapse !important;
}

html body.eh-app-layout .dataTables_wrapper .dataTables_scrollBody thead.erp-dt-hidden-head > tr > :is(th, td) {
    height: 0 !important;
    min-height: 0 !important;
    block-size: 0 !important;
    padding-block: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    visibility: collapse !important;
}

html body.eh-app-layout .dataTables_wrapper .dataTables_scrollBody {
    margin-block-start: 0 !important;
    padding-block-start: 0 !important;
    border-block-start: 0 !important;
}

html body.eh-app-layout :is(.dataTables_scrollHead, .dataTables_scrollBody) table.dataTable,
html body.eh-app-layout .dataTables_wrapper > table.dataTable {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
}

html body.eh-app-layout :is(.dataTables_scrollHead, .dataTables_scrollBody, .table-responsive) table > thead > tr > :is(th, td) {
    position: relative !important;
    width: auto;
    min-width: max-content;
    padding-inline: 12px 36px !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-overflow: clip !important;
}

html body.eh-app-layout :is(.dataTables_scrollHead, .dataTables_scrollBody, .table-responsive) table > thead > tr > :is(th, td).erp-table-heading-sized {
    min-width: var(--erp-heading-min-width, 112px) !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th:is(.sorting, .sorting_asc, .sorting_desc) {
    cursor: pointer !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th:is(.sorting, .sorting_asc, .sorting_desc)::before {
    content: "\f062" !important;
    position: absolute !important;
    inset-inline-end: 11px !important;
    inset-inline-start: auto !important;
    top: calc(50% - 7px) !important;
    display: block !important;
    width: 14px !important;
    height: 12px !important;
    margin: 0 !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
    color: #7fa6e6 !important;
    -webkit-text-fill-color: #7fa6e6 !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    opacity: .85 !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th:is(.sorting, .sorting_asc, .sorting_desc)::after {
    position: absolute !important;
    inset-inline-end: 11px !important;
    inset-inline-start: auto !important;
    top: calc(50% + 2px) !important;
    bottom: auto !important;
    display: block !important;
    width: 14px !important;
    height: 12px !important;
    margin: 0 !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
    color: #bfdbfe !important;
    -webkit-text-fill-color: #bfdbfe !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    font-style: normal !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    opacity: 1 !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th.sorting::after {
    content: "\f063" !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th.sorting_asc::before {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th.sorting_asc::after {
    content: "\f063" !important;
    opacity: .4 !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th.sorting_desc::before {
    opacity: .4 !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th.sorting_desc::after {
    content: "\f063" !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

html body.eh-app-layout table.dataTable > thead > tr > th.sorting_disabled::before,
html body.eh-app-layout table.dataTable > thead > tr > th.sorting_disabled::after {
    content: none !important;
    display: none !important;
}

html body.eh-app-layout :is(.dataTables_scrollBody, .table-responsive) table > tbody > tr > :is(td, th) {
    width: auto;
    white-space: nowrap !important;
    word-break: normal !important;
}

/* Final icon-font guard: typography rules must never replace table glyph fonts. */
html body.eh-app-layout :is(
    table,
    table.dataTable,
    .dataTables_scrollHead,
    .dataTables_scrollBody,
    .fixedHeader-floating,
    .fixedHeader-locked
) thead .erp-table-heading-icon.fas {
    display: inline-block !important;
    font-family: "Font Awesome 5 Free" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    speak: none;
}

html body.eh-app-layout :is(
    table,
    table.dataTable,
    .dataTables_scrollHead,
    .dataTables_scrollBody,
    .fixedHeader-floating,
    .fixedHeader-locked
) thead .erp-table-heading-icon.fas::before {
    display: inline-block !important;
    font-family: inherit !important;
    font-style: inherit !important;
    font-variant: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* Central radius system for tables, menus and floating surfaces. */
:root,
html[data-theme="light"],
html[data-theme="dark"],
html.dark-mode {
    --afkar-radius-surface: 6px;
    --afkar-radius-control: 4px;
    --afkar-radius-item: 3px;
}

html body.eh-app-layout :is(
    .erp-table-card,
    .erp-themed-table-wrapper,
    .erp-table-modernized,
    .erp-table-v69-frame,
    .erp-table-scroll-shell,
    .table-responsive,
    .dataTables_scroll
) {
    border-radius: var(--afkar-radius-surface) !important;
}

html body.eh-app-layout .dataTables_wrapper .dataTables_scrollHead,
html body.eh-app-layout .dataTables_wrapper .dataTables_scrollHeadInner,
html body.eh-app-layout .dataTables_wrapper .dataTables_scrollHeadInner > table {
    border-start-start-radius: var(--afkar-radius-surface) !important;
    border-start-end-radius: var(--afkar-radius-surface) !important;
}

html body.eh-app-layout .dataTables_wrapper .dataTables_scrollHead {
    overflow: hidden !important;
}

html body.eh-app-layout :is(
    .dataTables_scrollHead,
    .table-responsive,
    .erp-table-scroll-shell
) table > thead > tr:first-child > :is(th, td):first-child {
    border-start-start-radius: var(--afkar-radius-surface) !important;
}

html body.eh-app-layout :is(
    .dataTables_scrollHead,
    .table-responsive,
    .erp-table-scroll-shell
) table > thead > tr:first-child > :is(th, td):last-child {
    border-start-end-radius: var(--afkar-radius-surface) !important;
}

html body.eh-app-layout .dataTables_wrapper:not(:has(.dataTables_scrollFoot)) .dataTables_scrollBody,
html body.eh-app-layout .dataTables_wrapper .dataTables_scrollFoot,
html body.eh-app-layout .dataTables_wrapper .dataTables_scrollFootInner,
html body.eh-app-layout .dataTables_wrapper .dataTables_scrollFootInner > table {
    border-end-start-radius: var(--afkar-radius-surface) !important;
    border-end-end-radius: var(--afkar-radius-surface) !important;
}

html body.eh-app-layout :is(.table-responsive, .erp-table-scroll-shell) table > tbody > tr:last-child > :is(td, th):first-child {
    border-end-start-radius: var(--afkar-radius-surface) !important;
}

html body.eh-app-layout :is(.table-responsive, .erp-table-scroll-shell) table > tbody > tr:last-child > :is(td, th):last-child {
    border-end-end-radius: var(--afkar-radius-surface) !important;
}

html body.eh-app-layout :is(
    .dropdown-menu,
    .erp-dt-actions-menu,
    .erp-row-actions-menu,
    .eh-floating-action-menu,
    .select2-dropdown,
    .bootstrap-select .dropdown-menu,
    .datepicker,
    .daterangepicker,
    .timepicker-picker,
    .bootstrap-timepicker-widget,
    .popover,
    .tooltip-inner,
    .typeahead,
    .ui-autocomplete,
    .modal-content
) {
    border-radius: var(--afkar-radius-surface) !important;
}

html body.eh-app-layout :is(
    .dropdown-menu,
    .erp-dt-actions-menu,
    .erp-row-actions-menu,
    .eh-floating-action-menu,
    .select2-results__options,
    .bootstrap-select .dropdown-menu
) :is(li, a, button, .dropdown-item, .select2-results__option) {
    border-radius: var(--afkar-radius-item) !important;
}

html body.eh-app-layout :is(
    .dataTables_filter input,
    .dataTables_length select,
    .dataTables_paginate .paginate_button,
    .erp-row-actions-toggle,
    .erp-dt-actions-dropdown > button
) {
    border-radius: var(--afkar-radius-control) !important;
}

html body.eh-app-layout :is(.popover, .tooltip, .dropdown, .btn-group, .erp-row-actions, .erp-dt-actions-dropdown) {
    isolation: isolate;
}

/*
 * Final screen-table authority.
 *
 * The deliberate ID specificity in :not() lets this central layer override
 * old page-level selectors such as #sell_table thead th without touching
 * print/PDF templates. DataTables' sizing head is excluded and kept collapsed.
 */
@media screen {
    html body.eh-app-layout:not(#afkar-table-head-authority):not(#afkar-table-head-legacy) table > thead:not(.erp-dt-hidden-head) > tr > :is(th, td) {
        background: #0c306a !important;
        background-color: #0c306a !important;
        background-image: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border-color: #4a7bd6 !important;
        border-block-end: 2px solid #7fa6e6 !important;
        box-shadow: none !important;
        filter: none !important;
        opacity: 1 !important;
        font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.45 !important;
        text-align: start !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

    html body.eh-app-layout:not(#afkar-table-head-authority):not(#afkar-table-head-legacy) table > thead:not(.erp-dt-hidden-head) > tr:first-child > :is(th, td):first-child {
        border-start-start-radius: var(--afkar-radius-surface) !important;
    }

    html body.eh-app-layout:not(#afkar-table-head-authority):not(#afkar-table-head-legacy) table > thead:not(.erp-dt-hidden-head) > tr:first-child > :is(th, td):last-child {
        border-start-end-radius: var(--afkar-radius-surface) !important;
    }

    html body.eh-app-layout:not(#afkar-table-head-authority):not(#afkar-table-head-legacy) .dataTables_scrollBody table > thead.erp-dt-hidden-head,
    html body.eh-app-layout:not(#afkar-table-head-authority):not(#afkar-table-head-legacy) .dataTables_scrollBody table > thead.erp-dt-hidden-head > tr,
    html body.eh-app-layout:not(#afkar-table-head-authority):not(#afkar-table-head-legacy) .dataTables_scrollBody table > thead.erp-dt-hidden-head > tr > :is(th, td) {
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding-block: 0 !important;
        border-block: 0 !important;
        background: transparent !important;
        color: transparent !important;
        line-height: 0 !important;
        visibility: collapse !important;
    }
}

/* Final screen-dropdown authority: Select2, Bootstrap and AJAX menus. */
@media screen {
    html body.eh-app-layout {
        --afkar-menu-surface: #ffffff;
        --afkar-menu-text: #243247;
        --afkar-menu-muted: #687280;
        --afkar-menu-border: #7fa6e6;
        --afkar-menu-hover: #e7f0ff;
        --afkar-menu-selected: #dbeafe;
        --afkar-menu-selected-text: #0c306a;
        --afkar-menu-active: #1e5ab5;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout {
        --afkar-menu-surface: #182234;
        --afkar-menu-text: #eef2f7;
        --afkar-menu-muted: #a9b6c8;
        --afkar-menu-border: #4a7bd6;
        --afkar-menu-hover: #223654;
        --afkar-menu-selected: #29466f;
        --afkar-menu-selected-text: #ffffff;
        --afkar-menu-active: #1e5ab5;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.select2-dropdown, .select2-results, .select2-results__options, .dropdown-menu, .bootstrap-select .dropdown-menu, .chosen-container .chosen-drop, .ui-autocomplete, .typeahead) {
        background: var(--afkar-menu-surface) !important;
        color: var(--afkar-menu-text) !important;
        border-color: var(--afkar-menu-border) !important;
        box-shadow: 0 8px 22px rgba(12, 48, 106, .16) !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) .select2-search--dropdown {
        padding: 8px !important;
        background: var(--afkar-menu-surface) !important;
        border-block-end: 1px solid var(--afkar-menu-border) !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) .select2-search--dropdown .select2-search__field {
        min-height: 36px !important;
        padding-inline: 10px !important;
        background: var(--afkar-menu-surface) !important;
        color: var(--afkar-menu-text) !important;
        caret-color: #2d7dd2 !important;
        border: 1px solid var(--afkar-menu-border) !important;
        border-radius: var(--afkar-radius-control) !important;
        outline: none !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) .select2-search--dropdown .select2-search__field:focus {
        border-color: #2d7dd2 !important;
        box-shadow: 0 0 0 3px rgba(45, 125, 210, .18) !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.select2-results__option, .select2-results li, .chosen-container .chosen-results li, .ui-autocomplete .ui-menu-item, .typeahead > li > a, .dropdown-menu > li > a, .dropdown-menu > li > button, .dropdown-menu .dropdown-item) {
        min-height: 36px !important;
        padding: 8px 12px !important;
        background: var(--afkar-menu-surface) !important;
        color: var(--afkar-menu-text) !important;
        -webkit-text-fill-color: var(--afkar-menu-text) !important;
        border: 0 !important;
        border-inline-start: 3px solid transparent !important;
        border-radius: var(--afkar-radius-item) !important;
        font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
        line-height: 1.45 !important;
        text-align: start !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.select2-results__option:hover, .select2-results__option:focus, .select2-results li:hover, .chosen-container .chosen-results li.highlighted, .ui-autocomplete .ui-menu-item:hover, .ui-autocomplete .ui-state-active, .typeahead > li > a:hover, .typeahead > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus) {
        background: var(--afkar-menu-hover) !important;
        color: var(--afkar-menu-selected-text) !important;
        -webkit-text-fill-color: var(--afkar-menu-selected-text) !important;
        border-inline-start-color: #2d7dd2 !important;
        outline: none !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.select2-results__option[aria-selected="true"], .select2-results__option--selected, .select2-results li.select2-selected, .dropdown-menu > .active > a, .dropdown-menu > li.selected > a, .bootstrap-select .dropdown-menu li.selected > a) {
        background: var(--afkar-menu-selected) !important;
        color: var(--afkar-menu-selected-text) !important;
        -webkit-text-fill-color: var(--afkar-menu-selected-text) !important;
        border-inline-start-color: #0c306a !important;
        font-weight: 700 !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.select2-results__option--highlighted[aria-selected], .select2-results li.select2-highlighted, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .bootstrap-select .dropdown-menu li.selected > a:hover) {
        background: var(--afkar-menu-active) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border-inline-start-color: #7fa6e6 !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.select2-results__option[aria-disabled="true"], .select2-results__option--disabled, .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > button) {
        background: var(--afkar-menu-surface) !important;
        color: var(--afkar-menu-muted) !important;
        -webkit-text-fill-color: var(--afkar-menu-muted) !important;
        border-inline-start-color: transparent !important;
        opacity: .62 !important;
        cursor: not-allowed !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.select2-container--open .select2-selection--single, .select2-container--open .select2-selection--multiple, .bootstrap-select.open > .dropdown-toggle, .btn-group.open > .dropdown-toggle) {
        border-color: #2d7dd2 !important;
        box-shadow: 0 0 0 3px rgba(45, 125, 210, .18) !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) .dropdown-menu :is(.divider, .dropdown-divider) {
        background: var(--afkar-menu-border) !important;
        border-color: var(--afkar-menu-border) !important;
        opacity: .55 !important;
    }

    /* Undo the legacy display:table rule and keep ordinary menus below/attached. */
    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.dropdown, .btn-group, .input-group-btn, .bootstrap-select) > .dropdown-menu:not(.erp-floating-row-action-menu) {
        inset-block-start: calc(100% + 4px) !important;
        inset-block-end: auto !important;
        margin-block: 0 !important;
        transform: none !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.open, .show) > .dropdown-menu:not(.erp-floating-row-action-menu) {
        display: block !important;
    }

    html[dir="rtl"] body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.dropdown, .btn-group, .input-group-btn, .bootstrap-select) > .dropdown-menu:not(.erp-floating-row-action-menu) {
        inset-inline-start: auto !important;
        inset-inline-end: 0 !important;
    }

    html[dir="ltr"] body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) :is(.dropdown, .btn-group, .input-group-btn, .bootstrap-select) > .dropdown-menu:not(.erp-floating-row-action-menu) {
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) .select2-container--above .select2-selection {
        border-radius: var(--afkar-radius-control) !important;
    }

    html body.eh-app-layout:not(#afkar-menu-authority):not(#afkar-menu-legacy) .select2-dropdown--below {
        margin-block-start: 2px !important;
        border: 1px solid var(--afkar-menu-border) !important;
        border-radius: var(--afkar-radius-surface) !important;
    }

    /* High-contrast totals in dark mode; screen tables only, never print/PDF. */
    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-total-authority):not(#afkar-total-legacy) table > tfoot:not(#pdf-content *) > tr > :is(td, th),
    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-total-authority):not(#afkar-total-legacy) :is(.footer-total, .footer-total-div, .total-item, .total-row, .sub-total-row, .full-summary):not(#pdf-content *):not(.print_section *) {
        background: #182c49 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border-color: #4a7bd6 !important;
        opacity: 1 !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-total-authority):not(#afkar-total-legacy) table > tfoot:not(#pdf-content *) > tr > :is(td, th) :is(a, span, strong, b, small, label),
    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-total-authority):not(#afkar-total-legacy) :is(.footer-total, .footer-total-div, .total-item, .total-row, .sub-total-row, .full-summary):not(#pdf-content *):not(.print_section *) :is(td, th, a, span, strong, b, small, label) {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        opacity: 1 !important;
    }

    /* Final destructive/cancel action authority: visible and semantically distinct. */
    html body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(
        .btn-danger,
        .btn-delete,
        .delete-btn,
        .erp-btn-delete,
        .erp-action-delete,
        [class*="btn-danger"],
        [class*="btn-delete"]
    ) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        min-height: 34px !important;
        border: 1px solid #b91c1c !important;
        background: #dc2626 !important;
        background-image: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        text-shadow: none !important;
    }

    html body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(
        .btn-danger,
        .btn-delete,
        .delete-btn,
        .erp-btn-delete,
        .erp-action-delete,
        [class*="btn-danger"],
        [class*="btn-delete"]
    ) :is(i, span, svg, strong) {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        fill: currentColor !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(.btn-danger, .btn-delete, .delete-btn, .erp-btn-delete, .erp-action-delete, [class*="btn-danger"], [class*="btn-delete"]):is(:hover, :focus-visible, :active) {
        border-color: #991b1b !important;
        background: #b91c1c !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: 0 0 0 3px rgba(220, 38, 38, .18) !important;
    }

    html body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(
        .btn-cancel,
        .cancel-btn,
        .erp-btn-cancel,
        .erp-action-cancel,
        .system-confirm-cancel,
        .modal-footer [data-dismiss="modal"],
        .swal-button--cancel,
        .swal2-cancel,
        .daterangepicker .cancelBtn
    ) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        min-height: 34px !important;
        border: 1px solid #d1d5db !important;
        background: #f3f4f6 !important;
        background-image: none !important;
        color: #374151 !important;
        -webkit-text-fill-color: #374151 !important;
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        text-shadow: none !important;
    }

    html body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(.btn-cancel, .cancel-btn, .erp-btn-cancel, .erp-action-cancel, .system-confirm-cancel, .modal-footer [data-dismiss="modal"], .swal-button--cancel, .swal2-cancel, .daterangepicker .cancelBtn) :is(i, span, svg, strong) {
        color: inherit !important;
        -webkit-text-fill-color: currentColor !important;
        stroke: currentColor !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(.btn-cancel, .cancel-btn, .erp-btn-cancel, .erp-action-cancel, .system-confirm-cancel, .modal-footer [data-dismiss="modal"], .swal-button--cancel, .swal2-cancel, .daterangepicker .cancelBtn):is(:hover, :focus-visible, :active) {
        border-color: #9ca3af !important;
        background: #e5e7eb !important;
        color: #111827 !important;
        -webkit-text-fill-color: #111827 !important;
        box-shadow: 0 0 0 3px rgba(74, 123, 214, .14) !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(.btn-cancel, .cancel-btn, .erp-btn-cancel, .erp-action-cancel, .system-confirm-cancel, .modal-footer [data-dismiss="modal"], .swal-button--cancel, .swal2-cancel, .daterangepicker .cancelBtn) {
        border-color: #687280 !important;
        background: #273449 !important;
        color: #eef2f7 !important;
        -webkit-text-fill-color: #eef2f7 !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(.btn-cancel, .cancel-btn, .erp-btn-cancel, .erp-action-cancel, .system-confirm-cancel, .modal-footer [data-dismiss="modal"], .swal-button--cancel, .swal2-cancel, .daterangepicker .cancelBtn):is(:hover, :focus-visible, :active) {
        border-color: #7fa6e6 !important;
        background: #374151 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    html body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(.btn-block, .tw-w-full):is(.btn-danger, .btn-delete, .delete-btn, .btn-cancel, .cancel-btn, .erp-action-delete, .erp-action-cancel) {
        width: 100% !important;
    }

    html body.eh-app-layout:not(#afkar-action-authority):not(#afkar-action-legacy) :is(.btn-danger, .btn-delete, .delete-btn, .btn-cancel, .cancel-btn, .erp-action-delete, .erp-action-cancel):disabled {
        opacity: .55 !important;
        visibility: visible !important;
        cursor: not-allowed !important;
    }

    /* Final Krajee FileInput action authority across every generated layout. */
    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-input, .fileinput) :is(.fileinput-remove, .fileinput-cancel, .fileinput-upload, .btn-file):not(.hide) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        min-height: 36px !important;
        padding: 7px 12px !important;
        border-radius: var(--afkar-radius-control) !important;
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        text-shadow: none !important;
    }

    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-input, .fileinput) :is(.fileinput-remove, .fileinput-cancel):not(.hide),
    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-preview, .file-preview-frame) :is(.kv-file-remove, .fileinput-remove) {
        border: 1px solid #b91c1c !important;
        background: #dc2626 !important;
        background-color: #dc2626 !important;
        background-image: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: 0 3px 9px rgba(220, 38, 38, .2) !important;
    }

    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-input, .fileinput) :is(.fileinput-remove, .fileinput-cancel):not(.hide):is(:hover, :focus-visible, :active),
    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-preview, .file-preview-frame) :is(.kv-file-remove, .fileinput-remove):is(:hover, :focus-visible, :active) {
        border-color: #991b1b !important;
        background: #b91c1c !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: 0 0 0 3px rgba(220, 38, 38, .18) !important;
    }

    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-input, .fileinput) :is(.fileinput-upload, .btn-file):not(.hide),
    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-preview, .file-preview-frame) .kv-file-upload {
        border: 1px solid #0c306a !important;
        background: #0c306a !important;
        background-color: #0c306a !important;
        background-image: none !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: 0 3px 9px rgba(12, 48, 106, .2) !important;
    }

    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-input, .fileinput) :is(.fileinput-upload, .btn-file):not(.hide):is(:hover, :focus-visible, :active),
    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-preview, .file-preview-frame) .kv-file-upload:is(:hover, :focus-visible, :active) {
        border-color: #13407f !important;
        background: #1e5ab5 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        box-shadow: 0 0 0 3px rgba(45, 125, 210, .18) !important;
    }

    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-input, .fileinput, .file-preview, .file-preview-frame) :is(.fileinput-remove, .fileinput-cancel, .fileinput-upload, .btn-file, .kv-file-remove, .kv-file-upload) :is(i, span, svg) {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        fill: currentColor !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-preview, .file-preview-frame) .kv-file-zoom {
        border: 1px solid #4a7bd6 !important;
        background: #e7f0ff !important;
        color: #0c306a !important;
        -webkit-text-fill-color: #0c306a !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-preview, .file-preview-frame) .kv-file-zoom {
        border-color: #4a7bd6 !important;
        background: #223654 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    /* Preserve plugin state: cancel exists only while an upload is active. */
    html body.eh-app-layout:not(#afkar-fileinput-authority):not(#afkar-fileinput-legacy) :is(.file-input, .fileinput) :is(.fileinput-cancel.hide, .fileinput-upload.hide, .fileinput-remove.hide, .btn-file.hide) {
        display: none !important;
        visibility: hidden !important;
    }

    /* Final modal/form authority for standard and AJAX-loaded system dialogs. */
    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-dialog {
        width: min(94vw, 720px) !important;
        max-width: 94vw !important;
        margin: 28px auto !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-dialog.modal-lg {
        width: min(94vw, 1100px) !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-dialog.modal-sm {
        width: min(92vw, 440px) !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-content {
        overflow: visible !important;
        border: 1px solid #7fa6e6 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        color: #343a40 !important;
        box-shadow: 0 18px 42px rgba(12, 48, 106, .2) !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-header {
        min-height: 58px !important;
        padding: 15px 20px !important;
        border: 0 !important;
        border-block-start: 4px solid #2d7dd2 !important;
        border-block-end: 1px solid #bfdbfe !important;
        border-start-start-radius: 11px !important;
        border-start-end-radius: 11px !important;
        background: #eef4ff !important;
        color: #0c306a !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-header :is(.modal-title, h1, h2, h3, h4, h5) {
        margin: 0 !important;
        color: #0c306a !important;
        -webkit-text-fill-color: #0c306a !important;
        font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-header .close {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        margin: -3px 0 !important;
        padding: 0 !important;
        border: 1px solid #7fa6e6 !important;
        border-radius: 7px !important;
        background: #ffffff !important;
        color: #0c306a !important;
        -webkit-text-fill-color: #0c306a !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body {
        max-height: calc(100vh - 190px) !important;
        padding: 20px !important;
        overflow-x: visible !important;
        overflow-y: auto !important;
        border: 0 !important;
        background: #ffffff !important;
        color: #343a40 !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body :is(.form-group, .input-group, .control-group) {
        margin-block-end: 16px !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body :is(label, .control-label) {
        margin-block-end: 7px !important;
        color: #243247 !important;
        -webkit-text-fill-color: #243247 !important;
        font-weight: 700 !important;
        line-height: 1.45 !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body :is(.form-control, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .select2-selection) {
        min-height: 40px !important;
        border: 1px solid #d1d5db !important;
        border-radius: 7px !important;
        background: #ffffff !important;
        color: #343a40 !important;
        box-shadow: none !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body :is(.form-control, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):focus,
    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body .select2-container--focus .select2-selection {
        border-color: #2d7dd2 !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(45, 125, 210, .16) !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body :is(.box, .card, .panel, .well, fieldset) {
        border: 1px solid #dbeafe !important;
        border-radius: 10px !important;
        background: #f8fbff !important;
        box-shadow: none !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-footer {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: wrap !important;
        gap: 9px !important;
        min-height: 62px !important;
        padding: 12px 20px !important;
        border: 0 !important;
        border-block-start: 1px solid #dbeafe !important;
        border-end-start-radius: 11px !important;
        border-end-end-radius: 11px !important;
        background: #f8f9fa !important;
    }

    html[dir="rtl"] body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-footer {
        justify-content: flex-start !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-footer .btn {
        min-height: 38px !important;
        margin: 0 !important;
        padding: 8px 14px !important;
        border-radius: 7px !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-content {
        border-color: #4a7bd6 !important;
        background: #182234 !important;
        color: #eef2f7 !important;
        box-shadow: 0 20px 46px rgba(2, 6, 23, .48) !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) :is(.modal-header, .modal-footer) {
        border-color: #374f70 !important;
        background: #223654 !important;
        color: #ffffff !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-header :is(.modal-title, h1, h2, h3, h4, h5) {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-header .close {
        border-color: #4a7bd6 !important;
        background: #182234 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body {
        background: #182234 !important;
        color: #eef2f7 !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body :is(label, .control-label) {
        color: #eef2f7 !important;
        -webkit-text-fill-color: #eef2f7 !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body :is(.form-control, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .select2-selection) {
        border-color: #4b5f7a !important;
        background: #111827 !important;
        color: #eef2f7 !important;
    }

    html:is(.dark-mode, [data-theme="dark"]) body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body :is(.box, .card, .panel, .well, fieldset) {
        border-color: #374f70 !important;
        background: #1d2b40 !important;
        color: #eef2f7 !important;
    }

    html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal-backdrop.in {
        background: #071a38 !important;
        opacity: .58 !important;
    }

    @media (max-width: 767px) {
        html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-dialog {
            width: calc(100vw - 20px) !important;
            max-width: calc(100vw - 20px) !important;
            margin: 10px auto !important;
        }

        html body.eh-app-layout:not(#afkar-modal-authority):not(#afkar-modal-legacy) .modal:not(#systemConfirmModal) .modal-body {
            max-height: calc(100vh - 150px) !important;
            padding: 15px !important;
        }
    }
}

/* Final cascade authority: keep all legacy warm semantic components blue. */
:root,
html[data-theme="light"],
html[data-theme="dark"],
html.dark-mode {
    --orange: #2d7dd2 !important;
    --brown: #2d7dd2 !important;
    --bronze: #2d7dd2 !important;
    --copper: #2d7dd2 !important;
    --golden: #2d7dd2 !important;
}

html body :is(
    .bg-orange, .bg-brown, .bg-bronze, .bg-copper,
    .btn-orange, .btn-brown, .btn-bronze, .btn-copper,
    .badge-orange, .badge-brown, .badge-bronze, .badge-copper,
    .label-orange, .label-brown, .label-bronze, .label-copper,
    [class*="bg-orange-"], [class*="bg-brown-"], [class*="bg-bronze-"], [class*="bg-copper-"],
    [class*="border-orange-"], [class*="border-brown-"], [class*="border-bronze-"], [class*="border-copper-"]
) {
    border-color: #4a7bd6 !important;
    background: #e7f0ff !important;
    background-image: none !important;
    color: #0c306a !important;
    -webkit-text-fill-color: #0c306a !important;
}

html body :is(.btn-orange, .btn-brown, .btn-bronze, .btn-copper, .badge-orange, .badge-brown, .badge-bronze, .badge-copper) {
    border-color: #1e5ab5 !important;
    background: linear-gradient(135deg, #0c306a, #2d7dd2) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body :is(.text-orange, .text-brown, .text-bronze, .text-copper, [class*="text-orange-"], [class*="text-brown-"], [class*="text-bronze-"], [class*="text-copper-"]) {
    color: #2d7dd2 !important;
    -webkit-text-fill-color: #2d7dd2 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body :is(
    .bg-orange, .bg-brown, .bg-bronze, .bg-copper,
    .badge-orange, .badge-brown, .badge-bronze, .badge-copper,
    [class*="bg-orange-"], [class*="bg-brown-"], [class*="bg-bronze-"], [class*="bg-copper-"]
) {
    border-color: #4a7bd6 !important;
    background: #183a63 !important;
    color: #dbeafe !important;
    -webkit-text-fill-color: #dbeafe !important;
}




/* =========================================================
   NAVBAR COMPACT SIZE ONLY
   لا يغيّر التصميم أو الترتيب أو الـResponsive Behavior
   ========================================================= */

html body.eh-public-layout .eh-public-navbar {
    font-size: 13px !important;
}

/* روابط الناف بار */
html body.eh-public-layout .eh-public-navbar__menu a,
html body.eh-public-layout .eh-public-navbar__more-toggle {
    font-size: 13px !important;
    padding: 7px 8px !important;
    gap: 5px !important;
    line-height: 1.2 !important;
}

/* أيقونات روابط الناف بار */
html body.eh-public-layout .eh-public-navbar__menu .eh-nav-link-icon {
    width: 15px !important;
    flex: 0 0 15px !important;
    font-size: 14px !important;
}

/* نص اسم الموقع */
html body.eh-public-layout .eh-public-navbar__brand-copy strong {
    font-size: 1.05rem !important;
}

html body.eh-public-layout .eh-public-navbar__brand-copy span {
    font-size: .70rem !important;
}

/* تقليل المسافة بين عناصر القائمة فقط */
html body.eh-public-layout .eh-public-navbar__menu {
    gap: 2px !important;
}

/* الأزرار */
html body.eh-public-layout .eh-public-navbar__actions > * {
    font-size: 13px !important;
}

html body.eh-public-layout .eh-public-navbar__actions button,
html body.eh-public-layout .eh-public-navbar__actions a {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

/* أيقونات الأزرار */
html body.eh-public-layout .eh-public-navbar__actions i,
html body.eh-public-layout .eh-public-navbar__actions svg {
    font-size: 13px !important;
    width: 14px !important;
    height: 14px !important;
}

/* زر السوق/العملة */
html body.eh-public-layout .eh-nav-market-trigger {
    min-height: 36px !important;
    height: 36px !important;
    padding: 5px 8px !important;
    font-size: .76rem !important;
    gap: 5px !important;
}

/* علم الدولة */
html body.eh-public-layout .eh-nav-market-trigger__flag {
    width: 27px !important;
    height: 19px !important;
}

/* زر الـBurger - تصغيره فقط بدون تغيير سلوكه */
html body.eh-public-layout .eh-public-navbar__burger {
    width: 42px !important;
    height: 42px !important;
    font-size: 18px !important;
}

/* تقليل المسافات العامة داخل الناف بار */
html body.eh-public-layout .eh-public-navbar__brand {
    gap: 8px !important;
}

html body.eh-public-layout .eh-public-navbar__brand-cluster {
    gap: 10px !important;
}

html body.eh-public-layout .eh-public-navbar__actions {
    gap: 6px !important;
}