/*
 * Afkar Systems enterprise identity — canonical final visual layer.
 * Loaded after legacy theme rules so the ERP keeps its markup and behavior
 * while presenting one coherent brand in light, dark, RTL and LTR modes.
 */

:root {
    --afkar-primary: #0c306a !important;
    --afkar-secondary: #2d7dd2 !important;
    --afkar-accent: #4a7bd6 !important;
    --afkar-background: #f8f9fa !important;
    --afkar-text: #343a40 !important;
    --afkar-blue-900: #0c306a !important;
    --afkar-blue-800: #13407f !important;
    --afkar-blue-700: #1e5ab5 !important;
    --afkar-blue-500: #4a7bd6 !important;
    --afkar-blue-300: #7fa6e6 !important;
    --afkar-neutral-900: #111827 !important;
    --afkar-neutral-700: #374151 !important;
    --afkar-neutral-500: #687280 !important;
    --afkar-neutral-300: #d1d5db !important;
    --afkar-neutral-100: #f3f4f6 !important;
    --afkar-success: #10b981 !important;
    --afkar-error: #ef4444 !important;
    --afkar-warning: #4a7bd6 !important;
    --afkar-info: #3b82f6 !important;
    --afkar-gradient-primary: linear-gradient(135deg, #0c306a, #1e5ab5);
    --afkar-gradient-secondary: linear-gradient(135deg, #13407f, #7fa6e6);
    --afkar-font: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif !important;
    --afkar-radius-input: 1px;
    --afkar-radius: 2px;
    --afkar-border: 1px solid #d1d5db;
    --afkar-shadow: 0 4px 16px rgba(12, 48, 106, 0.06);
    --afkar-transition: 180ms ease;
    --afkar-cut: 12px;
    --afkar-geometry-line: #4a7bd6;
    --afkar-geometry-grid: rgba(45, 125, 210, 0.045);

    --erp-primary: #0c306a !important;
    --erp-primary-hover: #13407f !important;
    --erp-secondary: #2d7dd2 !important;
    --erp-accent: #4a7bd6 !important;
    --erp-highlight: #7fa6e6 !important;
    --erp-font-family: var(--afkar-font) !important;
    --erp-bg-main: #f8f9fa !important;
    --erp-body-bg: #f8f9fa !important;
    --erp-content-bg: #f8f9fa !important;
    --erp-bg-body: #f8f9fa !important;
    --erp-bg-surface: #ffffff !important;
    --erp-surface-bg: #ffffff !important;
    --erp-card-bg: #ffffff !important;
    --erp-text-main: #343a40 !important;
    --erp-text-primary: #343a40 !important;
    --erp-text-secondary: #374151 !important;
    --erp-text-muted: #687280 !important;
    --erp-border: #d1d5db !important;
    --erp-border-strong: #b8c0cc !important;
    --erp-input-border: #d1d5db !important;
    --erp-input-focus: #2d7dd2 !important;
    --erp-focus-ring: rgba(45, 125, 210, 0.16) !important;
    --erp-sidebar-bg: #0c306a !important;
    --erp-sidebar-text: #dbe8f8 !important;
    --erp-sidebar-icon: #b9d0ee !important;
    --erp-sidebar-hover-bg: rgba(255, 255, 255, 0.08) !important;
    --erp-sidebar-hover-text: #ffffff !important;
    --erp-sidebar-active-bg: rgba(255, 255, 255, 0.12) !important;
    --erp-sidebar-active-text: #ffffff !important;
    --erp-sidebar-submenu-bg: #13407f !important;
    --erp-sidebar-submenu-text: #dbe8f8 !important;
    --erp-topbar-bg: #ffffff !important;
    --erp-header-bg: #ffffff !important;
    --erp-header-text: #343a40 !important;
    --erp-header-icon: #0c306a !important;
    --erp-header-border: #d1d5db !important;
    --erp-table-head-bg: #f8f9fa !important;
    --erp-table-header-bg: #f8f9fa !important;
    --erp-table-head-text: #0c306a !important;
    --erp-table-header-text: #0c306a !important;
    --erp-table-border: #d1d5db !important;
    --erp-table-hover-bg: #f3f6fb !important;
    --erp-table-pagination-active-bg: #0c306a !important;
    --erp-table-pagination-active-text: #ffffff !important;
    --erp-btn-primary-bg: #0c306a !important;
    --erp-btn-primary-text: #ffffff !important;
    --erp-btn-primary-hover-bg: #13407f !important;
    --erp-btn-save-bg: #0c306a !important;
    --erp-btn-save-text: #ffffff !important;
    --erp-btn-save-hover-bg: #13407f !important;
    --erp-btn-radius: 2px !important;
    --erp-checkbox-accent: #2d7dd2 !important;
    --erp-dropdown-selected-bg: #e7eef9 !important;
    --erp-dropdown-selected-text: #0c306a !important;
    --eh-primary-gold: #0c306a !important;
    --eh-primary-gold-hover: #13407f !important;
    --company-accent: #4a7bd6 !important;
    --company-secondary: #2d7dd2 !important;
    --figma-gold: #2d7dd2 !important;
    --gold: #2d7dd2 !important;
}

html,
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.select2-container,
.dropdown-menu,
.modal,
.dataTables_wrapper,
table,
.navbar,
.pagination,
.breadcrumb,
.tooltip,
.popover {
    font-family: var(--afkar-font) !important;
}

html body :is(h1, h2, h3, h4, h5, h6, label, a, span, p, small, strong, th, td),
html body :is(.btn, .form-control, .select2-container, .dropdown-menu, .modal, .dataTables_wrapper) {
    font-family: var(--afkar-font) !important;
}

html body.eh-app-layout,
html body.eh-public-layout,
body,
.content-wrapper,
#scrollable-container,
main {
    background-color: var(--afkar-background);
    color: var(--afkar-text);
}

a {
    color: var(--afkar-secondary);
    transition: color var(--afkar-transition), background-color var(--afkar-transition), border-color var(--afkar-transition);
}

a:hover,
a:focus {
    color: var(--afkar-blue-700);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--afkar-secondary);
    outline-offset: 2px;
}

/* Technical shell */
.eh-app-header,
.eh-header-shell {
    background: #ffffff !important;
    border-block-end: 1px solid var(--afkar-neutral-300) !important;
    box-shadow: 0 2px 10px rgba(12, 48, 106, 0.05) !important;
}

html body.eh-app-layout :is(.eh-app-header, .eh-header-shell) {
    background: #ffffff !important;
}

.eh-app-header::after {
    position: absolute;
    inset-inline-start: 0;
    bottom: -1px;
    width: 88px;
    height: 2px;
    content: "";
    background: var(--afkar-accent);
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
}

.eh-app-header :is(button, .btn, [role="button"]),
.eh-header-shell :is(button, .btn, [role="button"]) {
    border-radius: var(--afkar-radius) !important;
}

aside.erp-modern-sidebar,
aside.erp-sidebar-shell,
aside.main-sidebar.eh-sidebar {
    background: var(--afkar-gradient-primary) !important;
    border: 0 !important;
    box-shadow: 8px 0 24px rgba(12, 48, 106, 0.14) !important;
}

html body.eh-app-layout aside.main-sidebar.eh-sidebar.erp-sidebar-shell,
html body.eh-app-layout aside.erp-modern-sidebar {
    background: var(--afkar-gradient-primary) !important;
}

html[dir="rtl"] aside.erp-modern-sidebar,
html[dir="rtl"] aside.erp-sidebar-shell {
    box-shadow: -8px 0 24px rgba(12, 48, 106, 0.14) !important;
}

aside.erp-modern-sidebar::before,
aside.erp-sidebar-shell::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    content: "";
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 24px 24px;
}

