@font-face {
	font-family: "Inter";
	src: url("/assets/scas_custom/fonts/inter-variable.ttf") format("truetype");
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

.scas-ticket-type-picker {
	padding: 1.25rem;
	border: 1px solid var(--border-color, #e8e8e8);
	border-radius: 1.25rem;
	background: #f8f8f0;
}

.scas-ticket-type-picker h2,
.scas-template-heading h2 {
	margin: 0 0 0.35rem;
	color: #181810;
}

.scas-ticket-type-picker p {
	margin: 0 0 1rem;
	color: #62625c;
}

.scas-ticket-type-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
}

.scas-ticket-type-card {
	display: flex;
	min-height: 6rem;
	flex-direction: column;
	justify-content: space-between;
	padding: 1rem;
	border-radius: 1rem;
	background: #181810;
	box-shadow: 0 8px 22px rgb(24 24 16 / 12%);
	color: #fff !important;
	text-decoration: none !important;
	transition: transform 160ms ease, box-shadow 160ms ease;
}

.scas-ticket-type-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgb(24 24 16 / 20%);
}

.scas-ticket-type-card strong {
	font-size: 1rem;
}

.scas-ticket-type-card span {
	color: #ff6800;
	font-family: "Noto Sans Arabic", sans-serif;
}

.scas-template-heading a {
	display: inline-block;
	margin-bottom: 0.5rem;
	color: #ff6800 !important;
}

@media (max-width: 640px) {
	.scas-ticket-type-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@font-face {
	font-family: "Noto Sans Arabic";
	src: url("/assets/scas_custom/fonts/noto-sans-arabic-variable.ttf") format("truetype");
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

:root {
	--scas-black: #181810;
	--scas-orange: #ff6800;
	--scas-warm-white: #f8f8f0;
	--scas-white: #ffffff;
	--scas-border: #e8e8e8;
	--scas-radius: 14px;
	--scas-shadow: 0 8px 24px rgb(24 24 16 / 8%);
	--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--primary: var(--scas-orange);
	--primary-color: var(--scas-orange);
	--btn-primary: var(--scas-orange);
}

html[lang="ar"],
html[lang="ar"] body,
.scas-rtl {
	--font-stack: "Noto Sans Arabic", "Inter", Tahoma, sans-serif;
	font-family: var(--font-stack);
}

body,
button,
input,
select,
textarea {
	font-family: var(--font-stack);
}

body:not([data-theme="dark"]) {
	background-color: var(--scas-warm-white);
}

.page-card,
.widget,
.dashboard-widget-box,
.form-dashboard-section,
.frappe-card {
	border-color: var(--scas-border);
	border-radius: var(--scas-radius);
	box-shadow: var(--scas-shadow);
}

.btn-primary,
.btn-primary-dark,
.primary-action {
	background-color: var(--scas-orange) !important;
	border-color: var(--scas-orange) !important;
	color: var(--scas-black) !important;
	font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus-visible,
.primary-action:hover,
.primary-action:focus-visible {
	filter: brightness(0.94);
}

.navbar-brand img,
.app-logo,
#brand-logo {
	width: auto;
	max-height: 38px;
	max-width: 112px;
	object-fit: contain;
}

[data-theme="dark"] .navbar-brand img,
[data-theme="dark"] .app-logo,
[data-theme="dark"] #brand-logo,
[data-theme="dark"] .scas-login-greeting img {
	content: url("/assets/scas_custom/images/scas-spaces-logo-white.png");
}

.scas-language-toggle {
	display: inline-flex;
	align-items: center;
	align-self: center;
	gap: 2px;
	margin-inline: 8px;
	padding: 3px;
	background: var(--scas-warm-white);
	border: 1px solid var(--scas-border);
	border-radius: 999px;
	direction: ltr;
}

.scas-language-option {
	min-width: 38px;
	min-height: 28px;
	padding: 3px 8px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--scas-black);
	font-size: 12px;
	font-weight: 600;
}

.scas-language-option.is-active {
	background: var(--scas-black);
	color: var(--scas-white);
}

.scas-language-option:focus-visible {
	outline: 2px solid var(--scas-orange);
	outline-offset: 2px;
}

.scas-login-greeting {
	margin-bottom: 24px;
	text-align: center;
}

.scas-login-greeting img {
	width: min(220px, 70%);
	height: auto;
	margin-bottom: 18px;
}

.scas-login-greeting h1 {
	margin: 0 0 8px;
	color: var(--scas-black);
	font-size: 20px;
	font-weight: 650;
}

.scas-login-greeting p {
	margin: 0;
	color: var(--text-muted);
	font-family: "Noto Sans Arabic", Tahoma, sans-serif;
}

[data-theme="dark"] .scas-language-toggle {
	background: var(--scas-black);
	border-color: #3a3a34;
}

[data-theme="dark"] .scas-language-option {
	color: var(--scas-white);
}

[data-theme="dark"] .scas-language-option.is-active {
	background: var(--scas-orange);
	color: var(--scas-black);
}

[data-theme="dark"] .scas-login-greeting h1 {
	color: var(--scas-white);
}

html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .form-control,
html[dir="rtl"] .control-input,
html[dir="rtl"] .control-value,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .list-row-container,
html[dir="rtl"] .timeline-item {
	text-align: right;
}

html[dir="rtl"] .scas-language-toggle {
	direction: ltr;
}

.scas-letterhead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 0 0 14px;
	border-bottom: 2px solid var(--scas-black);
	font-family: "Inter", sans-serif;
}

.scas-letterhead--ar {
	font-family: "Noto Sans Arabic", Tahoma, sans-serif;
}

.scas-letterhead img {
	width: 150px;
	height: auto;
}

.scas-letterhead strong,
.scas-letterhead span {
	display: block;
}

.scas-linked-requisitions {
	display: grid;
	gap: 8px;
	padding-block: 4px 12px;
}

.scas-linked-requisition {
	display: grid;
	grid-template-columns: minmax(150px, 1fr) minmax(90px, auto) minmax(100px, auto);
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid var(--scas-border, #e8e8e8);
	border-radius: 10px;
	background: var(--card-bg, #fff);
}

.scas-linked-requisition a {
	color: var(--scas-orange, #ff6800);
	font-weight: 600;
}

@media (max-width: 575px) {
	.scas-linked-requisition {
		grid-template-columns: 1fr;
		gap: 3px;
	}
}

.scas-letterhead span {
	margin-top: 3px;
	color: #666;
	font-size: 10px;
}

@media (max-width: 767px) {
	.scas-language-toggle {
		margin-inline: 4px;
	}

	.scas-language-option {
		min-width: 34px;
		padding-inline: 6px;
	}
}

@media print {
	.scas-language-toggle {
		display: none !important;
	}
}