{"content_type":"text/css","filename":"flowerp_dynamic.css","message":"/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FlowERP Dynamic CSS Bridge \u2014 Auto-generated\n   Source: FlowERP Theme Settings (DocType)\n   ALHADDAQ Information Technology \u00b7 flowerp.one\n   Version: 5.0.0\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap\");\n\n\n/* \u2500\u2500 Global CSS Custom Properties \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n:root {\n  /* Brand Colors */\n  --brand:            #6BCD7A;\n  --brand-600:        #4aa85a;\n  --brand-700:        #2d7a3d;\n  --brand-10:         rgba(107,205,122,0.1);\n  --brand-20:         rgba(107,205,122,0.2);\n  --brand-shadow:     rgba(107,205,122,0.3);\n\n  /* Layout */\n  --sidebar-w:        248px;\n  --topbar-h:         54px;\n\n  /* Border Radius */\n  --r-xs:             4px;\n  --r-sm:             6px;\n  --r-md:             8px;\n  --r-lg:             12px;\n  --r-xl:             16px;\n  --r-2xl:            24px;\n  --r-full:           9999px;\n\n  /* Typography */\n  --text-base:        13px;\n  --font:             'IBM Plex Sans Arabic', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n  --font-mono:        'IBM Plex Mono', 'Courier New', monospace;\n}\n\n/* \u2500\u2500 Apply Font Globally \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\nbody, .frappe-app, .desk-sidebar, .page-head,\n.form-page, .list-page, .report-wrapper {\n  font-family: var(--font) !important;\n  font-size:   var(--text-base) !important;\n}\n\n/* \u2500\u2500 Sidebar Width \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.layout-side-section,\n.desk-sidebar {\n  width: var(--sidebar-w) !important;\n  min-width: var(--sidebar-w) !important;\n}\n.layout-main-section-wrapper {\n  margin-right: var(--sidebar-w) !important;\n}\n\n/* \u2500\u2500 Topbar Height \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.navbar {\n  height: var(--topbar-h) !important;\n  min-height: var(--topbar-h) !important;\n}\n.page-head {\n  top: var(--topbar-h) !important;\n}\n\n/* \u2500\u2500 Brand Color \u2014 Primary Buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.btn-primary {\n  background-color: var(--brand) !important;\n  border-color:     var(--brand) !important;\n  color:            #fff !important;\n}\n.btn-primary:hover, .btn-primary:focus {\n  background-color: var(--brand-600) !important;\n  border-color:     var(--brand-600) !important;\n  box-shadow:       0 4px 12px var(--brand-shadow) !important;\n}\n\n/* \u2500\u2500 Brand Color \u2014 Links & Accents \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\na, .blue-link, .indicator-pill.green,\n.form-tabs-list .tab-link.active {\n  color: var(--brand-700) !important;\n}\n.indicator-pill.green { background: var(--brand-10) !important; }\n\n/* \u2500\u2500 Active Sidebar Item \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.desk-sidebar .standard-sidebar-item.selected,\n.desk-sidebar .standard-sidebar-item:hover {\n  background: var(--brand-10) !important;\n  border-right: 3px solid var(--brand) !important;\n  color: var(--brand-700) !important;\n}\n\n/* \u2500\u2500 Form Focus Ring \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.form-control:focus, .input-with-feedback:focus,\n.frappe-control input:focus, .frappe-control textarea:focus {\n  border-color: var(--brand) !important;\n  box-shadow:   0 0 0 3px var(--brand-10) !important;\n  outline:      none !important;\n}\n\n/* \u2500\u2500 Progress / Indicator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.progress-bar { background-color: var(--brand) !important; }\n.indicator.green { background: var(--brand) !important; }\n\n/* \u2500\u2500 Border Radii \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.btn, button                  { border-radius: var(--r-md) !important; }\n.form-control, .input-with-feedback { border-radius: var(--r-sm) !important; }\n.card, .desk-sidebar          { border-radius: var(--r-lg) !important; }\n.modal-content                { border-radius: var(--r-xl) !important; }\n.badge                        { border-radius: var(--r-full) !important; }\n\n/* \u2500\u2500 Dark Mode \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n[data-theme=\"dark\"] {\n  --brand-10:  rgba(107,205,122,0.15);\n  --brand-20:  rgba(107,205,122,0.25);\n}\n\n\n\n/* \u2500\u2500 Custom CSS (from DocType) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n"}