/*
 * Global Desk + website type and RTL corrections. Loaded through
 * app_include_css (Desk) and web_include_css (login, website, print view).
 *
 * Type is Tajawal 400/500/700/800. Body is 16.5px and captions are 14.5px
 * (one step above the Card Express sheet, which read small on Desk).
 * Desk injects desk.bundle.css after this file, and the Vue bundle hardcodes
 * px sizes, so the font variables and the size utilities are !important.
 *
 * Tajawal has no 420 or 600 face. --weight-regular is 400 and
 * --weight-semibold is 700, the faces the sheet actually uses.
 * The stored voucher tries Tajawal, then Noto Naskh Arabic.
 */
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/tajawal/tajawal-arabic-400-normal.woff2") format("woff2");
	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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/tajawal/tajawal-arabic-500-normal.woff2") format("woff2");
	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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/tajawal/tajawal-arabic-700-normal.woff2") format("woff2");
	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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/tajawal/tajawal-arabic-800-normal.woff2") format("woff2");
	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, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/tajawal/tajawal-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/tajawal/tajawal-latin-500-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/tajawal/tajawal-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/tajawal/tajawal-latin-800-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--font-stack: "Tajawal", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
	--text-xs: 14.5px !important;
	--text-sm: 16.5px !important;
	--text-md: 16.5px !important;
	--text-base: 16.5px !important;
	--text-lg: 18px !important;
	--text-xl: 24px !important;
	--text-2xl: 26px !important;
	--weight-regular: 400 !important;
	--weight-medium: 500 !important;
	--weight-semibold: 700 !important;
	--weight-bold: 700 !important;
	--weight-black: 800 !important;

	--sb-bg-1: #08231a;
	--sb-bg-2: #0d3527;
	--sb-border: rgba(255, 255, 255, 0.07);
	--sb-text: #a9c2b6;
	--sb-text-dim: #6f8c7e;
	--accent: #16a34a;
	--accent-2: #22c55e;
	--accent-btn: #10b981;
	--accent-btn-hover: #059669;
	--accent-btn-active: #047857;
	--accent-soft: #f0fdf4;
	--accent-border: #bbf7d0;
	--bg: #eef1f5;
	--surface: #ffffff;
	--surface-2: #f8fafc;
	--line: #e5e7eb;
	--line-2: #e2e8f0;
	--text: #1f2937;
	--text-2: #475569;
	--muted: #6b7280;
	--muted-2: #94a3b8;
	--danger: #dc2626;
	--danger-bg: #fef2f2;
	--danger-text: #991b1b;
	--warn-bg: #fffbeb;
	--warn-text: #92400e;
	--radius: 12px;

	--ink-gray-9: #1f2937 !important;
	--ink-gray-8: #1f2937 !important;
	--ink-gray-7: #475569 !important;
	--ink-gray-6: #475569 !important;
	--ink-gray-5: #6b7280 !important;
	--ink-gray-4: #94a3b8 !important;
	--surface-gray-2: #f8fafc !important;
}

html body {
	font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
	font-size: 16.5px !important;
	line-height: 1.65 !important;
	background: var(--bg) !important;
	color: var(--text) !important;
}

.text-xl,
.text-xl-medium,
.text-xl-semibold {
	font-size: 24px !important;
}

.text-lg,
.text-lg-medium,
.text-lg-semibold {
	font-size: 18px !important;
}

.text-base,
.text-base-medium,
.text-base-semibold,
.text-p-base,
.text-md,
.text-sm,
.text-sm-medium,
.text-sm-semibold,
.text-p-sm,
.prose-sm,
.form-control,
.form-input,
.form-textarea,
.form-select,
.form-multiselect {
	font-size: 16.5px !important;
}

.text-xs,
.text-xs-medium,
.text-xs-semibold,
.text-p-xs {
	font-size: 14.5px !important;
}

/*
 * RTL corrections for Frappe chrome that our desk CSS cannot reach.
 *
 * The compiled RTL build flips Bootstrap's tooltip-arrow geometry, so a
 * tooltip placed beside its anchor renders with the triangle on the FAR
 * edge pointing AWAY from the anchor — the workspace sidebar's collapsed
 * icon tooltips point into empty space. Restore the original geometry for
 * the two horizontal placements: the arrow sits on the side facing the
 * anchor. Vertical placements (top/bottom) are unaffected.
 */