.erp-modern-sidebar :is(.eh-sidebar-group-header, .eh-sidebar-link, .sidebar-footer-link) {
    position: relative;
    border-radius: 0 !important;
    transition: background-color var(--afkar-transition), color var(--afkar-transition), transform var(--afkar-transition) !important;
}

.erp-modern-sidebar :is(.eh-sidebar-group-header, .eh-sidebar-link):hover {
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
}

.erp-modern-sidebar .eh-sidebar-item.active > .eh-sidebar-link {
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 var(--afkar-accent) !important;
}

html[dir="rtl"] .erp-modern-sidebar .eh-sidebar-item.active > .eh-sidebar-link {
    box-shadow: inset -3px 0 0 var(--afkar-accent) !important;
}

/* Surfaces and sections */
:is(.box, .card, .panel, .well, .info-box, .small-box, .dashboard-card, .stat-card, .report-card, .settings-card, .operations-card) {
    background: #ffffff !important;
    border: var(--afkar-border) !important;
    border-radius: var(--afkar-radius) !important;
    box-shadow: var(--afkar-shadow);
}

:is(.box, .card, .panel, .dashboard-card, .stat-card)::before {
    border-radius: 0 !important;
}

:is(.box-header, .card-header, .panel-heading) {
    position: relative;
    border-block-end-color: var(--afkar-neutral-300) !important;
}

:is(.box-title, .card-title, .panel-title, .content-header h1, .page-title) {
    color: var(--afkar-blue-900) !important;
    font-weight: 600 !important;
}

:is(.box-title, .card-title, .panel-title)::before {
    display: inline-block;
    width: 3px;
    height: .9em;
    margin-inline-end: 8px;
    vertical-align: -.05em;
    content: "";
    background: var(--afkar-secondary);
    clip-path: polygon(0 0, 100% 0, 100% 78%, 45% 100%, 0 100%);
}

/* Controls */
.btn,
button,
[type="button"],
[type="submit"],
[type="reset"] {
    border-radius: var(--afkar-radius) !important;
    transition: background-color var(--afkar-transition), border-color var(--afkar-transition), color var(--afkar-transition), transform var(--afkar-transition), box-shadow var(--afkar-transition) !important;
}

.btn:hover:not(:disabled),
button:hover:not(:disabled) {
    transform: translateY(-1px);
}

.btn-primary,
.bg-primary,
button.btn-primary {
    background: var(--afkar-primary) !important;
    border-color: var(--afkar-primary) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: var(--afkar-blue-800) !important;
    border-color: var(--afkar-blue-800) !important;
    color: #ffffff !important;
}

.btn-default,
.btn-secondary {
    background: transparent !important;
    border-color: var(--afkar-secondary) !important;
    color: var(--afkar-primary) !important;
}

.btn-default:hover,
.btn-secondary:hover {
    background: #edf4fc !important;
    border-color: var(--afkar-blue-700) !important;
    color: var(--afkar-blue-800) !important;
}

.btn-accent,
.afkar-cta {
    background: var(--afkar-accent) !important;
    border-color: var(--afkar-accent) !important;
    color: var(--afkar-neutral-900) !important;
}

:is(.form-control, input, select, textarea, .select2-selection) {
    border-radius: var(--afkar-radius-input) !important;
}

:is(.form-control, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    background-color: #ffffff;
    border-color: var(--afkar-neutral-300);
    color: var(--afkar-text);
}

:is(.form-control, input, select, textarea):focus {
    border-color: var(--afkar-secondary) !important;
    box-shadow: 0 0 0 2px rgba(45,125,210,.12) !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--afkar-secondary);
}

.has-error :is(.form-control, .select2-selection) {
    border-color: var(--afkar-error) !important;
}

.has-success :is(.form-control, .select2-selection) {
    border-color: var(--afkar-success) !important;
}

/* Data-dense components */
.table,
.dataTable {
    background: #ffffff !important;
    color: var(--afkar-text) !important;
    border-color: var(--afkar-neutral-300) !important;
}

.table > thead > tr > :is(th, td),
.dataTable > thead > tr > :is(th, td) {
    background: var(--afkar-background) !important;
    color: var(--afkar-primary) !important;
    border-color: var(--afkar-neutral-300) !important;
    font-weight: 600 !important;
}

.table > tbody > tr > td,
.dataTable > tbody > tr > td {
    border-color: var(--afkar-neutral-300) !important;
}

.table-hover > tbody > tr:hover > td,
.dataTable > tbody > tr:hover > td {
    background: #f3f6fb !important;
}

.pagination > li > a,
.pagination > li > span,
.dataTables_wrapper .paginate_button {
    border-radius: 0 !important;
    border-color: var(--afkar-neutral-300) !important;
    color: var(--afkar-primary) !important;
}

.pagination > .active > :is(a, span),
.pagination > .active > :is(a, span):hover,
.dataTables_wrapper .paginate_button.current {
    background: var(--afkar-primary) !important;
    border-color: var(--afkar-primary) !important;
    color: #ffffff !important;
}

.dropdown-menu,
.select2-dropdown,
.modal-content,
.popover,
.daterangepicker,
.datepicker {
    background: #ffffff;
    border: var(--afkar-border) !important;
    border-radius: var(--afkar-radius) !important;
    box-shadow: 0 12px 28px rgba(12,48,106,.12) !important;
}

.dropdown-menu > li > a:hover,
.select2-results__option--highlighted[aria-selected] {
    background: #edf4fc !important;
    color: var(--afkar-primary) !important;
}

.modal-header,
.modal-footer {
    border-color: var(--afkar-neutral-300) !important;
}

.modal-header {
    border-block-start: 3px solid var(--afkar-primary) !important;
}

