@import url("/assets/loc_mn/css/nahia-design-system.css?v=20261003");
@font-face{font-family:Manrope;src:url("/assets/loc_mn/fonts/manrope-variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
/* Монгол кирилл — фонтын засвар
 *
 * ⚠️ Frappe-ийн үндсэн «Inter / InterVariable» фонтод Кирилл өргөтгөлийн
 *    зарим үсэг (Ү, ү, зарим тохиолдолд Ө, ө) БАЙХГҮЙ. Тиймээс хөтөч тэр
 *    үсгийг өөр фонтоор орлуулж, ҮГ ДУНДУУР фонт солигдож «алдагдсан» шиг
 *    харагддаг (2026-07-21-нд захиалагч мэдээлсэн, нүдээр баталсан).
 *
 *    Шийдэл: Кирилл бүрэн дэмждэг СИСТЕМИЙН фонтыг эхэнд тавина. Ингэснээр
 *    нэмэлт файл татахгүй, ачаалал нэмэгдэхгүй, бүх үсэг НЭГ фонтоор гарна.
 */

:root,
.page-container,
.navbar,
.modal,
.form-control,
body {
	--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", "Liberation Sans", "DejaVu Sans", Arial, sans-serif;
	font-family: var(--font-stack);
}

body,
button,
input,
select,
textarea,
.btn,
.form-control,
.control-value,
.like-disabled-input,
.frappe-control,
.datatable,
.dt-cell,
.list-row,
.page-title,
.sidebar-label,
.widget,
.menu-btn-group,
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-stack) !important;
}

/* Тоо, мөнгөн дүн — ₮ тэмдэг бүрэн гардаг фонтоор */
.dt-cell--col-1 .dt-cell__content,
[data-fieldtype="Currency"] input,
[data-fieldtype="Currency"] .control-value {
	font-variant-numeric: tabular-nums;
}

/* Монгол шошго багтаах засварууд */
.desktop-icon .icon-title,
.icon-caption .icon-title,
.desktop-icon-label {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	line-height: 1.25;
	max-width: 6.5rem;
	word-break: break-word;
}

.workspace-sidebar .item-anchor > span,
.sidebar-item-label {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	line-height: 1.3;
}

.workspace-title,
.sidebar-header .title-text {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	line-height: 1.2;
}

