/* Pristox HQ look (spec 036, D84): the same look as the merchant ERP desk, kept as its own copy so HQ depends on no other Pristox app. Loaded through `app_include_css`
   (desk) and `web_include_css` (website). Token values are the dashboard's (apps/web/src/components/ui/tokens.css,
   D65: teal accent). Frappe's own colour variables are overridden below; the variable names are those of
   frappe version-16's desk and must be checked on screen (the first staging run) because the stylesheet cannot be
   exercised without a running site. */

@font-face {
	font-family: "Inter";
	src: url("/assets/pristox_hq/fonts/inter-latin-wght-normal.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122;
}
@font-face {
	font-family: "Inter";
	src: url("/assets/pristox_hq/fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Noto Sans Arabic";
	src: url("/assets/pristox_hq/fonts/noto-sans-arabic-arabic-wght-normal.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

:root,
[data-theme="light"] {
	--pristox-accent: #00747a;
	--pristox-accent-hover: #005f64;
	--pristox-accent-text: #00666b;
	--pristox-accent-tint: #e2f1f1;
	--pristox-ink: #0d0d0d;
	--pristox-font: "Inter", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* frappe version-16 desk variables */
	--primary: var(--pristox-accent);
	--primary-color: var(--pristox-accent);
	--btn-primary: var(--pristox-accent);
	--font-stack: var(--pristox-font);
	--text-on-primary: #ffffff;
}

body,
.form-control,
.btn,
.navbar,
.page-title,
.sidebar-section {
	font-family: var(--pristox-font);
}

a,
.link-btn,
.page-head .page-title .title-text:hover {
	color: var(--pristox-accent-text);
}

.btn-primary,
.btn.btn-primary,
.btn-primary-light {
	background-color: var(--pristox-accent);
	border-color: var(--pristox-accent);
	color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--pristox-accent-hover);
	border-color: var(--pristox-accent-hover);
}

*:focus-visible {
	outline: 2px solid var(--pristox-ink);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px var(--pristox-accent);
}

/* No Frappe or ERPNext mark anywhere in the shell (R8): the app logo is the Pristox mark. */
.navbar-brand img,
.app-logo img {
	max-height: 28px;
	width: auto;
}

/* Right to left: Arabic locale sets dir="rtl" on <html> (frappe is_rtl covers `ar`). Directional icons are
   mirrored; identifiers (item codes, invoice numbers, SKUs) stay left to right inside Arabic text. */
[dir="rtl"] .icon-chevron-right,
[dir="rtl"] .icon-chevron-left,
[dir="rtl"] .icon-arrow-right,
[dir="rtl"] .icon-arrow-left,
[dir="rtl"] .btn-prev,
[dir="rtl"] .btn-next,
[dir="rtl"] .sidebar-item-icon .es-icon.rtl-flip {
	transform: scaleX(-1);
}
[dir="rtl"] .navbar-brand img,
[dir="rtl"] .app-logo img {
	transform: none; /* the logo is never mirrored (docs/brand) */
}
[dir="rtl"] [data-fieldname="item_code"] .static-area,
[dir="rtl"] [data-fieldname="bill_no"] .static-area,
[dir="rtl"] [data-fieldname="barcode"] .static-area,
[dir="rtl"] input[data-fieldname="item_code"],
[dir="rtl"] input[data-fieldname="bill_no"],
[dir="rtl"] input[data-fieldname="barcode"],
[dir="rtl"] .list-row .ellipsis[data-name] {
	direction: ltr;
	unicode-bidi: plaintext;
	text-align: start;
}

/* Pristox HQ identifiers: organization ids and owner e-mail addresses stay left to right inside Arabic text. */
[dir="rtl"] [data-fieldname="organization_id"] .static-area,
[dir="rtl"] [data-fieldname="owner_email"] .static-area,
[dir="rtl"] input[data-fieldname="owner_email"],
[dir="rtl"] .pristox-hq-ltr {
	direction: ltr;
	unicode-bidi: plaintext;
	text-align: start;
}