/* Flowva Desk stylesheet 1 of 5: Core & the curated themes. The 5 files load one after the other (hooks.py: app_include_css and web_include_css, in this order) and work as one file. */
/* Flowva Desk v3.24.4
   -------------------------------------------------------------------------
   Design-Following Universal Scrollbar System
   ------------------------------------------------------------------------- */
:root {
	--flowva-scrollbar-thumb: rgba(0, 0, 0, 0.18);
	--flowva-scrollbar-thumb-hover: rgba(249, 115, 22, 0.65);
}

::-webkit-scrollbar {
	width: 6px !important;
	height: 6px !important;
}

::-webkit-scrollbar-track {
	background: transparent !important;
}

::-webkit-scrollbar-thumb {
	background: var(--flowva-scrollbar-thumb, rgba(0, 0, 0, 0.18)) !important;
	border-radius: 9999px !important;
	transition: background-color 0.2s ease !important;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--flowva-scrollbar-thumb-hover, var(--flowva-accent, var(--primary, #f97316))) !important;
}

::-webkit-scrollbar-corner {
	background: transparent !important;
}

* {
	scrollbar-width: thin !important;
	scrollbar-color: var(--flowva-scrollbar-thumb, rgba(0, 0, 0, 0.18)) transparent !important;
}

[data-flowva-preset="stock-dark"] ::-webkit-scrollbar-thumb,
html[data-theme="dark"] ::-webkit-scrollbar-thumb,
[data-flowva-preset*="dark"] ::-webkit-scrollbar-thumb {
	background: var(--flowva-scrollbar-thumb, rgba(255, 255, 255, 0.22)) !important;
}

[data-flowva-preset="stock-dark"] *,
html[data-theme="dark"] *,
[data-flowva-preset*="dark"] * {
	scrollbar-color: var(--flowva-scrollbar-thumb, rgba(255, 255, 255, 0.22)) transparent !important;
}


/* =========================================================================
   Flowva Desk - Unified Stylesheet (Frappe v16 / ERPNext)
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Global Brand & Workspace Logo Sizing (Universal across all themes)
   ------------------------------------------------------------------------- */
.workspace-brand-logo-img,
.sidebar-header-brand-logo {
	display: inline-block !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	max-width: 34px !important;
	object-fit: contain !important;
	border-radius: 9px !important;
	margin-right: 10px !important;
	vertical-align: middle !important;
	flex-shrink: 0 !important;
	transition: transform 180ms ease, opacity 180ms ease !important;
}

.sidebar-header:hover .sidebar-header-brand-logo,
.sidebar-header:hover .workspace-brand-logo-img,
.sidebar-header:hover .flowva-brand-badge,
.sidebar-header-brand-logo:hover,
.workspace-brand-logo-img:hover,
.flowva-brand-badge:hover {
	transform: translateY(-1px) scale(1.05) !important;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.12)) !important;
}

/* Eradicate tooltip interference and hover lag on sidebar items */
.body-sidebar .tooltip,
.desk-sidebar .tooltip,
.body-sidebar-container .tooltip {
	pointer-events: none !important;
}

/* Instantly suppress stock Frappe workspace icon / logo in sidebar header so it never flashes (preserve search & dropdowns) */
.sidebar-header .sidebar-header-icon:not([item-name="Search"]):not([data-name="Search"]):not(.search-icon):not(.search-bar),
.sidebar-header .app-icon:not([item-name="Search"]):not([data-name="Search"]),
.sidebar-header .workspace-icon:not([item-name="Search"]):not([data-name="Search"]) {
	display: none !important;
}
.sidebar-header .sidebar-header-brand-logo {
	display: inline-block !important;
}

.sidebar-header .sidebar-header-icon:not([item-name="Search"]):not([data-name="Search"]):not(.search-icon),
.sidebar-header .desktop-icon,
.sidebar-header .app-icon,
.sidebar-header .workspace-icon {
	display: none !important;
}

/* Guarantee sidebar header dropdown menu is styled properly above all overlays and visible when active/shown */
.sidebar-header .dropdown-menu,
.sidebar-header .frappe-menu,
.sidebar-header .context-menu,
.sidebar-header-menu,
.frappe-menu.context-menu,
.context-menu,
.frappe-menu {
	z-index: 1065 !important;
}

.sidebar-header .dropdown-menu.show,
.sidebar-header .frappe-menu.show,
.sidebar-header .context-menu.show,
.sidebar-header-menu.show,
.frappe-menu.context-menu.show,
.context-menu.show,
.frappe-menu.show,
.sidebar-header.active-sidebar .dropdown-menu,
.sidebar-header.active-sidebar .dropdown-menu.show,
.sidebar-header.active-sidebar .sidebar-header-menu,
.sidebar-header.active-sidebar .sidebar-header-menu.show,
.sidebar-header.active-sidebar .frappe-menu,
.sidebar-header.active-sidebar .frappe-menu.show,
.sidebar-header.active-sidebar .context-menu,
.sidebar-header.active-sidebar .context-menu.show,
.sidebar-header.active-sidebar ~ .frappe-menu,
.sidebar-header.active-sidebar ~ .context-menu,
.sidebar-header.active-sidebar ~ .frappe-menu.context-menu,
[data-flowva-sidebar-menu="1"],
.context-menu[data-flowva-sidebar-menu="1"],
.frappe-menu[data-flowva-sidebar-menu="1"],
.frappe-menu.context-menu[data-flowva-sidebar-menu="1"] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 1065 !important;
}
[item-name="Search"],
[data-name="Search"],
.standard-sidebar-item[item-name="Search"],
.standard-sidebar-item[data-name="Search"],
.standard-sidebar-item[data-item-name="Search"],
.body-sidebar-top [item-name="Search"],
.body-sidebar-top [data-name="Search"],
.sidebar-header [item-name="Search"],
.sidebar-header [data-name="Search"],
.sidebar-header .search-icon,
.sidebar-search {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}
[item-name="Search"] *,
[data-name="Search"] *,
.sidebar-search * {
	visibility: visible !important;
	opacity: 1 !important;
}

/* Custom injected search in phone view only is suppressed */
.flowva-injected-search,
.sidebar-item-container.flowva-injected-search {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	overflow: hidden !important;
}

/* Zero-flash pure-CSS instant suppression of About, Support, Documentation in dropdown menus (Point 6) */
.dropdown-menu [data-label*="About" i],
.dropdown-menu [data-name*="about" i],
.dropdown-menu [data-label*="Support" i],
.dropdown-menu [data-name*="support" i],
.dropdown-menu [data-label*="Documentation" i],
.dropdown-menu [data-name*="documentation" i],
.dropdown-menu a[href*="frappe.io"],
.dropdown-menu a[onclick*="show_about"],
.dropdown-menu [data-name="show-about"],
.frappe-menu [data-label*="About" i],
.frappe-menu [data-label*="Support" i],
.context-menu [data-label*="About" i],
.context-menu [data-label*="Support" i] {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	pointer-events: none !important;
}