/* Дотоод impersonation audit хэллэгийг tenant UI-ээс нуух existing rule. */
.page-head .indicator-pill.red.no-indicator-dot {
	display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   NAHIAOS LOCKED ERP DESK DESIGN — VISUAL ONLY
   Approved reference: light enterprise surface + graphite text + cobalt action.
   This section intentionally changes no routes, handlers, permissions or data.
   ══════════════════════════════════════════════════════════════════════════ */
:root {
	--nahia-bg: var(--nh-ground);
	--nahia-surface: var(--nh-paper);
	--nahia-subtle: #f8fafc;
	--nahia-text: var(--nh-ink);
	--nahia-muted: var(--nh-muted);
	--nahia-border: var(--nh-line);
	--nahia-border-strong: #d0d5dd;
	--nahia-blue: var(--nh-action);
	--nahia-blue-hover: var(--nh-action-hover);
	--nahia-blue-soft: var(--nh-action-soft);
	--nahia-green: #15803d;
	--nahia-green-soft: #eefbf2;
	--nahia-amber: #b45309;
	--nahia-amber-soft: #fff8eb;
	--nahia-red: #dc2626;
	--nahia-red-soft: #fff1f1;
	--nahia-radius: 8px;
	--nahia-shadow: 0 1px 2px rgba(16,24,40,.04);
}

/* Desk canvas + compact shell. These selectors do not exist on the public site. */
.navbar,
.page-head,
.layout-main-section,
.layout-side-section,
.workspace-sidebar,
.desk-sidebar {
	background-color: var(--nahia-surface) !important;
	background-image: none !important;
}
.navbar {
	min-height: 56px;
	border-bottom: 1px solid var(--nahia-border) !important;
	box-shadow: none !important;
}
.page-container,
.layout-main,
.layout-main-section-wrapper,
.workspace-body {
	background: var(--nahia-bg) !important;
}
.layout-side-section,
.workspace-sidebar,
.desk-sidebar {
	border-right: 1px solid var(--nahia-border);
}
.page-head {
	border-bottom: 1px solid var(--nahia-border);
	box-shadow: none !important;
}
.page-title .title-text,
.page-title h3,
.page-head h3,
.widget-head .widget-title,
.form-section .section-head {
	color: var(--nahia-text) !important;
	font-weight: 700 !important;
	letter-spacing: -.02em;
}
.text-muted,
.sidebar-label,
.control-label,
.help-box,
.comment-box .text-muted {
	color: var(--nahia-muted) !important;
}

/* Sidebar/navigation */
.standard-sidebar-item,
.desk-sidebar-item,
.workspace-sidebar .sidebar-item,
.module-sidebar-item {
	min-height: 36px;
	border-radius: 7px !important;
	color: #475467 !important;
}
.standard-sidebar-item.selected,
.standard-sidebar-item.active,
.desk-sidebar-item.selected,
.workspace-sidebar .sidebar-item.selected,
.module-sidebar-item.active {
	background: var(--nahia-blue-soft) !important;
	color: #0b5bd3 !important;
	box-shadow: none !important;
}

/* Workspaces, dashboards, KPI cards */
.widget,
.widget-group,
.number-card,
.dashboard-graph,
.frappe-card,
.form-dashboard-section,
.form-section.card-section,
.layout-main-section.frappe-card {
	background: var(--nahia-surface) !important;
	border-color: var(--nahia-border) !important;
	border-radius: var(--nahia-radius) !important;
	box-shadow: var(--nahia-shadow) !important;
	background-image: none !important;
}
.number-card .number,
.widget.number-widget-box .number {
	color: var(--nahia-text) !important;
	font-weight: 720;
}

/* Controls */
.form-control,
.input-with-feedback,
.awesomplete > input,
.frappe-control input,
.frappe-control select,
.frappe-control textarea,
.ql-editor,
.like-disabled-input {
	background: var(--nahia-surface) !important;
	border-color: var(--nahia-border-strong) !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	color: var(--nahia-text) !important;
}
.form-control:focus,
.input-with-feedback:focus,
.awesomplete > input:focus,
.frappe-control input:focus,
.frappe-control textarea:focus {
	border-color: #84adff !important;
	box-shadow: 0 0 0 3px rgba(22,119,255,.12) !important;
}
.btn {
	border-radius: 7px !important;
	box-shadow: none !important;
	font-weight: 600;
}
.btn-primary,
.btn-primary-dark,
.primary-action {
	background: var(--nahia-blue) !important;
	border-color: var(--nahia-blue) !important;
	color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.primary-action:hover {
	background: var(--nahia-blue-hover) !important;
	border-color: var(--nahia-blue-hover) !important;
}
.btn-default,
.btn-secondary {
	background: var(--nahia-surface) !important;
	border-color: var(--nahia-border-strong) !important;
	color: var(--nahia-text) !important;
}

/* Tables, lists, reports */
.list-row-container,
.list-row,
.result,
.dt-scrollable,
.datatable,
.report-wrapper,
.query-report,
.grid-body,
.form-grid {
	background: var(--nahia-surface) !important;
}
.list-row,
.dt-row,
.grid-row {
	border-color: var(--nahia-border) !important;
}
.list-row-head,
.dt-header .dt-row,
.grid-heading-row {
	background: var(--nahia-subtle) !important;
	color: var(--nahia-muted) !important;
}
.list-row:hover,
.grid-row:hover,
.dt-row:hover {
	background: var(--nahia-subtle) !important;
}

/* Dialogs, menus, dropdowns */
.modal-content,
.dropdown-menu,
.popover,
.awesomplete > ul,
.notifications-list,
.search-dialog {
	background: var(--nahia-surface) !important;
	border: 1px solid var(--nahia-border) !important;
	border-radius: 10px !important;
	box-shadow: 0 18px 48px rgba(16,24,40,.16) !important;
	background-image: none !important;
}
.modal-backdrop.show {
	opacity: .28 !important;
}

/* Status/indicator semantics */
.indicator-pill.green,
.indicator.green { color: var(--nahia-green) !important; background-color: var(--nahia-green-soft) !important; }
.indicator-pill.orange,
.indicator-pill.yellow,
.indicator.orange { color: var(--nahia-amber) !important; background-color: var(--nahia-amber-soft) !important; }
.indicator-pill.red,
.indicator.red { color: var(--nahia-red) !important; background-color: var(--nahia-red-soft) !important; }
.indicator-pill.blue,
.indicator.blue { color: #0b5bd3 !important; background-color: var(--nahia-blue-soft) !important; }

/* ERPNext Point of Sale: same family, touch-safe, business behavior untouched. */
.point-of-sale-app,
.pos-app,
.pos-page,
[data-page-route="point-of-sale"] .layout-main-section {
	background: var(--nahia-bg) !important;
	color: var(--nahia-text) !important;
}
.point-of-sale-app .item-card,
.pos-item-wrapper,
.item-selector .item-card,
.point-of-sale-app .customer-section,
.point-of-sale-app .cart-container,
.pos-cart {
	background: var(--nahia-surface) !important;
	border: 1px solid var(--nahia-border) !important;
	border-radius: 8px !important;
	box-shadow: var(--nahia-shadow) !important;
	background-image: none !important;
}
.point-of-sale-app .item-card:hover,
.pos-item-wrapper:hover {
	border-color: #84adff !important;
	box-shadow: 0 0 0 3px rgba(22,119,255,.08) !important;
}
.point-of-sale-app .btn-primary,
.pos-page .btn-primary {
	min-height: 42px;
}

/* Responsive desk: preserve density but keep touch safety. */
@media (max-width: 768px) {
	.page-head { min-height: 54px; }
	.btn { min-height: 42px; }
	.form-control,
	.input-with-feedback { min-height: 42px; }
	.layout-main-section { border-radius: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
	.navbar *, .page-container *, .modal * {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

/* Shared Desk identity covers standard accounting, CRM, purchasing and production. */
[data-theme="dark"]{--nahia-bg:#172026;--nahia-surface:#20292e;--nahia-subtle:#27323a;--nahia-text:#edf2f5;--nahia-muted:#afbdc5;--nahia-border:#36434c;--nahia-border-strong:#485962;--nahia-blue-soft:#17385c;--nahia-green:#8fdbb3;--nahia-green-soft:#203d32;--nahia-amber:#f0cb82;--nahia-amber-soft:#413725;--nahia-red:#f0a0aa;--nahia-red-soft:#452a31}
.standard-sidebar-item,.desk-sidebar-item,.workspace-sidebar .sidebar-item,.module-sidebar-item{color:var(--nahia-muted)!important}
.btn:focus-visible,.standard-sidebar-item:focus-visible,.list-row:focus-visible{outline:3px solid var(--nahia-blue);outline-offset:3px}
.btn,.widget,.list-row{transition:background-color 180ms ease,border-color 180ms ease}
.point-of-sale-app .item-card img,.pos-item-wrapper img{object-fit:contain;background:var(--nahia-subtle)}
@media(prefers-reduced-motion:reduce){.btn,.widget,.list-row{transition:none}}

.page-container{--font-stack:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}