/* TUWAIQ ERP semantic design system. Loaded last by the compatibility skin. */
:root {
    --color-primary: #008c6a;
    --color-primary-hover: #007457;
    --color-primary-soft: #e7f6f2;
    --color-accent: #00a98f;
    --color-highlight: #22b8a7;
    --color-page-background: #f4f7f8;
    --color-surface: #ffffff;
    --color-surface-raised: #ffffff;
    --color-sidebar: #073b4c;
    --color-sidebar-text: #d9ecef;
    --color-sidebar-active: #00a98f;
    --color-text-primary: #102a36;
    --color-text-secondary: #667c85;
    --color-border: #dde6e9;
    --color-input: #ffffff;
    --color-table-header: #edf4f5;
    --color-table-hover: #eef9f6;
    --color-success: #16875f;
    --color-warning: #b7791f;
    --color-danger: #c2413b;
    --color-info: #167b91;
    --color-focus: #22b8a7;
    --color-sand: #d8c6a1;
    --shadow-card: 0 8px 24px rgba(7, 59, 76, .07);
    --gradient-brand: linear-gradient(135deg, #073b4c 0%, #075766 58%, #008c6a 100%);
    --font-ui: Inter, "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
    --density-page-gap: 20px;
    --density-section-gap: 16px;
    --density-card-padding: 18px;
    --density-control-height: 40px;
    --density-control-padding-x: 12px;
    --density-control-padding-y: 8px;
    --density-table-row-height: 42px;
    --density-table-cell-padding-x: 12px;
    --density-table-cell-padding-y: 9px;
    --density-toolbar-height: 58px;
    --density-sidebar-item-height: 42px;
    --density-modal-padding: 20px;
    /* Compatibility aliases while legacy component selectors are retired incrementally. */
    --joviqo-navy: var(--color-sidebar);
    --joviqo-deep-navy: #052f3d;
    --joviqo-indigo: var(--color-primary);
    --joviqo-violet: var(--color-accent);
    --joviqo-cyan: var(--color-highlight);
    --joviqo-azure: var(--color-info);
    --joviqo-white: #fff;
    --joviqo-cloud: var(--color-page-background);
    --joviqo-border: var(--color-border);
    --joviqo-text: var(--color-text-primary);
    --joviqo-text-secondary: var(--color-text-secondary);
    --joviqo-success: var(--color-success);
    --joviqo-warning: var(--color-warning);
    --joviqo-danger: var(--color-danger);
    --joviqo-primary: var(--color-primary);
    --joviqo-gradient: var(--gradient-brand);
    --joviqo-font: var(--font-ui);
}

html[data-tuwaiq-density="comfortable"] { --density-page-gap: 28px; --density-section-gap: 22px; --density-card-padding: 24px; --density-control-height: 44px; --density-control-padding-y: 10px; --density-table-row-height: 48px; --density-table-cell-padding-y: 12px; --density-toolbar-height: 64px; --density-sidebar-item-height: 48px; --density-modal-padding: 26px; }
html[data-tuwaiq-density="compact"] { --density-page-gap: 12px; --density-section-gap: 10px; --density-card-padding: 12px; --density-control-height: 34px; --density-control-padding-y: 5px; --density-table-row-height: 34px; --density-table-cell-padding-y: 5px; --density-toolbar-height: 50px; --density-sidebar-item-height: 35px; --density-modal-padding: 14px; }

html[data-tuwaiq-theme="tuwaiq-emerald"] { --color-primary: #008c6a; --color-primary-hover: #006f54; --color-primary-soft: #e3f5ef; --color-accent: #22b8a7; --color-sidebar: #064c3d; --color-sidebar-active: #22b8a7; --color-page-background: #f3f8f6; --gradient-brand: linear-gradient(135deg, #063f35, #008c6a); }
html[data-tuwaiq-theme="tuwaiq-horizon"] { --color-primary: #00a98f; --color-primary-hover: #008c78; --color-primary-soft: #e4f8f5; --color-accent: #22b8a7; --color-sidebar: #073b4c; --color-sidebar-active: #00c3a5; --color-page-background: #eef5f6; --shadow-card: 0 12px 32px rgba(7, 59, 76, .12); --gradient-brand: linear-gradient(120deg, #052f3d 0%, #076776 60%, #00a98f 100%); }
html[data-tuwaiq-theme="tuwaiq-sand"] { --color-primary: #008c6a; --color-primary-hover: #006f54; --color-primary-soft: #edf5ed; --color-accent: #b99758; --color-highlight: #d8c6a1; --color-page-background: #f8f4eb; --color-surface: #fffdf8; --color-surface-raised: #fffdf8; --color-border: #e6dcc9; --color-input: #fffefa; --color-table-header: #f3ede1; --color-table-hover: #fbf5e9; --gradient-brand: linear-gradient(135deg, #073b4c 0%, #0a5560 66%, #8d774f 100%); }
html[data-tuwaiq-theme="tuwaiq-dark"] { --color-primary: #20c7a8; --color-primary-hover: #39d8ba; --color-primary-soft: #123f3d; --color-accent: #22b8a7; --color-page-background: #071c24; --color-surface: #0d2a34; --color-surface-raised: #12343f; --color-sidebar: #041820; --color-sidebar-text: #d9edef; --color-sidebar-active: #20c7a8; --color-text-primary: #eef8f8; --color-text-secondary: #a8bec3; --color-border: #254650; --color-input: #102f39; --color-table-header: #153640; --color-table-hover: #143c43; --color-focus: #52dfca; --shadow-card: 0 10px 30px rgba(0, 0, 0, .28); --gradient-brand: linear-gradient(135deg, #03151c 0%, #073b4c 68%, #007f6b 100%); }

body.joviqo-shell, body.tuwaiq-shell, body.cx-unified { background: var(--color-page-background) !important; color: var(--color-text-primary) !important; font-family: var(--font-ui) !important; }
.joviqo-shell #wrapper, .joviqo-shell #page-wrapper, .tuwaiq-shell #wrapper, .tuwaiq-shell #page-wrapper, .cx-unified .cx-main { background: var(--color-page-background) !important; color: var(--color-text-primary) !important; }
.joviqo-shell .wrapper.wrapper-content, .tuwaiq-shell .wrapper.wrapper-content { padding: var(--density-page-gap) !important; }
.joviqo-shell .navbar-static-side, .joviqo-shell .navbar-static-side .sidebar-collapse, .tuwaiq-shell .navbar-static-side, .tuwaiq-shell .navbar-static-side .sidebar-collapse, .cx-unified .cx-sidebar { background: var(--color-sidebar) !important; border-color: transparent !important; }
.joviqo-shell .navbar-static-side .nav-header, .joviqo-shell .navbar-static-side #side-menu li, .joviqo-shell .navbar-static-side #side-menu ul, .joviqo-shell .navbar-static-side #side-menu a, .tuwaiq-shell .navbar-static-side .nav-header, .tuwaiq-shell .navbar-static-side #side-menu li, .tuwaiq-shell .navbar-static-side #side-menu ul, .tuwaiq-shell .navbar-static-side #side-menu a { background: var(--color-sidebar) !important; color: var(--color-sidebar-text) !important; border-color: rgba(255,255,255,.07) !important; }
.joviqo-shell .navbar-static-side #side-menu a, .tuwaiq-shell .navbar-static-side #side-menu a { min-height: var(--density-sidebar-item-height) !important; padding-block: calc((var(--density-sidebar-item-height) - 20px)/2) !important; }
.joviqo-shell .navbar-static-side #side-menu a i, .joviqo-shell .navbar-static-side .nav-label, .tuwaiq-shell .navbar-static-side #side-menu a i, .tuwaiq-shell .navbar-static-side .nav-label { color: var(--color-sidebar-text) !important; }
.joviqo-shell .navbar-static-side #side-menu a:hover, .joviqo-shell .navbar-static-side #side-menu li.active>a, .joviqo-shell .navbar-static-side #side-menu a[aria-current="page"], .tuwaiq-shell .navbar-static-side #side-menu a:hover, .tuwaiq-shell .navbar-static-side #side-menu li.active>a, .tuwaiq-shell .navbar-static-side #side-menu a[aria-current="page"] { background: rgba(0,169,143,.18) !important; color: #fff !important; box-shadow: inset 3px 0 var(--color-sidebar-active) !important; }
.joviqo-shell .joviqo-brand-lockup, .tuwaiq-shell .joviqo-brand-lockup { background: rgba(255,255,255,.96) !important; }
.joviqo-shell .row.border-bottom, .joviqo-shell .navbar-static-top, .tuwaiq-shell .row.border-bottom, .tuwaiq-shell .navbar-static-top, .cx-unified .cx-topbar { min-height: var(--density-toolbar-height) !important; height: var(--density-toolbar-height) !important; background: var(--color-surface) !important; color: var(--color-text-primary) !important; border-color: var(--color-border) !important; }
.joviqo-shell .navbar-top-links>li>a, .joviqo-shell .navbar-static-top a, .tuwaiq-shell .navbar-top-links>li>a, .tuwaiq-shell .navbar-static-top a { color: var(--color-text-primary) !important; }
.joviqo-shell .navbar-top-links>li>a:hover, .joviqo-shell .navbar-static-top a:hover, .tuwaiq-shell .navbar-top-links>li>a:hover, .tuwaiq-shell .navbar-static-top a:hover { color: var(--color-primary) !important; background: var(--color-primary-soft) !important; }
.joviqo-shell .navbar-static-side .profile-element>a, .joviqo-shell .navbar-static-side .profile-element .text-muted, .tuwaiq-shell .navbar-static-side .profile-element>a, .tuwaiq-shell .navbar-static-side .profile-element .text-muted { color: var(--color-sidebar-text) !important; }
.joviqo-shell .navbar-static-side .profile-element *, .tuwaiq-shell .navbar-static-side .profile-element * { color: var(--color-sidebar-text) !important; }
.joviqo-shell .faheem-fly, .tuwaiq-shell .faheem-fly { background: var(--gradient-brand) !important; }
.joviqo-shell .ibox, .joviqo-shell .panel, .joviqo-shell .box, .joviqo-shell .ibox-title, .joviqo-shell .ibox-content, .joviqo-shell .panel-heading, .joviqo-shell .panel-body, .joviqo-shell .box-content, .tuwaiq-shell .ibox, .tuwaiq-shell .panel, .tuwaiq-shell .box, .tuwaiq-shell .ibox-title, .tuwaiq-shell .ibox-content, .tuwaiq-shell .panel-heading, .tuwaiq-shell .panel-body, .tuwaiq-shell .box-content { background: var(--color-surface) !important; color: var(--color-text-primary) !important; border-color: var(--color-border) !important; box-shadow: var(--shadow-card) !important; }
.joviqo-shell .ibox-content, .joviqo-shell .panel-body, .joviqo-shell .box-content, .tuwaiq-shell .ibox-content, .tuwaiq-shell .panel-body, .tuwaiq-shell .box-content { padding: var(--density-card-padding) !important; }
.joviqo-shell .box-header, .joviqo-shell .erp-dashboard-header, .joviqo-shell .acc-hero, .joviqo-shell .suite-hero, .tuwaiq-shell .box-header, .tuwaiq-shell .erp-dashboard-header, .tuwaiq-shell .acc-hero, .tuwaiq-shell .suite-hero { background: var(--gradient-brand) !important; border-bottom-color: var(--color-highlight) !important; }
.joviqo-shell .btn-primary, .joviqo-shell .btn-info, .joviqo-shell .btnadd, .joviqo-shell .btn-success, .tuwaiq-shell .btn-primary, .tuwaiq-shell .btn-info, .tuwaiq-shell .btnadd, .tuwaiq-shell .btn-success { background: var(--color-primary) !important; border-color: var(--color-primary) !important; color: #fff !important; }
.joviqo-shell .btn-primary:hover, .joviqo-shell .btn-info:hover, .joviqo-shell .btnadd:hover, .tuwaiq-shell .btn-primary:hover, .tuwaiq-shell .btn-info:hover, .tuwaiq-shell .btnadd:hover { background: var(--color-primary-hover) !important; border-color: var(--color-primary-hover) !important; }
.joviqo-shell input:not([type=checkbox]):not([type=radio]), .joviqo-shell select, .joviqo-shell textarea, .joviqo-shell .form-control, .tuwaiq-shell input:not([type=checkbox]):not([type=radio]), .tuwaiq-shell select, .tuwaiq-shell textarea, .tuwaiq-shell .form-control { min-height: var(--density-control-height) !important; padding: var(--density-control-padding-y) var(--density-control-padding-x) !important; background: var(--color-input) !important; color: var(--color-text-primary) !important; border-color: var(--color-border) !important; }
.joviqo-shell input:focus, .joviqo-shell select:focus, .joviqo-shell textarea:focus, .tuwaiq-shell input:focus, .tuwaiq-shell select:focus, .tuwaiq-shell textarea:focus { border-color: var(--color-focus) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 22%, transparent) !important; }
.joviqo-shell .table>thead>tr>th, .tuwaiq-shell .table>thead>tr>th, .joviqo-shell .RadGrid .rgHeader, .tuwaiq-shell .RadGrid .rgHeader { background: var(--color-table-header) !important; color: var(--color-text-primary) !important; border-color: var(--color-border) !important; padding: var(--density-table-cell-padding-y) var(--density-table-cell-padding-x) !important; }
.joviqo-shell .table>tbody>tr>td, .tuwaiq-shell .table>tbody>tr>td, .joviqo-shell .RadGrid .rgRow>td, .joviqo-shell .RadGrid .rgAltRow>td, .tuwaiq-shell .RadGrid .rgRow>td, .tuwaiq-shell .RadGrid .rgAltRow>td { height: var(--density-table-row-height) !important; padding: var(--density-table-cell-padding-y) var(--density-table-cell-padding-x) !important; background: var(--color-surface) !important; color: var(--color-text-primary) !important; border-color: var(--color-border) !important; font-variant-numeric: tabular-nums; }
.joviqo-shell .table-hover>tbody>tr:hover>td, .tuwaiq-shell .table-hover>tbody>tr:hover>td, .joviqo-shell .RadGrid .rgRow:hover>td, .joviqo-shell .RadGrid .rgAltRow:hover>td { background: var(--color-table-hover) !important; }
.joviqo-shell label, .joviqo-shell .control-label, .joviqo-shell .text-muted, .tuwaiq-shell label, .tuwaiq-shell .control-label, .tuwaiq-shell .text-muted { color: var(--color-text-secondary) !important; }
.joviqo-shell :focus-visible, .tuwaiq-shell :focus-visible, .cx-unified :focus-visible { outline: 3px solid var(--color-focus) !important; outline-offset: 2px !important; }
html[dir="rtl"] .joviqo-shell .navbar-static-side #side-menu li.active>a, html[dir="rtl"] .joviqo-shell .navbar-static-side #side-menu a[aria-current="page"] { box-shadow: inset -3px 0 var(--color-sidebar-active) !important; }
html[data-tuwaiq-theme="tuwaiq-horizon"] body:after { content: ""; position: fixed; inset-inline-end: 0; bottom: 0; width: min(48vw, 760px); height: 220px; pointer-events: none; opacity: .045; background: url("../brand/tuwaiq/mountain-pattern.png") bottom right/contain no-repeat; z-index: 0; }
html[data-tuwaiq-theme="tuwaiq-dark"] .dropdown-menu, html[data-tuwaiq-theme="tuwaiq-dark"] .modal-content, html[data-tuwaiq-theme="tuwaiq-dark"] .modal-header, html[data-tuwaiq-theme="tuwaiq-dark"] .popover, html[data-tuwaiq-theme="tuwaiq-dark"] .tooltip-inner { background: var(--color-surface-raised) !important; color: var(--color-text-primary) !important; border-color: var(--color-border) !important; }

/* Portal cards use semantic colors too; legacy component CSS otherwise leaves white cards in dark mode. */
.joviqo-shell .top,
.joviqo-shell .kpi,
.joviqo-shell .module,
.joviqo-shell .attention,
.joviqo-shell .center-entry,
.tuwaiq-shell .top,
.tuwaiq-shell .kpi,
.tuwaiq-shell .module,
.tuwaiq-shell .attention,
.tuwaiq-shell .center-entry {
    background: var(--color-surface) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border) !important;
}
.joviqo-shell .module b,
.joviqo-shell .center-entry b,
.joviqo-shell .attention b,
.joviqo-shell .attention li,
.joviqo-shell .attention p,
.joviqo-shell .kpi strong,
.tuwaiq-shell .module b,
.tuwaiq-shell .center-entry b,
.tuwaiq-shell .attention b,
.tuwaiq-shell .attention li,
.tuwaiq-shell .attention p,
.tuwaiq-shell .kpi strong { color: var(--color-text-primary) !important; }
.joviqo-shell .module span,
.joviqo-shell .center-entry span,
.joviqo-shell .kpi small,
.joviqo-shell .user,
.tuwaiq-shell .module span,
.tuwaiq-shell .center-entry span,
.tuwaiq-shell .kpi small,
.tuwaiq-shell .user { color: var(--color-text-secondary) !important; }
.joviqo-shell .center-entry > i:first-child,
.tuwaiq-shell .center-entry > i:first-child,
.joviqo-shell .badge,
.tuwaiq-shell .badge { background: var(--color-primary-soft) !important; color: var(--color-primary) !important; }
@media print { body.joviqo-shell, body.tuwaiq-shell { --color-page-background:#fff; --color-surface:#fff; --color-text-primary:#000; --color-text-secondary:#333; --color-border:#bbb; background:#fff!important; color:#000!important; } body:after{display:none!important} }

/* Application sidebar: quiet, grouped navigation instead of legacy bordered rows. */
.joviqo-shell .navbar-static-side,
.tuwaiq-shell .navbar-static-side {
    width: 248px !important;
    background: linear-gradient(180deg, var(--color-sidebar) 0%, color-mix(in srgb, var(--color-sidebar) 88%, #00161d) 100%) !important;
    border-inline-end: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 8px 0 28px rgba(2,28,36,.12) !important;
}
.joviqo-shell #page-wrapper,
.tuwaiq-shell #page-wrapper { margin-left: 248px !important; }
.joviqo-shell .navbar-static-side .sidebar-collapse,
.tuwaiq-shell .navbar-static-side .sidebar-collapse { background: transparent !important; }
.joviqo-shell .navbar-static-side #side-menu,
.tuwaiq-shell .navbar-static-side #side-menu { padding: 12px 10px 22px !important; background: transparent !important; }
.joviqo-shell .navbar-static-side #side-menu > li,
.tuwaiq-shell .navbar-static-side #side-menu > li { margin: 3px 0 !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; overflow: visible; }
.joviqo-shell .navbar-static-side #side-menu > li.nav-header,
.tuwaiq-shell .navbar-static-side #side-menu > li.nav-header { margin: -12px -10px 12px !important; padding: 18px 15px 14px !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; border-radius: 0 !important; background: rgba(0,0,0,.08) !important; }
.joviqo-shell .joviqo-brand-lockup,
.tuwaiq-shell .joviqo-brand-lockup { margin: 0 0 12px !important; padding: 2px 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.joviqo-shell .navbar-static-side .joviqo-brand-logo,
.tuwaiq-shell .navbar-static-side .joviqo-brand-logo { width: auto !important; max-width: 190px !important; max-height: 62px !important; object-fit: contain !important; }
.joviqo-shell .navbar-static-side .profile-element,
.tuwaiq-shell .navbar-static-side .profile-element { margin: 0 !important; }
.joviqo-shell .navbar-static-side .profile-element > a,
.tuwaiq-shell .navbar-static-side .profile-element > a { display: flex !important; align-items: center !important; min-height: 42px !important; margin: 0 !important; padding: 9px 11px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 10px !important; background: rgba(255,255,255,.06) !important; box-shadow: none !important; }
.joviqo-shell .navbar-static-side .profile-element > a:hover,
.tuwaiq-shell .navbar-static-side .profile-element > a:hover { background: rgba(255,255,255,.11) !important; transform: none !important; }
.joviqo-shell .navbar-static-side .profile-element .block,
.tuwaiq-shell .navbar-static-side .profile-element .block { margin: 0 !important; line-height: 1.35 !important; }
.joviqo-shell .navbar-static-side #side-menu > li:not(.nav-header) > a,
.tuwaiq-shell .navbar-static-side #side-menu > li:not(.nav-header) > a { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: var(--density-sidebar-item-height) !important; margin: 0 !important; padding: 9px 12px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; color: var(--color-sidebar-text) !important; box-shadow: none !important; font-weight: 560 !important; line-height: 1.35 !important; transform: none !important; }
.joviqo-shell .navbar-static-side #side-menu .nav-label,
.tuwaiq-shell .navbar-static-side #side-menu .nav-label,
.joviqo-shell .navbar-static-side #side-menu .profile-element strong,
.tuwaiq-shell .navbar-static-side #side-menu .profile-element strong { color: inherit !important; }
.joviqo-shell .navbar-static-side #side-menu > li:not(.nav-header) > a i,
.tuwaiq-shell .navbar-static-side #side-menu > li:not(.nav-header) > a i { flex: 0 0 22px; width: 22px !important; margin: 0 !important; color: color-mix(in srgb, var(--color-highlight) 72%, #fff) !important; font-size: 15px !important; text-align: center !important; }
.joviqo-shell .navbar-static-side #side-menu > li:not(.nav-header) > a:hover,
.joviqo-shell .navbar-static-side #side-menu > li:not(.nav-header) > a:focus,
.tuwaiq-shell .navbar-static-side #side-menu > li:not(.nav-header) > a:hover,
.tuwaiq-shell .navbar-static-side #side-menu > li:not(.nav-header) > a:focus { background: rgba(255,255,255,.075) !important; color: #fff !important; }
.joviqo-shell .navbar-static-side #side-menu > li.active > a,
.joviqo-shell .navbar-static-side #side-menu > li > a[aria-current="page"],
.tuwaiq-shell .navbar-static-side #side-menu > li.active > a,
.tuwaiq-shell .navbar-static-side #side-menu > li > a[aria-current="page"] { background: linear-gradient(90deg, rgba(0,169,143,.28), rgba(34,184,167,.12)) !important; color: #fff !important; box-shadow: inset 3px 0 var(--color-sidebar-active) !important; font-weight: 700 !important; }
.joviqo-shell .navbar-static-side #side-menu .arrow,
.tuwaiq-shell .navbar-static-side #side-menu .arrow { margin-inline-start: auto !important; color: rgba(255,255,255,.58) !important; }
.joviqo-shell .navbar-static-side #side-menu .nav-second-level,
.tuwaiq-shell .navbar-static-side #side-menu .nav-second-level { margin: 4px 8px 7px 20px !important; padding: 5px !important; border: 0 !important; border-inline-start: 1px solid rgba(34,184,167,.28) !important; border-radius: 8px !important; background: rgba(0,0,0,.10) !important; }
.joviqo-shell .navbar-static-side #side-menu .nav-second-level > li,
.tuwaiq-shell .navbar-static-side #side-menu .nav-second-level > li { margin: 1px 0 !important; border: 0 !important; background: transparent !important; }
.joviqo-shell .navbar-static-side #side-menu .nav-second-level > li > a,
.tuwaiq-shell .navbar-static-side #side-menu .nav-second-level > li > a { min-height: 34px !important; margin: 0 !important; padding: 7px 9px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: color-mix(in srgb, var(--color-sidebar-text) 84%, transparent) !important; font-size: 12px !important; }
.joviqo-shell .navbar-static-side #side-menu .nav-second-level > li > a:hover,
.tuwaiq-shell .navbar-static-side #side-menu .nav-second-level > li > a:hover { background: rgba(255,255,255,.07) !important; color: #fff !important; }
body.joviqo-shell.mini-navbar .navbar-static-side,
body.tuwaiq-shell.mini-navbar .navbar-static-side { width: 70px !important; }
body.joviqo-shell.mini-navbar #page-wrapper,
body.tuwaiq-shell.mini-navbar #page-wrapper { margin-left: 70px !important; }
body.joviqo-shell.mini-navbar .navbar-static-side #side-menu > li:not(.nav-header) > a,
body.tuwaiq-shell.mini-navbar .navbar-static-side #side-menu > li:not(.nav-header) > a { justify-content: center !important; padding-inline: 10px !important; }
html[dir="rtl"] .joviqo-shell .navbar-static-side #side-menu > li.active > a,
html[dir="rtl"] .joviqo-shell .navbar-static-side #side-menu > li > a[aria-current="page"] { box-shadow: inset -3px 0 var(--color-sidebar-active) !important; }
html[dir="rtl"] .joviqo-shell .navbar-static-side .nav-second-level { margin: 4px 20px 7px 8px !important; }
html[dir="rtl"] .joviqo-shell .navbar-static-side,
html[dir="rtl"] .tuwaiq-shell .navbar-static-side { right: 0 !important; left: auto !important; }
html[dir="rtl"] .joviqo-shell #page-wrapper,
html[dir="rtl"] .tuwaiq-shell #page-wrapper { margin-right: 248px !important; margin-left: 0 !important; }
html[dir="rtl"] body.joviqo-shell.mini-navbar #page-wrapper,
html[dir="rtl"] body.tuwaiq-shell.mini-navbar #page-wrapper { margin-right: 70px !important; margin-left: 0 !important; }
@media(max-width:768px){
    .joviqo-shell #page-wrapper,.tuwaiq-shell #page-wrapper{margin-right:0!important;margin-left:0!important}
}

/* One home action across every ERP module and workspace. */
.erp-home-action,a.erp-home-action,.nav > li > a.erp-home-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:118px!important;min-height:40px!important;padding:9px 15px!important;border:1px solid #b9e2dd!important;border-radius:10px!important;background:#e8f6f4!important;color:#07576a!important;font-family:inherit!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;white-space:nowrap!important}
.erp-home-action i{display:inline-block!important;width:auto!important;margin:0!important;color:inherit!important;font-size:15px!important}.erp-home-action:hover,.erp-home-action:focus{border-color:#0f8f83!important;background:#0f8f83!important;color:#fff!important;transform:translateY(-1px)}
@media(max-width:560px){.erp-home-action{padding-inline:11px!important}.erp-home-action .home-label{display:none}}