.nav-tabs > li > a,
.access-management-tab,
.module-tab {
    border-radius: 0 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--afkar-primary) !important;
    border-block-start: 2px solid var(--afkar-secondary) !important;
}

.alert,
.badge,
.label {
    border-radius: var(--afkar-radius) !important;
}

.alert-success { border-inline-start: 3px solid var(--afkar-success) !important; }
.alert-danger { border-inline-start: 3px solid var(--afkar-error) !important; }
.alert-warning { border-inline-start: 3px solid var(--afkar-warning) !important; }
.alert-info { border-inline-start: 3px solid var(--afkar-info) !important; }

/* Authentication surfaces: solid, technical and non-glass. */
body.eh-public-layout {
    --auth-bg: #f8f9fa !important;
    --auth-bg-soft: #f3f4f6 !important;
    --auth-card: #ffffff !important;
    --auth-card-solid: #ffffff !important;
    --auth-text: #343a40 !important;
    --auth-heading: #0c306a !important;
    --auth-muted: #687280 !important;
    --auth-border: #d1d5db !important;
    --auth-border-strong: #7fa6e6 !important;
    --auth-gold: #2d7dd2 !important;
    --auth-gold-2: #4a7bd6 !important;
    --auth-navy: #0c306a !important;
    background: #f8f9fa !important;
}

body.eh-public-layout::before {
    background:
        linear-gradient(90deg, rgba(12,48,106,.035) 1px, transparent 1px),
        linear-gradient(rgba(12,48,106,.035) 1px, transparent 1px),
        linear-gradient(135deg, transparent 72%, rgba(45,125,210,.08) 72%) !important;
    background-size: 28px 28px, 28px 28px, 100% 100% !important;
    animation: none !important;
}

body.eh-public-layout :is(.login-box-body, .register-box-body, .auth-card, .login-card, .card) {
    background: #ffffff !important;
    border: var(--afkar-border) !important;
    border-block-start: 3px solid var(--afkar-primary) !important;
    border-radius: var(--afkar-radius) !important;
    box-shadow: var(--afkar-shadow) !important;
}

/* Intentional Afkar dark theme. */
html:is(.dark-mode, [data-theme="dark"]) {
    --erp-primary: #2d7dd2 !important;
    --erp-primary-hover: #4a7bd6 !important;
    --erp-secondary: #7fa6e6 !important;
    --erp-bg-main: #111827 !important;
    --erp-body-bg: #111827 !important;
    --erp-content-bg: #111827 !important;
    --erp-bg-body: #111827 !important;
    --erp-bg-surface: #182234 !important;
    --erp-surface-bg: #182234 !important;
    --erp-card-bg: #182234 !important;
    --erp-text-main: #eef2f7 !important;
    --erp-text-primary: #eef2f7 !important;
    --erp-text-secondary: #d1d5db !important;
    --erp-text-muted: #9aa5b4 !important;
    --erp-border: #374151 !important;
    --erp-border-strong: #4b586c !important;
    --erp-input-bg: #202c3f !important;
    --erp-input-text: #eef2f7 !important;
    --erp-input-border: #4b586c !important;
    --erp-header-bg: #182234 !important;
    --erp-topbar-bg: #182234 !important;
    --erp-header-text: #eef2f7 !important;
    --erp-header-icon: #d1d5db !important;
    --erp-header-border: #374151 !important;
    --erp-table-head-bg: #202c3f !important;
    --erp-table-header-bg: #202c3f !important;
    --erp-table-head-text: #eef2f7 !important;
    --erp-table-header-text: #eef2f7 !important;
    --erp-table-border: #374151 !important;
    --erp-table-hover-bg: #263449 !important;
}

html:is(.dark-mode, [data-theme="dark"]) :is(body, main, #scrollable-container, .content-wrapper, section.content) {
    background: #111827 !important;
    color: #eef2f7 !important;
}

html:is(.dark-mode, [data-theme="dark"]) :is(.eh-app-header, .eh-header-shell) {
    background: #182234 !important;
    border-color: #374151 !important;
}

html:is(.dark-mode, [data-theme="dark"]) :is(.box, .card, .panel, .well, .info-box, .small-box, .dashboard-card, .stat-card, .report-card, .settings-card, .operations-card) {
    background: #182234 !important;
    border-color: #374151 !important;
    color: #eef2f7 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
}

html:is(.dark-mode, [data-theme="dark"]) :is(.box-title, .card-title, .panel-title, .content-header h1, .page-title) {
    color: #eef2f7 !important;
}

html:is(.dark-mode, [data-theme="dark"]) :is(.table, .dataTable),
html:is(.dark-mode, [data-theme="dark"]) :is(.table, .dataTable) > tbody > tr > td {
    background: #182234 !important;
    border-color: #374151 !important;
    color: #eef2f7 !important;
}

html:is(.dark-mode, [data-theme="dark"]) :is(.table, .dataTable) > thead > tr > :is(th, td) {
    background: #202c3f !important;
    border-color: #374151 !important;
    color: #eef2f7 !important;
}

html:is(.dark-mode, [data-theme="dark"]) :is(.dropdown-menu, .select2-dropdown, .modal-content, .popover, .daterangepicker, .datepicker) {
    background: #182234 !important;
    border-color: #374151 !important;
    color: #eef2f7 !important;
}

html:is(.dark-mode, [data-theme="dark"]) .btn-default,
html:is(.dark-mode, [data-theme="dark"]) .btn-secondary {
    background: transparent !important;
    border-color: #7fa6e6 !important;
    color: #dbe8f8 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout {
    --auth-bg: #111827 !important;
    --auth-bg-soft: #182234 !important;
    --auth-card: #182234 !important;
    --auth-card-solid: #182234 !important;
    --auth-text: #eef2f7 !important;
    --auth-heading: #eef2f7 !important;
    --auth-muted: #d1d5db !important;
    --auth-border: #374151 !important;
    --auth-border-strong: #4a7bd6 !important;
    background: #111827 !important;
}

html:is(.dark-mode, [data-theme="dark"]) body.eh-public-layout :is(.login-box-body, .register-box-body, .auth-card, .login-card, .card) {
    background: #182234 !important;
    border-color: #374151 !important;
    color: #eef2f7 !important;
}

* {
    scrollbar-color: var(--afkar-blue-500) var(--afkar-neutral-100);
    scrollbar-width: thin;
}

html:is(.dark-mode, [data-theme="dark"]) * {
    scrollbar-color: var(--afkar-blue-500) #111827;
}

@media (max-width: 767px) {
    .eh-app-header,
    .eh-header-shell {
        min-width: 0 !important;
    }

    :is(.table-responsive, .dataTables_wrapper) {
        max-width: 100%;
        overflow-x: auto;
    }

    .modal-dialog {
        width: auto !important;
        margin: 12px !important;
    }
}

