@font-face {
	font-family: "DIN Next LT Arabic";
	src: url("/assets/imexum_white_label/fonts/DINNextLTArabic-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "DIN Next LT Arabic";
	src: url("/assets/imexum_white_label/fonts/DINNextLTArabic-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "DIN Next LT Arabic";
	src: url("/assets/imexum_white_label/fonts/DINNextLTArabic-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--imexum-font-arabic: "IBM Plex Sans Arabic";
	--imexum-font-latin: "Inter";
	--imexum-font-sans: var(--imexum-font-arabic), var(--imexum-font-latin), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--imexum-color-gulf-900: #071a2f;
	--imexum-color-gulf-800: #123c69;
	--imexum-color-gulf-700: #123c69;
	--imexum-color-gulf-600: #1fb7a6;
	--imexum-color-gold-600: #c6a15b;
	--imexum-color-gold-500: #d8b86f;
	--imexum-color-palm-600: #1fb7a6;
	--imexum-color-palm-10: rgba(31, 183, 166, 0.1);
	--imexum-color-palm-3: rgba(31, 183, 166, 0.03);
	--imexum-color-ink: #101820;
	--imexum-color-muted: #687684;
	--imexum-color-line: #dde5ea;
	--imexum-color-surface: #f5f8fa;
	--imexum-color-surface-sidebar: #f5f8fa;
	--imexum-color-surface-strong: #ffffff;
	--imexum-color-surface-inner: #f8fbfc;
	--imexum-gradient-gulf: linear-gradient(135deg, var(--imexum-color-gulf-800) 0%, var(--imexum-color-gulf-600) 100%);
	--imexum-gradient-soft: linear-gradient(135deg, rgba(18, 60, 105, 0.1) 0%, rgba(31, 183, 166, 0.14) 100%);
	--imexum-gradient-chart: linear-gradient(135deg, var(--imexum-color-gulf-800) 0%, var(--imexum-color-gulf-600) 100%);
	--imexum-gradient-chart-gold: var(--imexum-gradient-chart);
	--imexum-chart-color-1: var(--imexum-color-gulf-800);
	--imexum-chart-color-2: var(--imexum-color-gulf-600);
	--imexum-chart-color-3: var(--imexum-color-gulf-800);
	--imexum-chart-color-4: var(--imexum-color-gulf-600);
	--imexum-chart-color-5: var(--imexum-color-gulf-800);
	--imexum-page-background:
		radial-gradient(circle at 2% 4%, rgba(31, 183, 166, 0.18), transparent 28rem),
		radial-gradient(circle at 96% 0%, rgba(198, 161, 91, 0.16), transparent 30rem),
		linear-gradient(180deg, #ffffff 0%, var(--imexum-color-surface) 36%, #ffffff 100%);
	--imexum-shadow: 0 24px 80px rgba(7, 26, 47, 0.12);
	--imexum-shadow-soft: 0 14px 45px rgba(7, 26, 47, 0.08);
	--imexum-radius-sm: 6px;
	--imexum-radius-md: 8px;
	--primary: var(--imexum-color-gulf-800);
	--primary-color: var(--imexum-color-gulf-800);
	--btn-primary: var(--imexum-color-gulf-800);
	--text-color: var(--imexum-color-ink);
	--text-muted: var(--imexum-color-muted);
	--border-color: var(--imexum-color-line);
	--bg-color: var(--imexum-color-surface);
	--fg-color: var(--imexum-color-surface-strong);
	--fg-hover-color: #eef5f8;
	--control-bg: var(--imexum-color-surface-strong);
	--card-bg: var(--imexum-color-surface-strong);
	--navbar-bg: var(--bg-color);
}

[dir="rtl"] {
	--imexum-gradient-gulf: linear-gradient(225deg, var(--imexum-color-gulf-800) 0%, var(--imexum-color-gulf-600) 100%);
	--imexum-gradient-soft: linear-gradient(225deg, rgba(18, 60, 105, 0.1) 0%, rgba(31, 183, 166, 0.14) 100%);
	--imexum-gradient-chart: linear-gradient(225deg, var(--imexum-color-gulf-800) 0%, var(--imexum-color-gulf-600) 100%);
	--imexum-gradient-chart-gold: var(--imexum-gradient-chart);
	--imexum-page-background:
		radial-gradient(circle at 98% 4%, rgba(31, 183, 166, 0.18), transparent 28rem),
		radial-gradient(circle at 4% 0%, rgba(198, 161, 91, 0.16), transparent 30rem),
		linear-gradient(180deg, #ffffff 0%, var(--imexum-color-surface) 36%, #ffffff 100%);
}

html,
body,
.desk,
.layout-main,
.page-container,
.modal,
.dropdown-menu,
.awesomplete,
.frappe-control,
.form-control,
.btn {
	font-family: var(--imexum-font-sans);
	letter-spacing: 0;
}

body {
	color: var(--imexum-color-ink);
	background: var(--imexum-page-background) !important;
	background-attachment: fixed !important;
}

.navbar {
	background: var(--bg-color) !important;
}

.layout-side-section,
.body-sidebar,
.desk-sidebar,
.standard-sidebar,
.sidebar-column,
.desk-sidebar-wrapper {
	background: var(--bg-color) !important;
}

.page-container,
.layout-main-section,
.layout-main-section-wrapper,
.page-body,
.workspace,
.workspace-body,
.main-section,
.content,
.desk,
.layout-main {
	background: var(--imexum-page-background) !important;
	background-attachment: fixed !important;
}

.layout-main-section,
.form-layout,
.report-wrapper,
.workspace-body .widget,
.frappe-card,
.list-row-container,
.dashboard-widget-box,
.number-widget-box {
	background-color: var(--imexum-color-surface-strong) !important;
	box-shadow: var(--imexum-shadow-soft);
	border: 1px solid var(--imexum-color-line);
}

.navbar {
	border-bottom: 1px solid rgba(18, 60, 105, 0.14);
	box-shadow: 0 1px 0 rgba(18, 60, 105, 0.04);
}

.navbar .navbar-home img,
.navbar .app-logo {
	max-height: 32px;
	max-width: 220px;
	width: auto;
}

.sidebar-item-icon .logo,
.sidebar-header img.logo {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.sidebar-header .sidebar-item-icon,
.standard-sidebar-item.selected,
.standard-sidebar-item:hover,
.desk-sidebar .standard-sidebar-item.selected {
	background: var(--imexum-gradient-soft);
}

.sidebar-header .header-title,
.app-switcher-dropdown .menu-item-title {
	font-weight: 700;
	color: var(--imexum-color-gulf-900);
}

.btn-primary,
.btn.btn-primary,
.primary-action,
.page-actions .btn-primary {
	background: var(--imexum-gradient-gulf);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 18px 40px rgba(18, 60, 105, 0.22);
}

.btn-primary:hover,
.btn.btn-primary:hover,
.primary-action:hover {
	filter: saturate(1.05) brightness(0.98);
}

.imexum-trial-cta {
	margin-top: 0.25rem;
	text-align: center;
}

.imexum-trial-cta__button {
	width: 100%;
	min-height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}

.imexum-trial-cta__message {
	margin: 0.75rem 0 0;
	line-height: 1.5;
}

.indicator-pill.green,
.indicator.green::before {
	background: var(--imexum-color-palm-600);
}

.page-head,
.form-dashboard,
.form-section,
.report-wrapper,
.list-row-container,
.frappe-card,
.widget,
.number-widget-box,
.dashboard-widget-box,
.imexum-kpi-tile,
.imexum-chart-panel,
.imexum-analysis-panel {
	border-radius: var(--imexum-radius-md);
}

.page-title .title-text,
.ellipsis.title-text,
.module-title,
.workspace-title {
	color: var(--imexum-color-gulf-900);
	font-weight: 700;
}

.form-section .section-head,
.section-head,
.report-title,
.imexum-section-title {
	color: var(--imexum-color-gulf-900);
	font-weight: 700;
}

.form-control:focus,
.awesomplete .input-with-feedback:focus,
.frappe-control input:focus,
.frappe-control textarea:focus {
	border-color: var(--imexum-color-gulf-700);
	box-shadow: 0 0 0 2px rgba(18, 60, 105, 0.12);
}

.app-icon,
.app-icon-svg,
.app-card .app-logo,
.app-list .app-logo {
	border-radius: var(--imexum-radius-md);
	background: var(--imexum-gradient-soft);
	box-shadow: inset 0 0 0 1px rgba(18, 60, 105, 0.14), 0 8px 18px rgba(18, 60, 105, 0.08);
}

.app-card,
.app-list .app-item,
.app-switcher-dropdown .dropdown-item {
	border-radius: var(--imexum-radius-md);
}

.app-card:hover,
.app-list .app-item:hover,
.app-switcher-dropdown .dropdown-item:hover {
	background: var(--imexum-gradient-soft);
}

.form-dashboard,
.form-section,
.report-wrapper,
.frappe-card,
.dashboard-widget-box,
.widget,
.number-widget-box,
.imexum-kpi-tile,
.imexum-chart-panel,
.imexum-analysis-panel,
.page-card,
.list-row-container {
	box-shadow: var(--imexum-shadow-soft);
}

.layout-main-section > .frappe-card,
.layout-main-section .form-section,
.report-wrapper .datatable,
.form-dashboard .form-dashboard-section,
.dashboard-widget-box .widget-body,
.frappe-card .frappe-card,
.widget .widget,
.imexum-chart-panel .chart-container,
.imexum-analysis-panel .imexum-analysis-row,
.imexum-kpi-tile .imexum-kpi-meta {
	background: var(--imexum-color-surface-inner) !important;
	border-color: rgba(221, 229, 234, 0.86) !important;
}

.imexum-subcontracting-notice {
	margin: 0 0 16px;
	padding: 14px 16px;
	border: 1px solid rgba(18, 60, 105, 0.18);
	border-radius: var(--imexum-radius-md);
	background: linear-gradient(135deg, rgba(233, 240, 245, 0.92), rgba(255, 255, 255, 0.94));
	color: var(--imexum-color-ink);
	box-shadow: var(--imexum-shadow-soft);
}

.imexum-subcontracting-notice strong {
	display: block;
	margin-bottom: 4px;
	color: var(--imexum-color-gulf-900);
}

.imexum-project-dashboard {
	padding-inline: clamp(18px, 3vw, 42px);
}

.imexum-dashboard-body {
	max-width: 1440px;
	margin: 0 auto;
}

.imexum-kpi-grid,
.imexum-chart-grid,
.imexum-analysis-grid {
	gap: 16px;
}

.imexum-kpi-tile,
.imexum-chart-panel,
.imexum-analysis-panel {
	border: 1px solid var(--imexum-color-line);
	background: var(--imexum-color-surface-strong);
	box-shadow: var(--imexum-shadow-soft);
}

.imexum-kpi-tile::before {
	background: var(--imexum-gradient-gulf);
}

html[dir="rtl"] .text-right {
	text-align: left !important;
}

html[dir="rtl"] .form-grid .grid-heading-row .grid-static-col:not(.row-index),
html[dir="rtl"] .form-grid .data-row .grid-static-col:not(.row-index) {
	text-align: right !important;
}

html[dir="rtl"] .imexum-project-kpi-tile.green,
html[dir="rtl"] .imexum-project-kpi-tile.orange,
html[dir="rtl"] .imexum-project-kpi-tile.red,
html[dir="rtl"] .imexum-project-kpi-tile.blue {
	border-left-width: 1px;
	border-right: 4px solid currentColor;
}

.login-content,
.page-card {
	border-radius: var(--imexum-radius-md);
}

.login-content::before {
	content: "";
	display: block;
	width: min(240px, 75%);
	height: 48px;
	margin: 0 auto 18px;
	background: url("/assets/imexum_white_label/img/nadhim-logo.svg") center / contain no-repeat;
}

.imexum-chart svg .bar,
.imexum-chart svg .progress,
.imexum-chart svg path[fill]:not([fill="none"]),
.imexum-chart svg rect[fill]:not([fill="none"]) {
	filter: drop-shadow(0 5px 10px rgba(7, 26, 47, 0.1));
}

.imexum-chart svg .line-graph-path,
.imexum-chart svg .dataset-units path,
.imexum-chart svg .dataset-units circle {
	stroke-linecap: round;
	stroke-linejoin: round;
}

.imexum-chart svg .chart-legend,
.imexum-chart svg .axis,
.imexum-chart svg text {
	fill: var(--imexum-color-muted) !important;
	color: var(--imexum-color-muted) !important;
}

.imexum-chart svg .y.axis line,
.imexum-chart svg .x.axis line,
.imexum-chart svg .chart-grid line {
	stroke: rgba(18, 60, 105, 0.12);
}

.imexum-chart-fallback-dataset {
	display: grid;
	gap: 8px;
}

.imexum-chart-fallback-bar {
	background: rgba(18, 60, 105, 0.08) !important;
	box-shadow: inset 0 0 0 1px rgba(18, 60, 105, 0.08);
}

.imexum-chart-fallback-bar span {
	background: var(--imexum-gradient-chart) !important;
}

html[dir="rtl"] .onb-panel {
	left: 16px !important;
	right: auto !important;
}

html[dir="rtl"] .onb-panel .close,
html[dir="rtl"] .onb-panel .btn-close {
	left: 12px;
	right: auto;
}


/* IMEXUM workspace icon color system */
.app-icon,
.app-icon-svg,
.app-card .app-logo,
.app-list .app-logo,
.workspace-icon,
.shortcut-widget-box .widget-icon,
.shortcut-widget-box .icon,
.widget.shortcut-widget-box .icon,
.workspace-sidebar-item .icon,
.standard-sidebar-item .sidebar-item-icon,
.desk-sidebar .sidebar-item-icon {
	color: var(--imexum-color-gulf-800) !important;
	/* background: var(--imexum-gradient-soft) !important; */
	border-color: rgba(18, 60, 105, 0.16) !important;
}
.app-icon svg,
.app-icon-svg svg,
.workspace-icon svg,
.shortcut-widget-box .widget-icon svg,
.shortcut-widget-box .icon svg,
.workspace-sidebar-item .icon svg,
.standard-sidebar-item .sidebar-item-icon svg {
	color: currentColor !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}
.app-icon svg [fill],
.app-icon-svg svg [fill],
.workspace-icon svg [fill],
.shortcut-widget-box .widget-icon svg [fill],
.shortcut-widget-box .icon svg [fill] {
	fill: currentColor !important;
}
.app-icon svg [stroke],
.app-icon-svg svg [stroke],
.workspace-icon svg [stroke],
.shortcut-widget-box .widget-icon svg [stroke],
.shortcut-widget-box .icon svg [stroke] {
	stroke: currentColor !important;
}


.imexum-branded-desktop-svg {
	width: 54px;
	height: 54px;
	display: block;
	filter: drop-shadow(0 8px 18px rgba(18, 60, 105, 0.08));
}

.imexum-branded-header-svg,
.sidebar-header .imexum-branded-desktop-svg,
.layout-side-section .imexum-branded-desktop-svg {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
}

.app-switcher-dropdown .imexum-branded-desktop-svg {
	width: 28px;
	height: 28px;
}

.desktop-icon .icon-container,
.app-list .icon-container {
	/* background: var(--imexum-gradient-soft) !important; */
	background: var(--imexum-gradient-gulf) !important;
	/* border-radius: var(--imexum-radius-md); */
	padding: 8px;
	box-shadow: inset 0 0 0 1px rgba(18, 60, 105, 0.14), 0 8px 18px rgba(18, 60, 105, 0.08);
}
.desktop-icon .icon-container:not(.icon-container.folder-icon) {
	padding: 0 !important;
}

.page-head {
	background-color: var(--imexum-color-palm-3) !important;
}

.body-sidebar-container .body-sidebar {
	background-color: var(--imexum-color-palm-10) !important;
}

.onb-collapsible .onb-title-icon .imexum-branded-desktop-svg {
	width: 40px;
	height: 40px;
}