[dir="rtl"] .tooltip.bs-tooltip-left .arrow {
	right: 0;
	left: auto;
}
[dir="rtl"] .tooltip.bs-tooltip-left .arrow::before {
	left: auto;
	right: 0;
	border-width: 0.4rem 0 0.4rem 0.4rem;
	border-right-color: transparent;
	border-left-color: #000;
}
[dir="rtl"] .tooltip.bs-tooltip-right .arrow {
	left: 0;
	right: auto;
}
/* The app folder on the desktop is a collage of its child tiles.
   Show one green money mark there instead. */
a.desktop-icon[data-id="Exchange and Financial Services"] > .icon-container {
	padding: 0;
	background: url("/assets/exchange_finance/images/money-app.svg") center / cover no-repeat;
}
a.desktop-icon[data-id="Exchange and Financial Services"] > .icon-container > * {
	display: none !important;
}

[dir="rtl"] .tooltip.bs-tooltip-right .arrow::before {
	right: auto;
	left: 0;
	border-width: 0.4rem 0.4rem 0.4rem 0;
	border-left-color: transparent;
	border-right-color: #000;
}

/*
 * Desk chrome. Selectors were taken from the live v16 page:
 * .body-sidebar, .standard-sidebar-item.active-sidebar, header.navbar,
 * .page-container, a.title-text, header.list-row-head, .list-row,
 * .form-control, .control-label, .number-widget-box, .modal-content.
 * desk.bundle.css loads after this file, so restated properties are !important.
 */

.body-sidebar,
.body-sidebar-container {
	background: linear-gradient(180deg, var(--sb-bg-1) 0%, var(--sb-bg-2) 100%) !important;
	color: var(--sb-text) !important;
}

.sidebar-header {
	border-bottom: 1px solid var(--sb-border);
}

.sidebar-item-label.header-title {
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 800 !important;
}

.sidebar-item-label.header-subtitle {
	color: var(--sb-text-dim) !important;
	font-size: 13.5px !important;
}

.standard-sidebar-item {
	border-radius: 12px;
	margin-inline: 8px;
}

.standard-sidebar-item .sidebar-item-label {
	color: var(--sb-text) !important;
	font-size: 16.5px !important;
	font-weight: 500 !important;
}

.standard-sidebar-item .sidebar-item-icon,
.standard-sidebar-item .sidebar-item-icon svg,
.sidebar-header .sidebar-item-icon,
.sidebar-header .sidebar-item-icon svg {
	color: var(--sb-text) !important;
}

.standard-sidebar-item .keyboard-shortcut {
	color: var(--sb-text-dim) !important;
	font-size: 13.5px !important;
}

.standard-sidebar-item:hover {
	background: rgba(255, 255, 255, 0.06);
}

.standard-sidebar-item.active-sidebar,
.standard-sidebar-item.active-sidebar:hover {
	background: linear-gradient(135deg, var(--accent-2), var(--accent)) !important;
}

.standard-sidebar-item.active-sidebar .sidebar-item-label,
.standard-sidebar-item.active-sidebar .sidebar-item-icon,
.standard-sidebar-item.active-sidebar .sidebar-item-icon svg,
.standard-sidebar-item.active-sidebar .keyboard-shortcut {
	color: #fff !important;
	font-weight: 700 !important;
}

.body-sidebar-bottom .sidebar-user-button,
.body-sidebar-bottom .sidebar-user-button .text-truncate {
	color: #fff !important;
}

.body-sidebar-bottom .text-secondary {
	color: var(--sb-text-dim) !important;
}

.body-sidebar .dropdown-notifications,
.body-sidebar .notification-list-body,
.body-sidebar .panel-notifications,
.body-sidebar .panel-events {
	background: #fff !important;
	color: var(--text) !important;
}

header.navbar.desktop-navbar {
	background: var(--surface) !important;
	border-bottom: 1px solid var(--line) !important;
	font-size: 16.5px !important;
}

.page-container,
.main-section {
	background: var(--bg) !important;
}

.page-head .title-text {
	font-size: 24px !important;
	font-weight: 800 !important;
	color: var(--text) !important;
}

.navbar-breadcrumbs,
.navbar-breadcrumbs a {
	font-size: 14.5px !important;
}

header.list-row-head {
	background: var(--surface-2) !important;
	color: var(--text-2) !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
}

.list-row,
.list-row-col {
	font-size: 16.5px !important;
}

.list-row-container:hover .list-row,
.list-row:hover {
	background: #fafcfb !important;
}

.control-label {
	font-size: 14.5px !important;
	font-weight: 700 !important;
	color: var(--text) !important;
}

.form-control,
.form-input {
	border-radius: 10px !important;
	border: 1px solid var(--line) !important;
	background: #fff !important;
	color: var(--text) !important;
}