/* Afkar geometric brand layer: blue-only technical cuts and structural rhythm. */
html body.eh-app-layout .content-wrapper,
html body.eh-app-layout #scrollable-container {
    background-color: var(--erp-bg-main, #f8f9fa) !important;
    background-image:
        linear-gradient(var(--afkar-geometry-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--afkar-geometry-grid) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
}

:is(.erp-form-card, .erp-table-card, .purch-card-section, .eh-sales-list-widget, .afkar-product-bulk-actions) {
    position: relative;
    border-radius: 0 !important;
    border-color: var(--erp-border, #d1d5db) !important;
    box-shadow:
        inset 0 2px 0 var(--afkar-geometry-line),
        0 5px 18px rgba(12, 48, 106, .07) !important;
}

html[dir="ltr"] :is(.erp-form-card, .erp-table-card, .purch-card-section, .eh-sales-list-widget, .afkar-product-bulk-actions) {
    background-image: linear-gradient(225deg, transparent 0 var(--afkar-cut), var(--erp-bg-surface, #fff) calc(var(--afkar-cut) + 1px)) !important;
}

html[dir="rtl"] :is(.erp-form-card, .erp-table-card, .purch-card-section, .eh-sales-list-widget, .afkar-product-bulk-actions) {
    background-image: linear-gradient(135deg, transparent 0 var(--afkar-cut), var(--erp-bg-surface, #fff) calc(var(--afkar-cut) + 1px)) !important;
}

:is(.erp-form-card, .purch-card-section) :is(.box-header, .purch-card-head),
.erp-table-card > :first-child {
    border-radius: 0 !important;
}

:is(.si-stat-card, .eh-stat-card, .stat-card, .info-box) {
    --afkar-card-cut: 11px;
    position: relative;
    overflow: hidden;
    border-radius: 0 !important;
    clip-path: polygon(
        0 0,
        calc(100% - var(--afkar-card-cut)) 0,
        100% var(--afkar-card-cut),
        100% 100%,
        var(--afkar-card-cut) 100%,
        0 calc(100% - var(--afkar-card-cut))
    );
    box-shadow: inset 0 2px 0 var(--afkar-geometry-line) !important;
}

:is(.si-stat-card, .eh-stat-card, .stat-card, .info-box)::after {
    position: absolute;
    inset-inline-end: 8px;
    inset-block-start: 8px;
    width: 18px;
    height: 5px;
    pointer-events: none;
    content: "";
    border-block-start: 1px solid var(--afkar-blue-300, #7fa6e6);
    border-block-end: 1px solid var(--afkar-blue-500, #4a7bd6);
    transform: skewX(-38deg);
}

.eh-compact-page-header--banner {
    overflow: hidden;
    border: 1px solid rgba(127, 166, 230, .58) !important;
    border-radius: 0 !important;
    background: var(--afkar-gradient-primary) !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
    box-shadow: 0 7px 22px rgba(12, 48, 106, .14) !important;
}

.eh-compact-page-header__gold-ribbon,
.eh-compact-page-header__teal-ribbon {
    background: var(--afkar-blue-500, #4a7bd6) !important;
}

.eh-compact-page-header__white-curve,
.eh-compact-page-header__soft-wave {
    border-radius: 0 !important;
    opacity: .12 !important;
    transform: skewX(-24deg) !important;
}

:is(.box-title, .card-title, .panel-title)::before {
    width: 6px;
    height: 1em;
    background: var(--afkar-blue-500, #4a7bd6);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 45% 100%, 0 100%);
}

:is(.btn-primary, .modern-btn-add, .tw-dw-btn-primary) {
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
}

:is(.btn-default, .btn-secondary, .si-btn-center) {
    border-inline-start-width: 2px !important;
    border-inline-start-color: var(--afkar-blue-500, #4a7bd6) !important;
}

html:is(.dark-mode, [data-theme="dark"]) {
    --afkar-geometry-line: #7fa6e6;
    --afkar-geometry-grid: rgba(127, 166, 230, .055);
}

html:is(.dark-mode, [data-theme="dark"]) :is(.erp-form-card, .erp-table-card, .purch-card-section, .eh-sales-list-widget, .afkar-product-bulk-actions) {
    border-color: #374151 !important;
    box-shadow:
        inset 0 2px 0 var(--afkar-geometry-line),
        0 6px 20px rgba(0, 0, 0, .22) !important;
}

html:is(.dark-mode, [data-theme="dark"])[dir="ltr"] :is(.erp-form-card, .erp-table-card, .purch-card-section, .eh-sales-list-widget, .afkar-product-bulk-actions) {
    background-image: linear-gradient(225deg, transparent 0 var(--afkar-cut), #182234 calc(var(--afkar-cut) + 1px)) !important;
}

html:is(.dark-mode, [data-theme="dark"])[dir="rtl"] :is(.erp-form-card, .erp-table-card, .purch-card-section, .eh-sales-list-widget, .afkar-product-bulk-actions) {
    background-image: linear-gradient(135deg, transparent 0 var(--afkar-cut), #182234 calc(var(--afkar-cut) + 1px)) !important;
}

@media (max-width: 767px) {
    :is(.si-stat-card, .eh-stat-card, .stat-card, .info-box) {
        --afkar-card-cut: 8px;
    }

    .eh-compact-page-header--banner {
        clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(.si-stat-card, .eh-stat-card, .stat-card, .info-box)::after {
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Sales lists: shared Afkar enterprise presentation. Behavior stays in existing Blade/JS. */
.afkar-sales-list-page {
    --afkar-sales-surface: #fff;
    --afkar-sales-surface-muted: var(--afkar-neutral-100, #f3f4f6);
    --afkar-sales-border: var(--afkar-neutral-300, #d1d5db);
    --afkar-sales-heading: var(--afkar-blue-900, #0c306a);
    --afkar-sales-muted: var(--afkar-neutral-500, #687280);
}

.afkar-sales-list-page :is(.box, .si-stat-card, .eh-inline-sales-filter__card) {
    border: 1px solid var(--afkar-sales-border) !important;
    border-radius: 2px !important;
    background: var(--afkar-sales-surface) !important;
    box-shadow: 0 4px 16px rgba(12, 48, 106, .06) !important;
}

.afkar-sales-list-page .box-header {
    min-height: 48px;
    padding: 13px 16px !important;
    border-block-end: 1px solid var(--afkar-sales-border);
    background: var(--afkar-sales-surface-muted) !important;
}

.afkar-sales-list-page .box-title {
    color: var(--afkar-sales-heading) !important;
    font-weight: 700 !important;
}

.afkar-sales-list-page :is(.modern-filter-wrapper, .eh-inline-sales-filter) {
    margin-block-end: 16px;
}

.afkar-sales-list-page :is(.eh-inline-sales-filter__toggle, .eh-inline-sales-filter__close, .modern-btn-add, .si-btn-add, .si-btn-center) {
    border-radius: 2px !important;
    box-shadow: none !important;
    transform: none !important;
}

.afkar-sales-list-page :is(.eh-inline-sales-filter__toggle, .modern-btn-add, .si-btn-add) {
    border: 1px solid var(--afkar-blue-900, #0c306a) !important;
    background: var(--afkar-blue-900, #0c306a) !important;
    color: #fff !important;
}

.afkar-sales-list-page :is(.eh-inline-sales-filter__toggle, .modern-btn-add, .si-btn-add):is(:hover, :focus) {
    border-color: var(--afkar-blue-700, #1e5ab5) !important;
    background: var(--afkar-blue-700, #1e5ab5) !important;
    color: #fff !important;
}

.afkar-sales-list-page :is(.form-control, .select2-selection) {
    border-radius: 1px !important;
}

.afkar-sales-list-page :is(.form-control, .select2-selection):focus,
.afkar-sales-list-page .select2-container--focus .select2-selection {
    border-color: var(--afkar-secondary, #2d7dd2) !important;
    box-shadow: 0 0 0 2px rgba(45, 125, 210, .16) !important;
}

.afkar-sales-list-page .si-stats-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.afkar-sales-list-page .si-stat-card {
    min-width: 0;
    padding: 14px;
}

.afkar-sales-list-page .si-stat-card:hover {
    transform: none;
    border-color: var(--afkar-blue-300, #7fa6e6) !important;
}

.afkar-sales-list-page .si-stat-icon {
    border-radius: 2px !important;
    background: var(--afkar-neutral-100, #f3f4f6) !important;
    color: var(--afkar-blue-900, #0c306a) !important;
}

.afkar-sales-list-page .si-stat-value {
    color: var(--afkar-sales-heading) !important;
}

.afkar-sales-list-page :is(.table-responsive, .dataTables_scrollBody) {
    border: 1px solid var(--afkar-sales-border);
}

.afkar-sales-list-page :is(#sell_table, #sell_table_1) thead > tr > th {
    padding: 11px 10px !important;
    border-color: var(--afkar-sales-border) !important;
    background: var(--afkar-sales-surface-muted) !important;
    color: var(--afkar-sales-heading) !important;
    font-weight: 700 !important;
}

.afkar-sales-list-page :is(#sell_table, #sell_table_1) tbody > tr:hover > td {
    background: rgba(45, 125, 210, .06) !important;
}

.afkar-sales-list-page :is(#sell_table, #sell_table_1) .label {
    border: 0 !important;
    border-radius: 2px !important;
    padding: 4px 7px !important;
    font-weight: 700;
}

.afkar-sales-list-page .dataTables_wrapper .pagination > li > a {
    border-radius: 1px !important;
}

html:is(.dark-mode, [data-theme="dark"]) .afkar-sales-list-page {
    --afkar-sales-surface: #182234;
    --afkar-sales-surface-muted: #202c3f;
    --afkar-sales-border: #374151;
    --afkar-sales-heading: #eef2f7;
    --afkar-sales-muted: #d1d5db;
}

html:is(.dark-mode, [data-theme="dark"]) .afkar-sales-list-page :is(.si-stat-label, .eh-inline-sales-filter__subtitle) {
    color: var(--afkar-sales-muted) !important;
}

html:is(.dark-mode, [data-theme="dark"]) .afkar-sales-list-page :is(.eh-inline-sales-filter__toggle, .modern-btn-add, .si-btn-add) {
    border-color: var(--afkar-blue-500, #4a7bd6) !important;
    background: var(--afkar-blue-800, #13407f) !important;
}

@media (max-width: 1199px) {
    .afkar-sales-list-page .si-stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .afkar-sales-list-page .si-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .afkar-sales-list-page :is(.box-header, .box-body) {
        padding-inline: 12px !important;
    }
}

@media (max-width: 424px) {
    .afkar-sales-list-page .si-stats-grid {
        grid-template-columns: 1fr;
    }
}

/* Direct sale create/edit and POS edit forms. Print receipts remain outside this scope. */
.afkar-sales-form-page {
    --afkar-form-surface: #fff;
    --afkar-form-soft: var(--afkar-neutral-100, #f3f4f6);
    --afkar-form-border: var(--afkar-neutral-300, #d1d5db);
    --afkar-form-heading: var(--afkar-blue-900, #0c306a);
    --afkar-form-text: var(--afkar-text, #343a40);
    --afkar-form-muted: var(--afkar-neutral-500, #687280);
    color: var(--afkar-form-text);
}

.afkar-sales-form-page :is(.box, .well, .sell-card-section, .tw-rounded-2xl) {
    border: 1px solid var(--afkar-form-border) !important;
    border-radius: 2px !important;
    background: var(--afkar-form-surface) !important;
    box-shadow: 0 4px 16px rgba(12, 48, 106, .06) !important;
}

.afkar-sales-form-page :is(.box-header, .sell-card-head) {
    padding: 12px 16px !important;
    border-block-end: 1px solid var(--afkar-form-border) !important;
    background: var(--afkar-form-soft) !important;
    color: var(--afkar-form-heading) !important;
}

.afkar-sales-form-page :is(.box-title, .sell-card-head, legend) {
    color: var(--afkar-form-heading) !important;
    font-weight: 700 !important;
}

.afkar-sales-form-page :is(.form-group > label, .sell-field-wrap > label) {
    color: var(--afkar-form-heading) !important;
    font-weight: 600;
}

.afkar-sales-form-page :is(.form-control, .select2-selection, .input-group-addon, .input-group-btn > .btn) {
    min-height: 38px;
    border-color: var(--afkar-form-border) !important;
    border-radius: 1px !important;
    background: var(--afkar-form-surface) !important;
    color: var(--afkar-form-text) !important;
    box-shadow: none !important;
}

.afkar-sales-form-page :is(.form-control, .select2-selection):focus,
.afkar-sales-form-page .select2-container--focus .select2-selection,
.afkar-sales-form-page .select2-container--open .select2-selection {
    border-color: var(--afkar-secondary, #2d7dd2) !important;
    box-shadow: 0 0 0 2px rgba(45, 125, 210, .16) !important;
    outline: 0;
}

.afkar-sales-form-page .input-group-addon {
    background: var(--afkar-form-soft) !important;
    color: var(--afkar-blue-700, #1e5ab5) !important;
}

.afkar-sales-form-page :is(.btn, .tw-dw-btn, .sell-section-nav a) {
    border-radius: 2px !important;
    box-shadow: none !important;
}

.afkar-sales-form-page :is(.btn-primary, .tw-dw-btn-primary, #submit-sell) {
    border-color: var(--afkar-blue-900, #0c306a) !important;
    background: var(--afkar-blue-900, #0c306a) !important;
    color: #fff !important;
}

.afkar-sales-form-page :is(.btn-primary, .tw-dw-btn-primary, #submit-sell):is(:hover, :focus) {
    border-color: var(--afkar-blue-700, #1e5ab5) !important;
    background: var(--afkar-blue-700, #1e5ab5) !important;
}

.afkar-sales-form-page .sell-section-nav {
    border: 1px solid var(--afkar-form-border) !important;
    border-radius: 2px !important;
    background: var(--afkar-form-surface) !important;
    box-shadow: 0 2px 8px rgba(12, 48, 106, .06) !important;
}

.afkar-sales-form-page .sell-section-nav a {
    color: var(--afkar-form-muted) !important;
}

.afkar-sales-form-page .sell-section-nav a:is(:hover, :focus) {
    background: var(--afkar-form-soft) !important;
    color: var(--afkar-blue-700, #1e5ab5) !important;
}

.afkar-sales-form-page .sell-section-nav a.active {
    background: var(--afkar-blue-900, #0c306a) !important;
    color: #fff !important;
    box-shadow: inset 0 -2px 0 var(--afkar-accent, #4a7bd6) !important;
}

.afkar-sales-form-page .sell-highlight-gold {
    border: 1px solid var(--afkar-blue-300, #7fa6e6) !important;
    border-inline-start: 3px solid var(--afkar-blue-500, #4a7bd6) !important;
    border-radius: 1px !important;
    background: rgba(45, 125, 210, .08) !important;
    color: var(--afkar-form-heading) !important;
    box-shadow: none !important;
}

.afkar-sales-form-page :is(#sell_table, #pos_table) thead > tr > th {
    border-color: var(--afkar-form-border) !important;
    background: var(--afkar-form-soft) !important;
    color: var(--afkar-form-heading) !important;
    font-weight: 700 !important;
}

.afkar-sales-form-page :is(.help-block, small, .text-muted) {
    color: var(--afkar-form-muted) !important;
}

html:is(.dark-mode, [data-theme="dark"]) .afkar-sales-form-page {
    --afkar-form-surface: #182234;
    --afkar-form-soft: #202c3f;
    --afkar-form-border: #374151;
    --afkar-form-heading: #eef2f7;
    --afkar-form-text: #eef2f7;
    --afkar-form-muted: #d1d5db;
}

html:is(.dark-mode, [data-theme="dark"]) .afkar-sales-form-page :is(.select2-selection__rendered, .select2-selection__placeholder) {
    color: var(--afkar-form-text) !important;
}

@media (max-width: 767px) {
    .afkar-sales-form-page {
        padding-inline: 10px !important;
    }

    .afkar-sales-form-page :is(.box-body, .sell-card-body) {
        padding-inline: 12px !important;
    }

    .afkar-sales-form-page .sell-section-nav {
        inset-block-start: 0;
    }
}

@media print {
    .afkar-sales-form-page {
        display: none !important;
    }
}

/* Purchases: transaction-specific surfaces layered over the shared form/list baseline. */
.afkar-purchase-form-page :is(.purch-card-section, .purch-stat-chip, .purch-inline-address) {
    border: 1px solid var(--afkar-form-border) !important;
    border-radius: 2px !important;
    background: var(--afkar-form-surface) !important;
    box-shadow: 0 4px 16px rgba(12, 48, 106, .06) !important;
}

.afkar-purchase-form-page .purch-card-head {
    border-block-end: 1px solid var(--afkar-form-border) !important;
    border-radius: 0 !important;
    background: var(--afkar-form-soft) !important;
    color: var(--afkar-form-heading) !important;
}

.afkar-purchase-form-page :is(.purch-field-wrap label, .purch-summary-line, .purch-stat-chip .lbl) {
    color: var(--afkar-form-heading) !important;
}

.afkar-purchase-form-page :is(.purch-highlight-gold, .purch-pay-item-due) {
    border: 1px solid var(--afkar-blue-300, #7fa6e6) !important;
    border-inline-start: 3px solid var(--afkar-accent, #4a7bd6) !important;
    border-radius: 1px !important;
    background: rgba(45, 125, 210, .08) !important;
    color: var(--afkar-form-heading) !important;
    box-shadow: none !important;
}

.afkar-purchase-form-page :is(.purch-highlight-amt, .purch-stat-chip .val) {
    color: var(--afkar-blue-900, #0c306a) !important;
}

.afkar-purchase-form-page :is(.purch-main-table, .purch-mini-table, #purchase_entry_table, #discount_table, #summary_after_discount_table, #product_price_update_table, #shipping_table, #additional_expenses_table, #product_cost_details_table) thead > tr > th {
    border-color: var(--afkar-form-border) !important;
    background: var(--afkar-form-soft) !important;
    color: var(--afkar-form-heading) !important;
    font-weight: 700 !important;
}

.afkar-purchase-form-page :is(.purch-main-table, .purch-mini-table, #purchase_entry_table, #discount_table, #summary_after_discount_table, #product_price_update_table, #shipping_table, #additional_expenses_table, #product_cost_details_table) tbody > tr > td {
    border-color: var(--afkar-form-border) !important;
    background: var(--afkar-form-surface) !important;
    color: var(--afkar-form-text) !important;
}

.afkar-purchase-form-page :is(.purch-table-wrap, .table-responsive) {
    border-color: var(--afkar-form-border) !important;
    border-radius: 1px !important;
}

.afkar-purchase-form-page :is(.purch-btn-fit, .purch-save-btn-fixed, #submit_purchase_form) {
    border: 1px solid var(--afkar-blue-900, #0c306a) !important;
    border-radius: 2px !important;
    background: var(--afkar-blue-900, #0c306a) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.afkar-purchase-form-page :is(.purch-btn-fit, .purch-save-btn-fixed, #submit_purchase_form):is(:hover, :focus) {
    border-color: var(--afkar-blue-700, #1e5ab5) !important;
    background: var(--afkar-blue-700, #1e5ab5) !important;
}

.afkar-purchase-list-page #purchase_table thead > tr > th {
    border-color: var(--afkar-sales-border) !important;
    background: var(--afkar-sales-surface-muted) !important;
    color: var(--afkar-sales-heading) !important;
    font-weight: 700 !important;
}

.afkar-purchase-list-page #purchase_table tbody > tr:hover > td {
    background: rgba(45, 125, 210, .06) !important;
}

.afkar-purchase-list-page #purchase_table .label {
    border-radius: 2px !important;
    padding: 4px 7px !important;
}

html:is(.dark-mode, [data-theme="dark"]) .afkar-purchase-form-page :is(.purch-highlight-gold, .purch-pay-item-due) {
    border-color: #4a7bd6 !important;
    border-inline-start-color: var(--afkar-accent, #4a7bd6) !important;
    background: rgba(45, 125, 210, .14) !important;
}

html:is(.dark-mode, [data-theme="dark"]) .afkar-purchase-form-page :is(.purch-highlight-amt, .purch-stat-chip .val) {
    color: #eef2f7 !important;
}

@media (max-width: 767px) {
    .afkar-purchase-form-page :is(.purch-products-toolbar, .purch-payment-single-line) {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .afkar-purchase-form-page :is(.purch-products-btns, .purch-pay-fields-wrap) {
        width: 100%;
    }
}

/* Products and stock: shared catalog presentation without touching product behavior. */
.afkar-product-list-page :is(.nav-tabs-custom, .erp-table-card, .afkar-product-bulk-actions) {
    border: 1px solid var(--afkar-sales-border) !important;
    border-radius: 2px !important;
    background: var(--afkar-sales-surface) !important;
    box-shadow: 0 4px 16px rgba(12, 48, 106, .06) !important;
}

.afkar-product-list-page .nav-tabs-custom > .nav-tabs {
    border-block-end: 1px solid var(--afkar-sales-border) !important;
    background: var(--afkar-sales-surface-muted) !important;
}

.afkar-product-list-page .nav-tabs-custom > .nav-tabs > li > a {
    border-radius: 0 !important;
    color: var(--afkar-sales-muted) !important;
}

.afkar-product-list-page .nav-tabs-custom > .nav-tabs > li.active > a {
    border-block-start-color: var(--afkar-blue-500, #4a7bd6) !important;
    background: var(--afkar-sales-surface) !important;
    color: var(--afkar-sales-heading) !important;
}

.afkar-product-list-page .afkar-product-bulk-actions {
    padding: 10px 12px;
}

.afkar-product-list-page .afkar-product-bulk-actions :is(.btn, button) {
    border-radius: 2px !important;
}

.afkar-product-list-page .afkar-product-bulk-actions .afkar-action-primary {
    border-color: var(--afkar-blue-300, #7fa6e6) !important;
    background: rgba(45, 125, 210, .08) !important;
    color: var(--afkar-blue-900, #0c306a) !important;
}

.afkar-product-list-page :is(#product_table, #stock_report_table) thead > tr > th {
    border: 1px solid var(--afkar-blue-500, #4a7bd6) !important;
    border-block-end: 3px solid var(--afkar-blue-300, #7fa6e6) !important;
    background-color: var(--afkar-blue-900, #0c306a) !important;
    background-image: linear-gradient(135deg, #0c306a, #1e5ab5) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 800 !important;
}

.afkar-product-list-page :is(#product_table, #stock_report_table) tbody > tr:hover > td {
    background: rgba(45, 125, 210, .06) !important;
}

.afkar-product-list-page :is(.buttons-excel, .modern-btn-add) {
    border: 1px solid var(--afkar-blue-900, #0c306a) !important;
    border-radius: 2px !important;
    background: var(--afkar-blue-900, #0c306a) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
}

.afkar-product-form-page .erp-modern-form {
    display: grid;
    gap: 14px;
}

.afkar-product-form-page :is(.erp-form-card, .product-basic-section) {
    border-radius: 2px !important;
}

.afkar-product-form-page .erp-form-card > .box-header {
    border-block-start: 2px solid var(--afkar-blue-500, #4a7bd6) !important;
}

.afkar-product-form-page .product_form :is(.form-control, .select2-selection) {
    border-radius: 1px !important;
    border-color: var(--afkar-form-border) !important;
}

.afkar-product-form-page .product-more-toggle {
    border: 1px solid var(--afkar-blue-500, #4a7bd6) !important;
    border-radius: 2px !important;
    background: transparent !important;
    color: var(--afkar-blue-700, #1e5ab5) !important;
    box-shadow: none !important;
}

.afkar-product-form-page .product-more-toggle:is(:hover, :focus) {
    background: rgba(45, 125, 210, .08) !important;
}

.afkar-product-form-page :is(.variation_value_row, .product_variation_row, .combo_product_entry_row) {
    border-color: var(--afkar-form-border) !important;
    background: var(--afkar-form-surface) !important;
}

html:is(.dark-mode, [data-theme="dark"]) .afkar-product-list-page .afkar-product-bulk-actions .afkar-action-primary {
    border-color: #4a7bd6 !important;
    background: rgba(45, 125, 210, .14) !important;
    color: #eef2f7 !important;
}

@media (max-width: 767px) {
    .afkar-product-list-page .nav-tabs-custom > .nav-tabs {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
    }

    .afkar-product-form-page .product_form :is(.col-sm-3, .col-md-3, .col-sm-4, .col-md-4, .col-sm-6, .col-md-6) {
        float: none !important;
        width: 100% !important;
    }
}

/* Final geometric enforcement after page layers. */
html body :is(
    .afkar-sales-list-page .eh-sales-list-widget,
    .afkar-sales-form-page .erp-form-card,
    .afkar-purchase-form-page .purch-card-section,
    .afkar-product-list-page .erp-table-card,
    .afkar-product-list-page .afkar-product-bulk-actions,
    .afkar-product-form-page .erp-form-card
) {
    border-radius: 0 !important;
    box-shadow:
        inset 0 2px 0 var(--afkar-geometry-line),
        0 5px 18px rgba(12, 48, 106, .07) !important;
}

html[dir="ltr"] body :is(
    .afkar-sales-list-page .eh-sales-list-widget,
    .afkar-sales-form-page .erp-form-card,
    .afkar-purchase-form-page .purch-card-section,
    .afkar-product-list-page .erp-table-card,
    .afkar-product-list-page .afkar-product-bulk-actions,
    .afkar-product-form-page .erp-form-card
) {
    background-image: linear-gradient(225deg, transparent 0 var(--afkar-cut), var(--erp-bg-surface, #fff) calc(var(--afkar-cut) + 1px)) !important;
}

html[dir="rtl"] body :is(
    .afkar-sales-list-page .eh-sales-list-widget,
    .afkar-sales-form-page .erp-form-card,
    .afkar-purchase-form-page .purch-card-section,
    .afkar-product-list-page .erp-table-card,
    .afkar-product-list-page .afkar-product-bulk-actions,
    .afkar-product-form-page .erp-form-card
) {
    background-image: linear-gradient(135deg, transparent 0 var(--afkar-cut), var(--erp-bg-surface, #fff) calc(var(--afkar-cut) + 1px)) !important;
}

html:is(.dark-mode, [data-theme="dark"]) body :is(
    .afkar-sales-list-page .eh-sales-list-widget,
    .afkar-sales-form-page .erp-form-card,
    .afkar-purchase-form-page .purch-card-section,
    .afkar-product-list-page .erp-table-card,
    .afkar-product-list-page .afkar-product-bulk-actions,
    .afkar-product-form-page .erp-form-card
) {
    box-shadow:
        inset 0 2px 0 var(--afkar-geometry-line),
        0 6px 20px rgba(0, 0, 0, .22) !important;
}

html:is(.dark-mode, [data-theme="dark"])[dir="ltr"] body :is(
    .afkar-sales-list-page .eh-sales-list-widget,
    .afkar-sales-form-page .erp-form-card,
    .afkar-purchase-form-page .purch-card-section,
    .afkar-product-list-page .erp-table-card,
    .afkar-product-list-page .afkar-product-bulk-actions,
    .afkar-product-form-page .erp-form-card
) {
    background-image: linear-gradient(225deg, transparent 0 var(--afkar-cut), #182234 calc(var(--afkar-cut) + 1px)) !important;
}

html:is(.dark-mode, [data-theme="dark"])[dir="rtl"] body :is(
    .afkar-sales-list-page .eh-sales-list-widget,
    .afkar-sales-form-page .erp-form-card,
    .afkar-purchase-form-page .purch-card-section,
    .afkar-product-list-page .erp-table-card,
    .afkar-product-list-page .afkar-product-bulk-actions,
    .afkar-product-form-page .erp-form-card
) {
    background-image: linear-gradient(135deg, transparent 0 var(--afkar-cut), #182234 calc(var(--afkar-cut) + 1px)) !important;
}

/* Restrained motion, wave and sheen requested for branded cards and tables. */
@keyframes afkar-card-sheen {
    0% { background-position: 180% 0; opacity: 0; }
    18% { opacity: .52; }
    100% { background-position: -80% 0; opacity: 0; }
}

@keyframes afkar-geometry-wave {
    0%, 100% { transform: translate3d(0, 0, 0) skewX(-28deg); opacity: .34; }
    50% { transform: translate3d(9px, -2px, 0) skewX(-28deg); opacity: .7; }
}

@keyframes afkar-icon-lift {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

: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 {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    content: "";
    background-image: linear-gradient(112deg, transparent 30%, rgba(127, 166, 230, .03) 42%, rgba(127, 166, 230, .24) 49%, rgba(255, 255, 255, .34) 52%, rgba(127, 166, 230, .12) 57%, transparent 69%);
    background-repeat: no-repeat;
    background-position: 180% 0;
    background-size: 220% 100%;
    opacity: 0;
}

: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
):is(:hover, :focus-within)::after {
    animation: afkar-card-sheen 1.15s ease-out both;
}

:is(.erp-form-card, .erp-table-card, .purch-card-section, .eh-sales-list-widget) > :first-child {
    position: relative;
    z-index: 5;
}

.dataTables_wrapper :is(table.dataTable, .table) tbody tr {
    position: relative;
    transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

.dataTables_wrapper :is(table.dataTable, .table) tbody tr:hover {
    transform: none;
    box-shadow: inset 3px 0 0 var(--afkar-blue-500, #4a7bd6);
}

html[dir="rtl"] .dataTables_wrapper :is(table.dataTable, .table) tbody tr:hover {
    transform: none;
    box-shadow: inset -3px 0 0 var(--afkar-blue-500, #4a7bd6);
}

.dataTables_wrapper :is(table.dataTable, .table) thead th {
    position: relative;
    overflow: hidden;
}

.dataTables_wrapper :is(table.dataTable, .table) thead th::after {
    position: absolute;
    inset-inline-start: -22px;
    inset-block-end: 0;
    width: 44px;
    height: 2px;
    pointer-events: none;
    content: "";
    background: var(--afkar-blue-500, #4a7bd6);
    transform: skewX(-28deg);
    animation: afkar-geometry-wave 3.6s ease-in-out infinite;
}

.afkar-widget-title-icon,
:is(.sell-card-head, .purch-card-head) > i,
:is(.eh-icon-badge, .si-stat-icon) {
    display: inline-grid !important;
    place-items: center;
    color: var(--afkar-blue-700, #1e5ab5) !important;
    border: 1px solid var(--afkar-blue-300, #7fa6e6) !important;
    border-radius: 0 !important;
    background: rgba(45, 125, 210, .09) !important;
    box-shadow: inset 0 -2px 0 rgba(45, 125, 210, .15) !important;
}

.afkar-widget-title-icon {
    width: 28px;
    height: 28px;
    margin-inline-end: 8px;
    vertical-align: middle;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%);
}

.afkar-widget-title-icon i {
    font-size: 13px;
}

:is(.box-header, .sell-card-head, .purch-card-head, .eh-stat-card):is(:hover, :focus-within) :is(
    .afkar-widget-title-icon,
    .eh-icon-badge,
    .si-stat-icon,
    i:first-child
) {
    color: var(--afkar-blue-900, #0c306a) !important;
    animation: afkar-icon-lift .7s ease-in-out both;
}

.eh-home-dashboard-shell .dashboard-brand-welcome::after,
.eh-compact-page-header--banner::after {
    position: absolute;
    inset-inline-end: -3%;
    inset-block-end: 10px;
    width: 38%;
    height: 18px;
    pointer-events: none;
    content: "";
    border-block-start: 2px solid rgba(127, 166, 230, .52);
    border-block-end: 1px solid rgba(255, 255, 255, .22);
    clip-path: polygon(0 55%, 14% 12%, 29% 72%, 46% 26%, 64% 78%, 82% 18%, 100% 58%, 100% 100%, 0 100%);
    animation: afkar-geometry-wave 4.8s ease-in-out infinite;
}

html:is(.dark-mode, [data-theme="dark"]) :is(
    .erp-form-card,
    .erp-table-card,
    .purch-card-section,
    .eh-sales-list-widget,
    .eh-analytics-card,
    .afkar-alerts-card,
    .afkar-quick-actions-card,
    .afkar-activity-card
)::after {
    background-image: linear-gradient(112deg, transparent 30%, rgba(74, 123, 214, .02) 42%, rgba(127, 166, 230, .18) 50%, rgba(238, 242, 247, .18) 53%, transparent 70%);
}

@media (prefers-reduced-motion: reduce) {
    :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,
    .dataTables_wrapper :is(table.dataTable, .table) thead th::after,
    .eh-home-dashboard-shell .dashboard-brand-welcome::after,
    .eh-compact-page-header--banner::after,
    :is(.box-header, .sell-card-head, .purch-card-head, .eh-stat-card) :is(.afkar-widget-title-icon, .eh-icon-badge, .si-stat-icon, i:first-child) {
        animation: none !important;
        transform: none !important;
    }

    .dataTables_wrapper :is(table.dataTable, .table) tbody tr:hover {
        transform: none !important;
    }
}