/* Synan branding (generated from Synan Branding Settings and tokens.json) */
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/synan_lebanon/branding/fonts/ibm-plex-sans-arabic-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; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/synan_lebanon/branding/fonts/ibm-plex-sans-arabic-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; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/synan_lebanon/branding/fonts/ibm-plex-sans-arabic-arabic-600-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; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/synan_lebanon/branding/fonts/ibm-plex-sans-arabic-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; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/synan_lebanon/branding/fonts/ibm-plex-sans-arabic-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: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/synan_lebanon/branding/fonts/ibm-plex-sans-arabic-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: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/synan_lebanon/branding/fonts/ibm-plex-sans-arabic-latin-600-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: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/synan_lebanon/branding/fonts/ibm-plex-sans-arabic-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; }
html:root, html[data-theme="light"] { --synan-primary: #435796; --synan-action: #435796; --synan-action-hover: #394A80; --synan-action-active: #303F6C; --synan-on-action: #FFFFFF; --synan-link: #435796; --synan-link-hover: #364678; --synan-focus: #8592BB; --synan-secondary: #535353; --synan-accent: #A8B7DF; --synan-selected-bg: #E7EBF6; --synan-selected-bg-subtle: #F3F5FB; --synan-selected-text: #303F6C; --primary: #435796; --primary-color: #435796; --brand-color: #435796; --btn-primary: #435796; --border-primary: #435796; --focus-default: 0 0 0 2px #8592BB; --checkbox-focus-shadow: 0 0 0 2px #8592BB; --sidebar-select-color: #E7EBF6; --sidebar-active-color: #E7EBF6; --highlight-color: #F3F5FB; --bg-blue: #E7EBF6; --bg-light-blue: #F3F5FB; --text-on-blue: #303F6C; --text-on-light-blue: #435796; --alert-bg-info: #F3F5FB; --alert-text-info: #303F6C; --dt-selection-highlight-color: #E7EBF6; --synan-success: #317A45; --synan-success-bg: #ECF9EE; --synan-warning: #8D5E00; --synan-warning-bg: #FDF4E7; --synan-danger: #B33736; --synan-danger-bg: #FFF0EE; --synan-chart-1: #435796; --synan-chart-2: #A8B7DF; --synan-chart-3: #358989; --synan-chart-4: #D09945; --synan-chart-5: #B76271; --synan-chart-6: #639564; --synan-chart-7: #7B63A3; --synan-chart-8: #868686; --synan-radius-sm: 4px; --synan-radius-md: 6px; --synan-radius-lg: 8px; --synan-radius-xl: 12px; --synan-radius-pill: 999px; --synan-shadow-sm: 0 1px 2px rgba(38, 38, 38, 0.06); --synan-shadow-md: 0 2px 8px rgba(38, 38, 38, 0.08); --synan-shadow-lg: 0 8px 24px rgba(38, 38, 38, 0.10); --font-stack: "InterVariable", "Inter", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Tahoma, sans-serif; --synan-font-stack-rtl: "IBM Plex Sans Arabic", "InterVariable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Tahoma, sans-serif; }
html:root[data-theme="dark"] { --synan-primary: #A8B7DF; --synan-action: #A8B7DF; --synan-action-hover: #B9C5E5; --synan-action-active: #B9C5E5; --synan-on-action: #1B1F2A; --synan-link: #A8B7DF; --synan-link-hover: #B9C5E5; --synan-focus: #A8B7DF; --synan-selected-bg: #34373F; --synan-selected-text: #CBD4EC; --primary: #A8B7DF; --primary-color: #A8B7DF; --brand-color: #A8B7DF; --btn-primary: #A8B7DF; --border-primary: #A8B7DF; --focus-default: 0 0 0 2px #A8B7DF; --checkbox-focus-shadow: 0 0 0 2px #A8B7DF; --sidebar-select-color: #34373F; --sidebar-active-color: #34373F; --bg-blue: #34373F; --text-on-blue: #CBD4EC; --synan-selected-bg-subtle: #282A2F; --highlight-color: #282A2F; --bg-light-blue: #282A2F; --text-on-light-blue: #A8B7DF; --alert-bg-info: #34373F; --alert-text-info: #CBD4EC; --dt-selection-highlight-color: #34373F; }
html:root[dir="rtl"], html:root:lang(ar) { --font-stack: "IBM Plex Sans Arabic", "InterVariable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Tahoma, sans-serif; }
html body .btn.btn-primary, html body .page-card .btn-login, html body .page-card .btn-primary { background-color: var(--synan-action) !important; border-color: var(--synan-action) !important; color: var(--synan-on-action) !important; --icon-stroke: currentColor; }
html body .btn.btn-primary:hover, html body .page-card .btn-login:hover, html body .page-card .btn-primary:hover { background-color: var(--synan-action-hover) !important; }
html body .btn.btn-primary:active, html body .page-card .btn-login:active { background-color: var(--synan-action-active) !important; color: var(--synan-on-action) !important; }
html body .from-markdown a:not(.btn), html body .web-page-content a:not(.btn), html body .page-card a:not(.btn), html body .msgprint a:not(.btn), html body .help-box a:not(.btn), html body .form-message a:not(.btn), html body .synan-about a:not(.btn) { color: var(--synan-link); }
html body .from-markdown a:not(.btn):hover, html body .web-page-content a:not(.btn):hover, html body .page-card a:not(.btn):hover, html body .msgprint a:not(.btn):hover, html body .help-box a:not(.btn):hover, html body .form-message a:not(.btn):hover, html body .synan-about a:not(.btn):hover { color: var(--synan-link-hover); }
html body .form-control:focus, html body .btn:focus-visible, html body a:focus-visible { box-shadow: var(--focus-default); }
html body ::selection { background: var(--synan-selected-bg); color: inherit; }
html body .list-row-container:has(.list-row-checkbox:checked), html body .list-row-container:has(.list-row-checkbox:checked) .list-row, html body .list-row-container:has(.list-row-checkbox:checked) .list-row .level-right { background-color: var(--synan-selected-bg); }
html body .page-card .page-card-body .forgot-password-message > a:not(.btn) { color: var(--synan-link); }
html body .page-card .page-card-body .forgot-password-message > a:not(.btn):hover { color: var(--synan-link-hover); }
html body[data-path="login"] { background-color: var(--synan-selected-bg-subtle); }
html body, html body .navbar, html body .page-container, html body .form-control, html body .btn { font-family: var(--font-stack); }
html body [lang="ar"], html body [dir="rtl"] { font-family: var(--synan-font-stack-rtl); }
html body .datatable, html body .report-summary, html body .number-widget-box, html body .frappe-control[data-fieldtype="Currency"], html body .frappe-control[data-fieldtype="Float"], html body .frappe-control[data-fieldtype="Int"], html body .frappe-control[data-fieldtype="Percent"], html body .grid-static-col[data-fieldtype="Currency"], html body .grid-static-col[data-fieldtype="Float"], html body .grid-static-col[data-fieldtype="Int"], html body .grid-static-col[data-fieldtype="Percent"] { font-variant-numeric: tabular-nums; }
body[data-path="login"] .page-card-head img.app-logo { content: url("/assets/synan_lebanon/branding/logo-horizontal.png?v=c2db650f"); max-height: 48px; }
[data-theme="dark"] .navbar-brand img.app-logo, [data-theme="dark"] .header-logo img { content: url("/assets/synan_lebanon/branding/logo-mark-dark.png?v=15bb6922"); }