.form-control:focus,
.form-input:focus {
	border-color: var(--accent-btn) !important;
	box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12) !important;
}

.form-control:disabled,
.form-control[readonly] {
	background: var(--surface-2) !important;
}

.section-head {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: var(--text) !important;
}

.layout-main-section.frappe-card,
.form-page,
.widget.number-widget-box,
.widget.links-widget-box,
.widget.dashboard-widget-box {
	background: var(--surface) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--radius) !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.widget .number {
	font-size: 26px !important;
	font-weight: 800 !important;
	color: var(--text) !important;
}

.modal-content {
	border-radius: 16px !important;
	overflow: hidden;
}

.modal-title {
	font-size: 18px !important;
	font-weight: 800 !important;
}

.modal-footer {
	background: var(--surface-2) !important;
}

.indicator-pill {
	font-size: 14.5px !important;
	font-weight: 700 !important;
}

.indicator-pill.green {
	background: #dcfce7 !important;
	color: #166534 !important;
}

.indicator-pill.blue {
	background: #dbeafe !important;
	color: #1e40af !important;
}

.indicator-pill.orange,
.indicator-pill.yellow {
	background: #ffedd5 !important;
	color: #9a3412 !important;
}

.indicator-pill.red {
	background: #fee2e2 !important;
	color: #991b1b !important;
}

.indicator-pill.gray,
.indicator-pill.grey,
.indicator-pill.darkgrey {
	background: #f1f5f9 !important;
	color: #475569 !important;
}

.btn {
	border-radius: 10px !important;
	font-size: 16.5px !important;
	font-weight: 700 !important;
}

.btn.btn-sm,
.btn-sm {
	font-size: 14.5px !important;
}

.btn.btn-primary {
	background-color: var(--accent-btn) !important;
	border-color: var(--accent-btn) !important;
	color: #fff !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:not(:disabled):not(.disabled):hover,
.btn.btn-primary:not(:disabled):not(.disabled):focus {
	background-color: var(--accent-btn-hover) !important;
	border-color: var(--accent-btn-hover) !important;
	color: #fff !important;
}

.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled).active {
	background-color: var(--accent-btn-active) !important;
	border-color: var(--accent-btn-active) !important;
	color: #fff !important;
}

.btn.btn-primary:disabled,
.btn.btn-primary.disabled {
	background-color: var(--accent-btn) !important;
	border-color: var(--accent-btn) !important;
	opacity: 0.55 !important;
}

.btn.btn-default {
	background: #fff !important;
	border: 1px solid var(--line-2) !important;
	color: var(--text-2) !important;
}

.btn.btn-default:hover {
	background: var(--surface-2) !important;
}

/* وكالتي home: this agency's counts and open balances, above the links. */
.exchange-agency-home {
	margin: 4px 0 18px;
}

