/* SJC ERP - Qatar theme for Frappe / ERPNext v16
   Maroon (#8A1538) brand on a warm neutral base. Uses logical properties so
   the layout mirrors cleanly when the user switches to Arabic (RTL). */

@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap");

:root,
[data-theme="light"] {
	--qa-maroon: #8a1538;
	--qa-maroon-700: #6e102c;
	--qa-maroon-900: #4a0b1e;
	--qa-maroon-50: #fbf3f5;
	--qa-maroon-100: #f5e3e8;
	--qa-maroon-200: #ebc5cf;
	--qa-sand: #f8f5f0;

	--primary: var(--qa-maroon);
	--primary-color: var(--qa-maroon);
	--brand-color: var(--qa-maroon);
	--btn-primary: var(--qa-maroon);
	--border-primary: var(--qa-maroon);
	--dt-primary-color: var(--qa-maroon);
	--sidebar-select-color: var(--qa-maroon-100);
	--surface-sidebar: var(--qa-sand);
	--desk-sidebar-bg: var(--qa-sand);
	--subtle-accent: var(--qa-maroon-50);
	--fc-today-bg-color: var(--qa-maroon-50);
}

[data-theme="dark"] {
	--qa-maroon: #c94a6f;
	--qa-maroon-700: #e0738f;
	--qa-maroon-100: rgba(201, 74, 111, 0.18);
	--qa-maroon-50: rgba(201, 74, 111, 0.1);

	--primary: var(--qa-maroon);
	--primary-color: var(--qa-maroon);
	--brand-color: var(--qa-maroon);
	--btn-primary: #8a1538;
	--border-primary: var(--qa-maroon);
	--sidebar-select-color: var(--qa-maroon-100);
	--subtle-accent: var(--qa-maroon-50);
}

/* Arabic typography */
html[lang="ar"] body,
[dir="rtl"] body,
body[dir="rtl"] {
	font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, var(--font-stack, sans-serif);
}

/* Thin national accent line along the top of the desk */
body[data-route]::before {
	content: "";
	position: fixed;
	inset-inline: 0;
	top: 0;
	height: 3px;
	background: #8a1538;
	z-index: 1100;
	pointer-events: none;
}

/* v16 "espresso" buttons: default solid variant becomes maroon */
.es-button:not([data-theme]) {
	--bt-solid-bg: #8a1538;
	--bt-solid-bg-hover: #6e102c;
	--bt-solid-bg-active: #4a0b1e;
	--bt-solid-fg: #ffffff;
	--bt-focus: 0 0 0 2px var(--qa-maroon-200, #ebc5cf);
}
[data-theme="dark"] .es-button:not([data-theme]) {
	--bt-solid-bg-hover: #a51d45;
	--bt-solid-bg-active: #6e102c;
}

/* Classic buttons */
.btn-primary,
.btn.btn-primary,
.btn-primary:focus {
	background-color: #8a1538 !important;
	border-color: #8a1538 !important;
	color: #fff !important;
}
.btn-primary:hover,
.btn-primary:active {
	background-color: var(--qa-maroon-700, #6e102c) !important;
	border-color: var(--qa-maroon-700, #6e102c) !important;
}
[data-theme="dark"] .btn-primary:hover {
	background-color: #a51d45 !important;
}

/* Links & focus */
a.text-primary,
.text-primary,
.link-btn,
.frappe-control a:not(.btn) {
	color: var(--qa-maroon) !important;
}
.form-control:focus,
.awesomplete input:focus,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	border-color: var(--qa-maroon) !important;
	box-shadow: 0 0 0 2px var(--qa-maroon-100) !important;
}
input[type="checkbox"]:checked {
	background-color: var(--qa-maroon) !important;
	border-color: var(--qa-maroon) !important;
}

/* Sidebar: active item gets a maroon edge that flips side in RTL */
.standard-sidebar-item.selected,
.standard-sidebar-item.active-sidebar,
.sidebar-item-container .active-sidebar,
.desk-sidebar .selected {
	background: var(--qa-maroon-100) !important;
	box-shadow: inset 3px 0 0 var(--qa-maroon);
	color: var(--qa-maroon) !important;
}
[dir="rtl"] .standard-sidebar-item.selected,
[dir="rtl"] .standard-sidebar-item.active-sidebar,
[dir="rtl"] .sidebar-item-container .active-sidebar,
[dir="rtl"] .desk-sidebar .selected {
	box-shadow: inset -3px 0 0 var(--qa-maroon);
}
.standard-sidebar-item.selected .item-anchor,
.standard-sidebar-item.active-sidebar .item-anchor,
.active-sidebar .sidebar-item-label {
	color: var(--qa-maroon) !important;
	font-weight: 600;
}

/* Page headings and number cards */
.page-head .title-text,
.page-title .title-text {
	color: var(--heading-color, inherit);
	letter-spacing: -0.01em;
}
.number-card .widget-content .number,
.number-widget-box .number {
	color: var(--qa-maroon) !important;
}
.widget.number-widget-box {
	border-inline-start: 3px solid var(--qa-maroon) !important;
}

/* Workflow state & progress */
.progress-bar {
	background-color: var(--qa-maroon) !important;
}

/* Login page */
.page-card-head img,
.for-login .page-card-head img {
	max-height: 64px;
}
body[data-path="login"] {
	background: linear-gradient(160deg, var(--qa-sand) 0%, #ffffff 55%, var(--qa-maroon-50) 100%);
}
body[data-path="login"] .for-login .page-card {
	background: transparent;
}
body[data-path="login"] .page-card-head::before {
	content: "Enterprise Resource Planning · نظام تخطيط موارد المؤسسة";
	display: block;
	order: 2;
	font-size: 12px;
	letter-spacing: 0.04em;
	color: #8a1538;
	margin-block: 8px 4px;
}

/* Print: keep the brand bar off printed vouchers */
@media print {
	body[data-route]::before {
		display: none;
	}
}