/* Sidebar Header Dropdown: Active expanded styles on desktop & mobile */
.sidebar-header.active-sidebar,
.sidebar-header[aria-expanded="true"],
.sidebar-header.open,
.sidebar-header.show {
	background: var(--flowva-nav-hover, rgba(249, 115, 22, 0.08)) !important;
	border-color: var(--primary, #f97316) !important;
	border-radius: 10px !important;
	box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.25) !important;
}

.sidebar-header:not(.active-sidebar):not([aria-expanded="true"]):not(.show):focus,
.sidebar-header:not(.active-sidebar):not([aria-expanded="true"]):not(.show):focus-visible,
.sidebar-header:not(.active-sidebar):not([aria-expanded="true"]):not(.show):focus-within,
.sidebar-header:not(.active-sidebar):not([aria-expanded="true"]):not(.show):active,
.sidebar-header:not(.active-sidebar):not([aria-expanded="true"]):not(.show) *:focus {
	outline: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* Base chevron transition so it smoothly rotates back to 0deg when closing */
.sidebar-header .drop-icon,
.sidebar-header .es-icon-chevron-down,
.sidebar-header [class*="chevron"],
.sidebar-header svg:has(use[href*="chevron"]),
.sidebar-header svg:has(use[*|href*="chevron"]) {
	transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
}

/* Active chevron inversion (180deg) when open */
.sidebar-header.active-sidebar .drop-icon,
.sidebar-header[aria-expanded="true"] .drop-icon,
.sidebar-header.open .drop-icon,
.sidebar-header.show .drop-icon,
.sidebar-header.active-sidebar .es-icon-chevron-down,
.sidebar-header[aria-expanded="true"] .es-icon-chevron-down,
.sidebar-header.active-sidebar [class*="chevron"],
.sidebar-header[aria-expanded="true"] [class*="chevron"],
.sidebar-header.active-sidebar svg:has(use[href*="chevron"]),
.sidebar-header.active-sidebar svg:has(use[*|href*="chevron"]),
.sidebar-header[aria-expanded="true"] svg:has(use[href*="chevron"]),
.sidebar-header[aria-expanded="true"] svg:has(use[*|href*="chevron"]) {
	transform: rotate(180deg) !important;
	color: var(--primary, #f97316) !important;
}

[data-flowva-preset="stock-dark"] .sidebar-header.active-sidebar,
html[data-theme="dark"] .sidebar-header.active-sidebar,
[data-flowva-preset="stock-dark"] .sidebar-header[aria-expanded="true"],
html[data-theme="dark"] .sidebar-header[aria-expanded="true"] {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(251, 146, 60, 0.5) !important;
	box-shadow: 0 0 0 1px rgba(251, 146, 60, 0.25) !important;
}

/* -------------------------------------------------------------------------
   Sidebar Sizing, Text Overflow & Desktop Rules (>= 992px)
   ------------------------------------------------------------------------- */
@media (min-width: 992px) {
	body:not([data-flowva-desktop-view="1"]) .desk-sidebar,
	body:not([data-flowva-desktop-view="1"]) .body-sidebar,
	body:not([data-flowva-desktop-view="1"]) .body-sidebar-container,
	body:not([data-flowva-desktop-view="1"]) .body-sidebar-container:not(.collapsed):not(.hidden) {
		width: 240px !important;
		min-width: 240px !important;
		max-width: 250px !important;
		flex: 0 0 240px !important;
		display: flex !important;
		flex-direction: column !important;
		height: 100vh !important;
		max-height: 100vh !important;
		min-height: 100vh !important;
		box-sizing: border-box !important;
		position: relative !important;
	}

	/* Instantaneous suppression of body-sidebar-container strictly in desktop app launcher mode */
	body[data-flowva-desktop-view="1"] .body-sidebar-container,
	body[data-flowva-desktop-view="1"] .body-sidebar,
	body[data-flowva-desktop-view="1"] .desk-sidebar,
	body[data-flowva-desktop-view="1"] .layout-side-section,
	html[data-flowva-desktop-view="1"] .body-sidebar-container,
	html[data-flowva-desktop-view="1"] .body-sidebar,
	html[data-flowva-desktop-view="1"] .desk-sidebar,
	html[data-flowva-desktop-view="1"] .layout-side-section,
	body[data-route="desktop"] .body-sidebar-container,
	body[data-route="desktop"] .body-sidebar,
	body[data-route="desktop"] .desk-sidebar,
	body[data-route="desktop"] .layout-side-section {
		display: none !important;
		width: 0 !important;
		min-width: 0 !important;
		max-width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		flex: 0 0 0px !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	/* Complete suppression of Frappe body-sidebar-placeholder (eliminates 48px free space gap above sidebar dropdown) */
	.body-sidebar-container .body-sidebar-placeholder,
	.body-sidebar-placeholder,
	body[data-sidebar="1"] .body-sidebar-container.expanded .body-sidebar-placeholder,
	.body-sidebar-container.expanded .body-sidebar-placeholder {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		visibility: hidden !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}



	.body-sidebar-bottom,
	.desk-sidebar-bottom,
	.sidebar-bottom {
		margin-top: auto !important;
		flex-shrink: 0 !important;
		flex: 0 0 auto !important;
		width: 100% !important;
		position: relative !important;
		bottom: 0 !important;
		padding: 8px 10px 0 10px !important;
	}

	/* Navbar toggle buttons must never appear on desktop */
	.sidebar-toggle-btn,
	.page-head .sidebar-toggle-btn,
	.page-head-content .sidebar-toggle-btn,
	.breadcrumbs .sidebar-toggle-btn,
	.navbar .sidebar-toggle-btn {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
	}

	/* On desktop, hide dock trigger button only when sidebar is expanded */
	body:not(.sidebar-hidden):not(.flowva-sidebar-is-collapsed) .flowva-sidebar-dock-trigger,
	body:not(.sidebar-hidden):not(.flowva-sidebar-is-collapsed) #flowva-sidebar-dock-trigger {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		width: 0 !important;
		height: 0 !important;
	}
}

/* Sidebar Expander Trigger Dock Button (Floating on left edge when collapsed) */
.flowva-sidebar-dock-trigger {
	position: fixed !important;
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1045 !important;
	width: 38px !important;
	height: 38px !important;
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	border: 1px solid rgba(226, 232, 240, 0.95) !important;
	border-left: none !important;
	border-radius: 0 20px 20px 0 !important;
	box-shadow: 4px 0 18px rgba(0, 0, 0, 0.10), 0 2px 6px var(--flowva-glow-color, rgba(249, 115, 22, 0.2)) !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	user-select: none !important;
	transition: width 0.26s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.26s cubic-bezier(0.16, 1, 0.3, 1),
	            box-shadow 0.26s ease,
	            border-color 0.26s ease,
	            background-color 0.26s ease !important;
}

/* Computer Hover Animation: smoothly expands width to 50px, scales up 1.06, arrow shifts 3px right */
@media (min-width: 992px) {
	.flowva-sidebar-dock-trigger:hover {
		width: 50px !important;
		transform: translateY(-50%) scale(1.06) !important;
		box-shadow: 6px 0 28px rgba(0, 0, 0, 0.16), 0 4px 16px var(--flowva-glow-color, rgba(249, 115, 22, 0.4)) !important;
		border-color: var(--flowva-accent, var(--primary, #f97316)) !important;
		background: var(--card-bg, #ffffff) !important;
	}

	.flowva-sidebar-dock-trigger:hover .flowva-sidebar-dock-arrow {
		transform: translateX(3px) !important;
		color: var(--flowva-accent, var(--primary, #f97316)) !important;
	}
}

.flowva-sidebar-dock-icon-wrap {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.flowva-sidebar-dock-arrow {
	transition: transform 0.22s ease, color 0.22s ease !important;
	font-size: 13px !important;
	color: var(--text-muted, #64748b) !important;
}

[data-flowva-preset="stock-dark"] .flowva-sidebar-dock-trigger,
html[data-theme="dark"] .flowva-sidebar-dock-trigger {
	background: rgba(30, 41, 59, 0.95) !important;
	border-color: rgba(51, 65, 85, 0.85) !important;
	box-shadow: 4px 0 22px rgba(0, 0, 0, 0.45) !important;
}

[data-flowva-preset="stock-dark"] .flowva-sidebar-dock-trigger:hover,
html[data-theme="dark"] .flowva-sidebar-dock-trigger:hover {
	background: #1e293b !important;
}

/* Strictly hide sidebar expander dock trigger in desktop view (top-level grid) */
body[data-flowva-desktop-view="1"] .flowva-sidebar-dock-trigger,
body[data-flowva-desktop-view="1"] #flowva-sidebar-dock-trigger,
html[data-flowva-desktop-view="1"] .flowva-sidebar-dock-trigger,
html[data-flowva-desktop-view="1"] #flowva-sidebar-dock-trigger {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
}

.standard-sidebar-item .sidebar-item-label,
.flowva-sidebar-item .sidebar-item-label,
.sidebar-item-container .sidebar-item-label {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

[item-name="Search"] .sidebar-item-icon,
[item-name="Notification"] .sidebar-item-icon,
[item-name="Notifications"] .sidebar-item-icon,
[data-name="Search"] .sidebar-item-icon,
[data-name="Notification"] .sidebar-item-icon,
[data-name="Notifications"] .sidebar-item-icon,
.body-sidebar-top .sidebar-item-icon,
.sidebar-header-items .sidebar-item-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	visibility: visible !important;
	opacity: 0.85 !important;
}

[item-name="Search"] svg,
[item-name="Notification"] svg,
[item-name="Notifications"] svg,
[data-name="Search"] svg,
[data-name="Notification"] svg,
[data-name="Notifications"] svg,
.body-sidebar-top svg,
.sidebar-header-items svg {
	display: inline-block !important;
	width: 15px !important;
	height: 15px !important;
	visibility: visible !important;
	opacity: 0.85 !important;
}


/* Eradication of Background Box Behind Loading Logo & Universal Transparent Splash */
#splash,
.splash,
#freeze,
.freeze,
.splash .splash-logo,
#splash .splash-logo,
.splash-container,
.splash-content,
.splash-inner,
.freeze-message-container,
.freeze-message,
html #splash,
html .splash {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
}

/* Ensure the workspace page header subtitle under / Stock remains completely free */
.splash img[src*="frappe-framework-logo"],
.splash img[src*="frappe-favicon"],
#splash img[src*="erpnext-logo"],
#splash img[src*="frappe-framework-logo"],
#splash img[src*="frappe-favicon"] {
	animation: none !important;
	filter: none !important;
}

/* Rich, larger loading logo with floating pulse and subtle theme glow */
.splash img.flowva-splash-logo,
.splash img:not([src*="erpnext-logo"]):not([src*="frappe-framework-logo"]):not([src*="frappe-favicon"]),
.flowva-loading-logo,
.flowva-freeze-logo,
.flowva-splash-logo,
#splash img,
.splash img {
	width: 78px !important;
	height: 78px !important;
	max-width: 260px !important;
	max-height: 84px !important;
	object-fit: contain !important;
	display: block !important;
	margin: 0 auto 16px auto !important;
	animation: flowva-loading-pulse-float 2s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95) !important;
	filter: drop-shadow(0 8px 24px var(--flowva-glow-color, rgba(249, 115, 22, 0.35))) !important;
}

@keyframes flowva-loading-pulse-float {
	0%, 100% {
		transform: translateY(0) scale(0.96);
		opacity: 0.92;
		filter: drop-shadow(0 6px 16px var(--flowva-glow-color, rgba(249, 115, 22, 0.25)));
	}
	50% {
		transform: translateY(-6px) scale(1.08);
		opacity: 1;
		filter: drop-shadow(0 14px 28px var(--flowva-glow-color, rgba(249, 115, 22, 0.45)));
	}
}

/* -------------------------------------------------------------------------
   Theme Specific Background Palettes (Universal across Root, Body, Splash, Freeze, Navbar, Sidebar)
   ------------------------------------------------------------------------- */

/* 1. Flowva Orange (Light) */
[data-flowva-preset="flowva-orange"],
[data-flowva-preset="flowva-orange"] body:not([data-path="login"]),
[data-flowva-preset="flowva-orange"] .body-sidebar,
[data-flowva-preset="flowva-orange"] .desk-sidebar,
[data-flowva-preset="flowva-orange"] .layout-side-section,
[data-flowva-preset="flowva-orange"] .page-container,
[data-flowva-preset="flowva-orange"] .layout-main-section,
[data-flowva-preset="flowva-orange"] .layout-main,
[data-flowva-preset="flowva-orange"] .page-body,
[data-flowva-preset="flowva-orange"] .desk-body,
[data-flowva-preset="flowva-orange"] .workspace-page,
[data-flowva-preset="flowva-orange"] .desktop-grid,
[data-flowva-preset="flowva-orange"] .desktop-icons,
[data-flowva-preset="flowva-orange"] .navbar,
[data-flowva-preset="flowva-orange"] .navbar-default,
html:not([data-flowva-preset]):not([data-theme="dark"]),
html:not([data-flowva-preset]):not([data-theme="dark"]) body:not([data-path="login"]),
html:not([data-flowva-preset]):not([data-theme="dark"]) .body-sidebar,
html:not([data-flowva-preset]):not([data-theme="dark"]) .desk-sidebar,
html:not([data-flowva-preset]):not([data-theme="dark"]) .layout-side-section,
html:not([data-flowva-preset]):not([data-theme="dark"]) .page-container,
html:not([data-flowva-preset]):not([data-theme="dark"]) .layout-main-section,
html:not([data-flowva-preset]):not([data-theme="dark"]) .layout-main,
html:not([data-flowva-preset]):not([data-theme="dark"]) .page-body,
html:not([data-flowva-preset]):not([data-theme="dark"]) .desk-body,
html:not([data-flowva-preset]):not([data-theme="dark"]) .workspace-page,
html:not([data-flowva-preset]):not([data-theme="dark"]) .desktop-grid,
html:not([data-flowva-preset]):not([data-theme="dark"]) .desktop-icons,
html:not([data-flowva-preset]):not([data-theme="dark"]) .navbar,
html:not([data-flowva-preset]):not([data-theme="dark"]) .navbar-default {
	background-color: #fffaf5 !important;
	background: #fffaf5 !important;
	transition: none !important;
	--flowva-sidebar-hover-bg: rgba(249, 115, 22, 0.08);
	--flowva-sidebar-hover-color: #ea580c;
	--flowva-sidebar-active-bg: rgba(249, 115, 22, 0.12);
	--flowva-sidebar-active-color: #c2410c;
	--flowva-sidebar-active-border: #f97316;
	--flowva-glow-color: rgba(249, 115, 22, 0.35);
}

/* 2. Flowva Indigo Palette */
[data-flowva-preset="flowva-indigo"],
[data-flowva-preset="flowva-indigo"] body:not([data-path="login"]),
[data-flowva-preset="flowva-indigo"] .body-sidebar,
[data-flowva-preset="flowva-indigo"] .desk-sidebar,
[data-flowva-preset="flowva-indigo"] .layout-side-section,
[data-flowva-preset="flowva-indigo"] .page-container,
[data-flowva-preset="flowva-indigo"] .layout-main-section,
[data-flowva-preset="flowva-indigo"] .layout-main,
[data-flowva-preset="flowva-indigo"] .page-body,
[data-flowva-preset="flowva-indigo"] .desk-body,
[data-flowva-preset="flowva-indigo"] .workspace-page,
[data-flowva-preset="flowva-indigo"] .desktop-grid,
[data-flowva-preset="flowva-indigo"] .desktop-icons,
[data-flowva-preset="flowva-indigo"] .navbar {
	background-color: #f8fafc !important;
	background: #f8fafc !important;
	transition: none !important;
	--flowva-sidebar-hover-bg: rgba(99, 102, 241, 0.08);
	--flowva-sidebar-hover-color: #4f46e5;
	--flowva-sidebar-active-bg: rgba(99, 102, 241, 0.12);
	--flowva-sidebar-active-color: #3730a3;
	--flowva-sidebar-active-border: #6366f1;
	--flowva-glow-color: rgba(99, 102, 241, 0.35);
}

/* 3. Luminous Aurora Glass Palette */
[data-flowva-preset="aurora-glass"],
[data-flowva-preset="aurora-glass"] body:not([data-path="login"]),
[data-flowva-preset="aurora-glass"] .body-sidebar,
[data-flowva-preset="aurora-glass"] .desk-sidebar,
[data-flowva-preset="aurora-glass"] .layout-side-section,
[data-flowva-preset="aurora-glass"] .page-container,
[data-flowva-preset="aurora-glass"] .layout-main-section,
[data-flowva-preset="aurora-glass"] .layout-main,
[data-flowva-preset="aurora-glass"] .page-body,
[data-flowva-preset="aurora-glass"] .desk-body,
[data-flowva-preset="aurora-glass"] .workspace-page,
[data-flowva-preset="aurora-glass"] .desktop-grid,
[data-flowva-preset="aurora-glass"] .desktop-icons,
[data-flowva-preset="aurora-glass"] .navbar {
	background-color: #f5f3ff !important;
	background: #f5f3ff !important;
	transition: none !important;
	--flowva-sidebar-hover-bg: rgba(139, 92, 246, 0.08);
	--flowva-sidebar-hover-color: #7c3aed;
	--flowva-sidebar-active-bg: rgba(139, 92, 246, 0.12);
	--flowva-sidebar-active-color: #5b21b6;
	--flowva-sidebar-active-border: #8b5cf6;
	--flowva-glow-color: rgba(139, 92, 246, 0.35);
}

/* 4. Nordic Slate Palette */
[data-flowva-preset="nordic-slate"],
[data-flowva-preset="nordic-slate"] body:not([data-path="login"]),
[data-flowva-preset="nordic-slate"] .body-sidebar,
[data-flowva-preset="nordic-slate"] .desk-sidebar,
[data-flowva-preset="nordic-slate"] .layout-side-section,
[data-flowva-preset="nordic-slate"] .page-container,
[data-flowva-preset="nordic-slate"] .layout-main-section,
[data-flowva-preset="nordic-slate"] .layout-main,
[data-flowva-preset="nordic-slate"] .page-body,
[data-flowva-preset="nordic-slate"] .desk-body,
[data-flowva-preset="nordic-slate"] .workspace-page,
[data-flowva-preset="nordic-slate"] .desktop-grid,
[data-flowva-preset="nordic-slate"] .desktop-icons,
[data-flowva-preset="nordic-slate"] .navbar {
	background-color: #f8fafc !important;
	background: #f8fafc !important;
	transition: none !important;
	--flowva-sidebar-hover-bg: rgba(15, 23, 42, 0.06);
	--flowva-sidebar-hover-color: #0f172a;
	--flowva-sidebar-active-bg: rgba(15, 23, 42, 0.10);
	--flowva-sidebar-active-color: #020617;
	--flowva-sidebar-active-border: #334155;
	--flowva-glow-color: rgba(15, 23, 42, 0.25);
}

/* 5. Soft Clay Neumorphic Palette */
[data-flowva-preset="soft-clay"],
[data-flowva-preset="soft-clay"] body:not([data-path="login"]),
[data-flowva-preset="soft-clay"] .body-sidebar,
[data-flowva-preset="soft-clay"] .desk-sidebar,
[data-flowva-preset="soft-clay"] .layout-side-section,
[data-flowva-preset="soft-clay"] .page-container,
[data-flowva-preset="soft-clay"] .layout-main-section,
[data-flowva-preset="soft-clay"] .layout-main,
[data-flowva-preset="soft-clay"] .page-body,
[data-flowva-preset="soft-clay"] .desk-body,
[data-flowva-preset="soft-clay"] .workspace-page,
[data-flowva-preset="soft-clay"] .desktop-grid,
[data-flowva-preset="soft-clay"] .desktop-icons,
[data-flowva-preset="soft-clay"] .navbar {
	background-color: #f1f5f9 !important;
	background: #f1f5f9 !important;
	transition: none !important;
	--flowva-sidebar-hover-bg: rgba(180, 83, 9, 0.08);
	--flowva-sidebar-hover-color: #b45309;
	--flowva-sidebar-active-bg: rgba(180, 83, 9, 0.12);
	--flowva-sidebar-active-color: #78350f;
	--flowva-sidebar-active-border: #d97706;
	--flowva-glow-color: rgba(217, 119, 6, 0.35);
}

/* 5. Soft Clay Neumorphic (Refined Tactile Clay) */
[data-flowva-preset="soft-clay"],
[data-flowva-preset="soft-clay"] body:not([data-path="login"]),
[data-flowva-preset="soft-clay"] .body-sidebar,
[data-flowva-preset="soft-clay"] .desk-sidebar,
[data-flowva-preset="soft-clay"] .layout-side-section,
[data-flowva-preset="soft-clay"] .page-container,
[data-flowva-preset="soft-clay"] .layout-main-section,
[data-flowva-preset="soft-clay"] .layout-main,
[data-flowva-preset="soft-clay"] .page-body,
[data-flowva-preset="soft-clay"] .desk-body,
[data-flowva-preset="soft-clay"] .workspace-page,
[data-flowva-preset="soft-clay"] .desktop-grid,
[data-flowva-preset="soft-clay"] .desktop-icons,
[data-flowva-preset="soft-clay"] .navbar {
	background-color: #f4efe6 !important;
	background: #f4efe6 !important;
	color: #292524 !important;
	transition: none !important;
	--primary: #0d9488;
	--primary-rgb: 13, 148, 136;
	--flowva-sidebar-hover-bg: rgba(13, 148, 136, 0.08);
	--flowva-sidebar-hover-color: #0f766e;
	--flowva-sidebar-active-bg: rgba(13, 148, 136, 0.14);
	--flowva-sidebar-active-color: #115e59;
	--flowva-sidebar-active-border: #0d9488;
	--flowva-glow-color: rgba(13, 148, 136, 0.30);
	--flowva-scrollbar-thumb: rgba(13, 148, 136, 0.25);
	--flowva-scrollbar-thumb-hover: rgba(13, 148, 136, 0.55);
}

/* 6. Editorial Swiss Paper (Refined Linen White & Charcoal) */
[data-flowva-preset="stock-light"] .page-body,
[data-flowva-preset="stock-light"] .desk-body,
[data-flowva-preset="stock-light"] .workspace-page,
[data-flowva-preset="stock-light"] .desktop-grid,
[data-flowva-preset="stock-light"] .desktop-icons,
[data-flowva-preset="stock-light"] .navbar {
	background-color: #ffffff !important;
	background: #ffffff !important;
	transition: none !important;
	--flowva-sidebar-hover-bg: rgba(0, 0, 0, 0.05);
	--flowva-sidebar-hover-color: #1e293b;
	--flowva-sidebar-active-bg: rgba(0, 0, 0, 0.08);
	--flowva-sidebar-active-color: #0f172a;
	--flowva-sidebar-active-border: #64748b;
	--flowva-glow-color: rgba(100, 116, 139, 0.25);
}

/* 8. Dark Mode Theme Support (Stock Dark, html[data-theme="dark"], and future dark presets) */
html[data-flowva-preset="stock-dark"],
html[data-flowva-preset="stock-dark"] body:not([data-path="login"]),
html[data-flowva-preset*="dark"],
html[data-flowva-preset*="dark"] body:not([data-path="login"]),
html[data-theme="dark"],
html[data-theme="dark"] body:not([data-path="login"]),
[data-flowva-preset="stock-dark"] .page-container,
[data-flowva-preset="stock-dark"] .layout-main-section,
[data-flowva-preset="stock-dark"] .layout-main,
[data-flowva-preset="stock-dark"] .page-body,
[data-flowva-preset="stock-dark"] .desk-body,
[data-flowva-preset="stock-dark"] .workspace-page,
[data-flowva-preset="stock-dark"] .desktop-grid,
[data-flowva-preset="stock-dark"] .desktop-icons,
[data-flowva-preset="stock-dark"] .navbar,
[data-flowva-preset="stock-dark"] .navbar-default,
[data-flowva-preset="stock-dark"] .body-sidebar,
[data-flowva-preset="stock-dark"] .desk-sidebar,
[data-flowva-preset="stock-dark"] .layout-side-section,
html[data-theme="dark"] .page-container,
html[data-theme="dark"] .layout-main-section,
html[data-theme="dark"] .layout-main,
html[data-theme="dark"] .page-body,
html[data-theme="dark"] .desk-body,
html[data-theme="dark"] .workspace-page,
html[data-theme="dark"] .desktop-grid,
html[data-theme="dark"] .desktop-icons,
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .navbar-default,
html[data-theme="dark"] .body-sidebar,
html[data-theme="dark"] .desk-sidebar,
html[data-theme="dark"] .layout-side-section {
	background-color: #0b0f19 !important;
	background: #0b0f19 !important;
	color: #f1f5f9 !important;
	transition: none !important;
	--flowva-sidebar-hover-bg: rgba(255, 255, 255, 0.08);
	--flowva-sidebar-hover-color: #f8fafc;
	--flowva-sidebar-active-bg: rgba(255, 255, 255, 0.14);
	--flowva-sidebar-active-color: #ffffff;
	--flowva-sidebar-active-border: #94a3b8;
	--flowva-glow-color: rgba(255, 255, 255, 0.2);
}

/* -------------------------------------------------------------------------
   Round Checkboxes for Flowva Orange Theme (Modern Tactile Circular Design)
   ------------------------------------------------------------------------- */
[data-flowva-preset="flowva-orange"] input[type="checkbox"],
[data-flowva-preset="flowva-orange"] .checkbox input[type="checkbox"],
[data-flowva-preset="flowva-orange"] .list-row-checkbox,
[data-flowva-preset="flowva-orange"] .grid-row-check,
html:not([data-flowva-preset]) input[type="checkbox"],
html:not([data-flowva-preset]) .checkbox input[type="checkbox"],
html:not([data-flowva-preset]) .list-row-checkbox,
html:not([data-flowva-preset]) .grid-row-check {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	width: 17px !important;
	height: 17px !important;
	min-width: 17px !important;
	min-height: 17px !important;
	border-radius: 50% !important;
	border: 2px solid var(--border-color, #d1d5db) !important;
	background-color: var(--card-bg, #ffffff) !important;
	cursor: pointer !important;
	position: relative !important;
	overflow: hidden !important;
	contain: paint !important;
	clip-path: circle(50% at 50% 50%) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: middle !important;
	margin: 0 6px 0 0 !important;
	padding: 0 !important;
	outline: none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
	transition: all 180ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-flowva-preset="flowva-orange"] input[type="checkbox"]:hover,
html:not([data-flowva-preset]) input[type="checkbox"]:hover {
	border-color: #f97316 !important;
	transform: scale(1.08) !important;
	box-shadow: 0 2px 6px rgba(249, 115, 22, 0.25) !important;
}

[data-flowva-preset="flowva-orange"] input[type="checkbox"]:checked,
[data-flowva-preset="flowva-orange"] .checkbox input[type="checkbox"]:checked,
[data-flowva-preset="flowva-orange"] .list-row-checkbox:checked,
[data-flowva-preset="flowva-orange"] .grid-row-check:checked,
html:not([data-flowva-preset]) input[type="checkbox"]:checked,
html:not([data-flowva-preset]) .checkbox input[type="checkbox"]:checked,
html:not([data-flowva-preset]) .list-row-checkbox:checked,
html:not([data-flowva-preset]) .grid-row-check:checked {
	background-color: #f97316 !important;
	border-color: #f97316 !important;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 80% 80% !important;
	box-shadow: 0 2px 8px rgba(249, 115, 22, 0.38) !important;
}

[data-flowva-preset="flowva-orange"] input[type="checkbox"]:indeterminate,
html:not([data-flowva-preset]) input[type="checkbox"]:indeterminate {
	background-color: #f97316 !important;
	border-color: #f97316 !important;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M3 8a1 1 0 011-1h8a1 1 0 110 2H4a1 1 0 01-1-1z'/%3e%3c/svg%3e") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 70% 70% !important;
}

[data-flowva-preset="flowva-orange"] input[type="checkbox"]:focus,
html:not([data-flowva-preset]) input[type="checkbox"]:focus {
	box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.25) !important;
}

[data-flowva-preset="flowva-orange"] .custom-checkbox .custom-control-label::before,
[data-flowva-preset="flowva-orange"] .custom-control.custom-checkbox .custom-control-label::before,
html:not([data-flowva-preset]) .custom-checkbox .custom-control-label::before {
	border-radius: 50% !important;
	transition: all 180ms ease !important;
}
[data-flowva-preset="flowva-orange"] .custom-control-input:checked ~ .custom-control-label::before,
html:not([data-flowva-preset]) .custom-control-input:checked ~ .custom-control-label::before {
	border-color: #f97316 !important;
	background-color: #f97316 !important;
}

/* Zero out Frappe's list checkbox touch padding variable so calc(-1 * var(--list-checkbox-padding)) computes to 0 */
:root,
html,
body,
.frappe-list,
.list-row-container,
.list-row,
.list-row-head,
.select-like,
.list-subject,
input.list-row-checkbox,
input.list-header-checkbox,
input.list-check-all {
	--list-checkbox-padding: 0px !important;
}

/* Strictly eradicate Frappe's invisible touch-target pseudo-elements (::after and ::before)
   that stretch across the screen and hijack clicks anywhere in the list view (Screenshot 1 Fix) */
input.list-row-checkbox::after,
input.list-row-checkbox::before,
input.list-header-checkbox::after,
input.list-header-checkbox::before,
input.list-check-all::after,
input.list-check-all::before,
input[type="checkbox"]::after,
input[type="checkbox"]::before,
.list-row-checkbox::after,
.list-row-checkbox::before,
.list-header-checkbox::after,
.list-header-checkbox::before,
.list-check-all::after,
.list-check-all::before,
.frappe-list input[type="checkbox"]::after,
.frappe-list input[type="checkbox"]::before,
.frappe-list .select-like::after,
.frappe-list .select-like::before,
.frappe-list .level-item-select-like::after,
.frappe-list .level-item-select-like::before,
.level-item.select-like::after,
.level-item.select-like::before,
.level-left.select-like::after,
.level-left.select-like::before,
.select-like::after,
.select-like::before {
	display: none !important;
	content: none !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	position: static !important;
	inset: auto !important;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	pointer-events: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Eradicate any background, border, or box behind the logo during splash, reload, and freeze (Screenshot 1 Fix) */
#splash .splash-inner,
.splash .splash-inner,
#splash .splash-logo-container,
.splash .splash-logo-container,
#splash .splash-content,
.splash .splash-content,
#splash .splash-icon-wrapper,
.splash-inner,
.splash-logo-container,
#freeze .freeze-message,
#freeze .freeze-message-container,
.freeze-message,
.freeze-message-container,
.flowva-splash-logo,
.flowva-loading-logo,
.flowva-freeze-logo {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .form-control:focus {
	border-color: #f97316 !important;
	box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.22) !important;
}

/* -------------------------------------------------------------------------
   THEME 2: FLOWVA INDIGO (Clean SaaS & Soft Layered Elevation)
   ------------------------------------------------------------------------- */
.navbar-header a.navbar-brand > svg,
header.navbar a.navbar-brand > img.app-logo:not(.flowva-navbar-brand-logo),
header.navbar .navbar-brand > img.app-logo:not(.flowva-navbar-brand-logo),
.navbar-header a.navbar-brand > img.app-logo:not(.flowva-navbar-brand-logo) {
	display: none !important;
}

/* The Desktop's top bar (Frappe 16: .desktop-navbar > .navbar-home > img#brand-logo) and every other brand slot: the
   stock logo never paints. The Flowva logo (or brand name) goes in as soon as the bar is drawn, before it is painted
   (flowva_desk_sync.js, the icon observer). Stronger than the 24px sizing rule of flowva_desk_mobile.css. */
html[data-flowva-theme="1"] .navbar-home > img:not(.flowva-navbar-brand-logo),
html[data-flowva-theme="1"] .navbar-home > svg,
html[data-flowva-theme="1"] .navbar-brand > img:not(.flowva-navbar-brand-logo),
html[data-flowva-theme="1"] .navbar-brand > svg,
html[data-flowva-theme="1"] #brand-logo:not(.flowva-navbar-brand-logo) {
	display: none !important;
}

/* Zero-flash for sidebar icons: Hide stock Frappe SVGs so they never flash before FontAwesome icons render */
.sidebar-item-icon svg,
.standard-sidebar-item .sidebar-item-icon svg,
.desk-sidebar-item .sidebar-item-icon svg,
.standard-sidebar-item > svg:not(.es-icon-chevron-right):not(.es-icon-chevron-down),
.sidebar-item-container .sidebar-item-icon svg,
.sidebar-items .sidebar-item-icon svg {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
}

/* ...except icons chosen in the Sidebar Customizer (custom tabs, standard-tab overrides): those can be
   Frappe SVG icons (e.g. "tool", "projects") and must stay visible */
.sidebar-item-icon[data-flowva-user-icon] svg,
.sidebar-item-icon[data-flowva-icon^="user:"] svg {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 16px !important;
	height: 16px !important;
}

.body-sidebar-top svg,
.desk-sidebar-top svg,
.layout-side-section svg {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	vertical-align: middle !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.body-sidebar .sidebar-item-icon,
.desk-sidebar .sidebar-item-icon,
.sidebar-items .sidebar-item-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 20px !important;
	min-width: 20px !important;
	height: 20px !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin-right: 8px !important;
}

/* In-Workspace Customize Sidebar Button */
.flowva-sidebar-custom-btn {
	border-radius: var(--border-radius-sm, 6px);
	font-size: 0.78rem;
	font-weight: 600;
	border: 1px solid var(--border-color);
	transition: all 160ms ease;
}

.flowva-sidebar-custom-btn:hover {
	border-color: var(--primary);
	color: var(--primary);
}

/* -------------------------------------------------------------------------
   4. Core Flowva Typography & Base Rules
   ------------------------------------------------------------------------- */
[data-flowva-theme="1"] {
	--flowva-transition: 160ms cubic-bezier(0.4, 0, 0.2, 1);
	--flowva-card-bg: var(--card-bg, var(--fg-color, #ffffff));
}

[data-flowva-theme="1"] body,
[data-flowva-theme="1"] .navbar,
[data-flowva-theme="1"] input,
[data-flowva-theme="1"] textarea,
[data-flowva-theme="1"] select,
[data-flowva-theme="1"] button {
	font-family: var(--font-stack, "InterVariable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[data-flowva-theme="1"] .navbar {
	border-bottom: 1px solid var(--border-color);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* =========================================================================
   5. THE 6 CURATED THEMES
   ========================================================================= */

/* -------------------------------------------------------------------------
   THEME 1: FLOWVA ORANGE (Clean SaaS & Radiant Warm Orange Elevation)
   ------------------------------------------------------------------------- */
[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] {
	--flowva-scrollbar-thumb: rgba(249, 115, 22, 0.28);
	--flowva-scrollbar-thumb-hover: rgba(234, 88, 12, 0.70);
	--flowva-accent: #f97316;
	--primary: #f97316;
	--primary-color: #f97316;
	--btn-primary: #f97316;
	--border-radius: 10px;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .widget {
	border-radius: 10px !important;
	border: 1px solid var(--border-color) !important;
	box-shadow: 0 4px 18px -2px rgba(249, 115, 22, 0.10), 0 2px 6px -1px rgba(0, 0, 0, 0.03) !important;
	transition: all 200ms ease;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .widget:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px -4px rgba(249, 115, 22, 0.20) !important;
	border-color: rgba(249, 115, 22, 0.40) !important;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .btn-primary,
[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .es-button[data-variant="solid"] {
	background: linear-gradient(135deg, #ea580c 0%, #f97316 100%) !important;
	box-shadow: 0 4px 12px rgba(249, 115, 22, 0.32) !important;
	border: none !important;
	color: #ffffff !important;
}

/* Every other theme (the dark ones have no button rule of their own): the theme's accent, with a text
   colour that stays readable on it (--flowva-on-accent: dark text on bright accents such as cyan) */
[data-flowva-theme="1"] .btn-primary {
	background: linear-gradient(135deg, color-mix(in srgb, var(--flowva-accent, #f97316) 84%, #000000) 0%, var(--flowva-accent, #f97316) 100%) !important;
	box-shadow: 0 4px 12px var(--flowva-glow-color, rgba(249, 115, 22, 0.32)) !important;
	border: none !important;
	color: var(--flowva-on-accent, #ffffff) !important;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .standard-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .standard-sidebar-item.active,
[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .flowva-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .flowva-sidebar-item.active {
	background-color: rgba(249, 115, 22, 0.12) !important;
	color: #ea580c !important;
	font-weight: 600 !important;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-orange"] .form-control:focus {
	border-color: #f97316 !important;
	box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.22) !important;
}

/* -------------------------------------------------------------------------
   THEME 2: FLOWVA INDIGO (Clean SaaS & Soft Layered Elevation)
   ------------------------------------------------------------------------- */
[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] {
	--flowva-scrollbar-thumb: rgba(99, 102, 241, 0.28);
	--flowva-scrollbar-thumb-hover: rgba(79, 70, 229, 0.70);
	--flowva-accent: #5b6cff;
	--primary: #5b6cff;
	--primary-color: #5b6cff;
	--btn-primary: #5b6cff;
	--border-radius: 10px;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .widget {
	border-radius: 10px !important;
	border: 1px solid var(--border-color) !important;
	box-shadow: 0 4px 18px -2px rgba(91, 108, 255, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.03) !important;
	transition: all 200ms ease;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .widget:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px -4px rgba(91, 108, 255, 0.16) !important;
	border-color: rgba(91, 108, 255, 0.35) !important;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .btn-primary,
[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .es-button[data-variant="solid"] {
	background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important;
	box-shadow: 0 4px 12px rgba(91, 108, 255, 0.32) !important;
	border: none !important;
	color: #ffffff !important;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .standard-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .standard-sidebar-item.active,
[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .flowva-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .flowva-sidebar-item.active {
	background-color: rgba(91, 108, 255, 0.10) !important;
	color: #4f46e5 !important;
	font-weight: 600 !important;
}

[data-flowva-theme="1"][data-flowva-preset="flowva-indigo"] .form-control:focus {
	border-color: #5b6cff !important;
	box-shadow: 0 0 0 3px rgba(91, 108, 255, 0.22) !important;
}

/* -------------------------------------------------------------------------
   THEME 3: AURORA GLASS (Ultra-Modern Frosted Glassmorphism)
   ------------------------------------------------------------------------- */
[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] {
	--flowva-accent: #7c3aed;
	--primary: #7c3aed;
	--primary-color: #7c3aed;
	--btn-primary: #7c3aed;
	--border-radius: 16px;
}

[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] .widget {
	background: rgba(255, 255, 255, 0.78) !important;
	backdrop-filter: blur(18px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.85) !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 30px -4px rgba(139, 92, 246, 0.08), 0 2px 8px -2px rgba(100, 116, 139, 0.04), inset 0 1px 1px 0 rgba(255, 255, 255, 0.95) !important;
	transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] .widget:hover {
	transform: translateY(-2.5px) scale(1.004) !important;
	box-shadow: 0 16px 36px -6px rgba(139, 92, 246, 0.18), 0 4px 12px -2px rgba(99, 102, 241, 0.10), inset 0 1px 1px 0 rgba(255, 255, 255, 1) !important;
	border-color: rgba(168, 85, 247, 0.45) !important;
}

[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] .btn-primary,
[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] .es-button[data-variant="solid"] {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%) !important;
	box-shadow: 0 4px 16px rgba(139, 92, 246, 0.40) !important;
	border: none !important;
	color: #ffffff !important;
}

[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] .standard-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] .standard-sidebar-item.active,
[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] .flowva-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="aurora-glass"] .flowva-sidebar-item.active {
	background-color: rgba(139, 92, 246, 0.12) !important;
	color: #7c3aed !important;
	font-weight: 600 !important;
}

/* -------------------------------------------------------------------------
   THEME 4: NORDIC SLATE (Minimalist Scandinavian Precision & Hairline Borders)
   ------------------------------------------------------------------------- */
[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] {
	--flowva-accent: #0284c7;
	--primary: #0284c7;
	--primary-color: #0284c7;
	--btn-primary: #0284c7;
	--border-radius: 8px;
}

[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] .widget {
	border-radius: 8px !important;
	border: 1px solid #cbd5e1 !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] .widget:hover {
	border-color: #94a3b8 !important;
	box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.08) !important;
}

[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] .btn-primary,
[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] .es-button[data-variant="solid"] {
	background: #0284c7 !important;
	border-color: #0284c7 !important;
	box-shadow: 0 2px 6px rgba(2, 132, 199, 0.3) !important;
	color: #ffffff !important;
}

[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] .standard-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] .standard-sidebar-item.active,
[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] .flowva-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="nordic-slate"] .flowva-sidebar-item.active {
	background-color: rgba(2, 132, 199, 0.10) !important;
	color: #0369a1 !important;
	font-weight: 600 !important;
}

/* -------------------------------------------------------------------------
   THEME 5: SOFT CLAY NEUMORPHIC (3D Tactile Dual-Light Extrusion)
   ------------------------------------------------------------------------- */
[data-flowva-theme="1"][data-flowva-preset="soft-clay"] {
	--flowva-accent: #a86e4b;
	--primary: #a86e4b;
	--primary-color: #a86e4b;
	--btn-primary: #a86e4b;
	--border-radius: 18px !important;
}

[data-flowva-theme="1"][data-flowva-preset="soft-clay"] body,
[data-flowva-theme="1"][data-flowva-preset="soft-clay"] html {
	background-color: #f5f0e8 !important;
}

[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .widget {
	background: #f5f0e8 !important;
	border-radius: 18px !important;
	border: 1px solid rgba(255, 255, 255, 0.8) !important;
	box-shadow: 6px 6px 14px #e0d8cb, -6px -6px 14px #ffffff !important;
	transition: all 240ms ease;
}

[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .widget:hover {
	box-shadow: 12px 12px 24px rgba(163, 177, 198, 0.45), -12px -12px 24px rgba(255, 255, 255, 1) !important;
	transform: translateY(-2px);
}

[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .btn,
[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .es-button {
	border-radius: 14px !important;
	box-shadow: 4px 4px 10px rgba(163, 177, 198, 0.35), -4px -4px 10px rgba(255, 255, 255, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .btn:active,
[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .es-button:active {
	box-shadow: inset 3px 3px 6px rgba(163, 177, 198, 0.4), inset -3px -3px 6px rgba(255, 255, 255, 0.8) !important;
}

[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .btn-primary,
[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .es-button[data-variant="solid"] {
	background: #a86e4b !important;
	color: #ffffff !important;
	border-color: #a86e4b !important;
	box-shadow: 4px 4px 12px rgba(168, 110, 75, 0.3), -4px -4px 12px rgba(255, 255, 255, 0.8) !important;
}

[data-flowva-theme="1"][data-flowva-preset="soft-clay"] .form-control:focus {
	box-shadow: inset 3px 3px 6px rgba(163, 177, 198, 0.35), inset -3px -3px 6px rgba(255, 255, 255, 0.8) !important;
}

/* -------------------------------------------------------------------------
   THEME 6: EDITORIAL SWISS PAPER (Warm Linen Canvas & Serif Print Precision)
   ------------------------------------------------------------------------- */
[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] {
	--flowva-accent: #292524;
	--primary: #292524;
	--primary-color: #292524;
	--btn-primary: #292524;
	--border-radius: 6px !important;
}

[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] body,
[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .page-container {
	background-color: #fafaf9 !important;
}

[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .widget {
	border: 1px solid #e7e5e4 !important;
	box-shadow: none !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	transition: border-color 150ms ease;
}

[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .widget:hover {
	border-color: #a8a29e !important;
}

[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .btn-primary,
[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .es-button[data-variant="solid"] {
	background: #292524 !important;
	border-color: #292524 !important;
	box-shadow: none !important;
	color: #fafaf9 !important;
}

[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .standard-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .standard-sidebar-item.active,
[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .flowva-sidebar-item.selected,
[data-flowva-theme="1"][data-flowva-preset="swiss-paper"] .flowva-sidebar-item.active {
	background-color: rgba(41, 37, 36, 0.08) !important;
	color: #292524 !important;
	font-weight: 600 !important;
}

/* -------------------------------------------------------------------------
   6. CIRCULAR (ROUND 50%) CHECKBOXES: Soft Clay & Editorial Swiss Paper
   ------------------------------------------------------------------------- */
[data-flowva-preset="soft-clay"] input[type="checkbox"],
[data-flowva-preset="swiss-paper"] input[type="checkbox"],
[data-flowva-preset="soft-clay"] .form-check-input,
[data-flowva-preset="swiss-paper"] .form-check-input,
[data-flowva-preset="soft-clay"] .grid-row-check,
[data-flowva-preset="swiss-paper"] .grid-row-check,
[data-flowva-preset="soft-clay"] .standard-item-checkbox,
[data-flowva-preset="swiss-paper"] .standard-item-checkbox {
	border-radius: 50% !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 17px !important;
	height: 17px !important;
	border: 1.5px solid var(--border-color, #cbd5e1) !important;
	background-color: var(--card-bg, #ffffff) !important;
	display: inline-grid !important;
	place-content: center !important;
	cursor: pointer !important;
	transition: all 160ms ease !important;
	vertical-align: middle !important;
	flex-shrink: 0 !important;
	position: relative !important;
}

[data-flowva-preset="soft-clay"] input[type="checkbox"] {
	box-shadow: inset 2px 2px 4px rgba(163, 177, 198, 0.45), inset -2px -2px 4px rgba(255, 255, 255, 0.9) !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
}

[data-flowva-preset="soft-clay"] input[type="checkbox"]:checked,
[data-flowva-preset="swiss-paper"] input[type="checkbox"]:checked,
[data-flowva-preset="soft-clay"] .form-check-input:checked,
[data-flowva-preset="swiss-paper"] .form-check-input:checked,
[data-flowva-preset="soft-clay"] .grid-row-check:checked,
[data-flowva-preset="swiss-paper"] .grid-row-check:checked,
[data-flowva-preset="soft-clay"] .standard-item-checkbox:checked,
[data-flowva-preset="swiss-paper"] .standard-item-checkbox:checked {
	background-color: var(--primary, #0d9488) !important;
	border-color: var(--primary, #0d9488) !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
	background-size: 65% 65% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

[data-flowva-preset="soft-clay"] input[type="checkbox"]:checked {
	box-shadow: 2px 2px 6px rgba(13, 148, 136, 0.45), -2px -2px 6px rgba(255, 255, 255, 0.8) !important;
}