.exchange-agency-home-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.exchange-agency-stat,
.exchange-agency-balance {
	display: block;
	flex: 1 1 160px;
	background: #fff;
	border: 1px solid var(--line-2, #e6e8eb);
	border-radius: 14px;
	padding: 14px 16px;
	text-decoration: none;
	color: inherit;
}

.exchange-agency-stat .n,
.exchange-agency-balance .n {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	color: #15803d;
}

.exchange-agency-balance .n {
	font-size: 18px;
}

.exchange-agency-stat .l,
.exchange-agency-balance .l {
	margin-top: 4px;
	font-size: 14.5px;
	color: var(--text-2, #4b5563);
}

.exchange-agency-stat.is-attention .n {
	color: #b45309;
}

.exchange-agency-stat:hover,
.exchange-agency-balance:hover {
	border-color: #16a34a;
}

/*
 * Collapsed rail: the item suffixes (the Ctrl+K hint chip and its kin) are
 * wider than the 50px rail, so they stick out of it and float over the
 * page body. They are expanded-state affordances — hide them whenever the
 * sidebar is not expanded (the container carries .expanded only then).
 */
.body-sidebar-container:not(.expanded) .sidebar-item-suffix {
	display: none !important;
}

/*
 * The same 8px inline margin that insets the expanded pills is too much
 * on the 50px rail. The rail already pads 8px on each side, so the row is
 * left about 17px wide while the icon is 30px. The anchor clips the overflow,
 * and in RTL that cuts the left half of every glyph. Drop the extra margin
 * so the icon sits whole inside the rail.
 */
.body-sidebar-container:not(.expanded) .standard-sidebar-item {
	margin-inline: 0 !important;
}

@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 400;
	src: url("/assets/exchange_finance/fonts/tajawal/tajawal-arabic-400-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 700;
	src: url("/assets/exchange_finance/fonts/tajawal/tajawal-arabic-700-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Tajawal";
	font-style: normal;
	font-weight: 800;
	src: url("/assets/exchange_finance/fonts/tajawal/tajawal-arabic-800-normal.woff2") format("woff2");
}

/*
 * Desk's print rule forces the page to 992px, so on A4 the left side
 * (the amounts, in an RTL row) is clipped off the paper. beforeprint lifts
 * the receipt onto the body; this sheet hides the rest and keeps the
 * receipt inside the page in Chrome, Edge, Firefox and Safari.
 */
@media print {
	@page {
		size: A4 portrait;
		margin: 14mm;
	}
	html body,
	html body .container {
		min-width: 0 !important;
		width: auto !important;
		height: auto !important;
		overflow: visible !important;
		background: #fff !important;
	}
	body > *:not(#receipt-print) {
		display: none !important;
	}
	#receipt-print {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		padding: 0 !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}

.ab-invoice-hold { display: none; }

.ab-inv {
	max-width: 720px;
	margin: 0 auto;
	background: #fff;
	color: #14221c;
	border: 1px solid #d5ded8;
	font-family: "Tajawal", "Segoe UI", Tahoma, sans-serif;
}
.ab-inv-bar { height: 10px; background: #0f3d2e; }
.ab-inv-head { width: 100%; border-collapse: collapse; }
.ab-inv-head td { width: 50%; vertical-align: top; padding: 18px 22px 16px; }
.ab-inv-doc { text-align: end; background: #f3f7f4; }
.ab-inv-co { font-size: 22px; font-weight: 800; color: #0f3d2e; line-height: 1.3; }
.ab-inv-kicker { font-size: 13px; font-weight: 700; color: #8a6a32; }
.ab-inv-no { margin-top: 2px; font-size: 20px; font-weight: 800; color: #0f3d2e; }
.ab-inv-sub { margin-top: 2px; font-size: 12px; color: #4b5b53; }
.ab-logo {
	display: block;
	height: 56px;
	width: auto;
	max-width: 140px;
	object-fit: contain;
	margin-bottom: 8px;
}
.ab-inv-doc .ab-logo { margin-inline-start: auto; }
.ab-logo-center { margin: 12px auto; }
.ab-inv-op {
	background: #0f3d2e;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 22px;
}
.ab-inv-facts { width: 100%; border-collapse: collapse; }
.ab-inv-facts td {
	width: 25%;
	padding: 10px 14px;
	border-bottom: 1px solid #e3ebe6;
	vertical-align: top;
}
.ab-inv-facts span { display: block; font-size: 11px; color: #6b7c74; }
.ab-inv-facts strong { display: block; margin-top: 2px; font-size: 14px; font-weight: 700; }
.ab-inv-lines { width: 100%; border-collapse: collapse; table-layout: fixed; }
.ab-inv-lines th {
	width: 50%;
	background: #e7f0eb;
	color: #0f3d2e;
	font-size: 12px;
	font-weight: 700;
	text-align: start;
	padding: 8px 22px;
}
.ab-inv-lines th:last-child,
.ab-inv-lines td:last-child { text-align: end; }
.ab-inv-lines td {
	padding: 12px 22px;
	border-bottom: 1px solid #e3ebe6;
	font-size: 15px;
}
.ab-inv-lines tbody tr:nth-child(even) td { background: #f7faf8; }
.ab-inv-total td {
	background: #0f3d2e !important;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	border-bottom: none;
}
.ab-inv-words {
	margin: 16px 22px 0;
	padding: 10px 14px;
	background: #fbf8f2;
	border: 1px solid #eadcc4;
	font-size: 14px;
	font-weight: 700;
}
.ab-stamp {
	display: block;
	height: 72px;
	width: auto;
	max-width: 110px;
	margin: 0 auto 8px;
	object-fit: contain;
}
.ab-stamp-center { margin: 16px auto 0; }
.ab-inv-signs { width: 100%; border-collapse: collapse; margin-top: 8px; }
.ab-inv-signs td {
	width: 50%;
	text-align: center;
	vertical-align: bottom;
	padding: 8px 36px 20px;
}
.ab-inv-line {
	border-top: 1px solid #14221c;
	margin: 42px 12px 8px;
}
.ab-inv-signs span { font-size: 13px; color: #4b5b53; }
.ab-inv-foot {
	border-top: 8px solid #0f3d2e;
	background: #f3f7f4;
	padding: 8px 22px;
	font-size: 11px;
	color: #4b5b53;
	text-align: center;
}