:root {
	--dashboard-shell-max: 1440px;
	--dashboard-sidebar-width: 228px;
}

html,
body {
	min-height: 100%;
}

body.kreo-dashboard-standalone,
body.kreo-dashboard-standalone #root {
	min-height: 100vh;
	min-height: 100dvh;
}

body.kreo-dashboard-standalone .dashboard-shell {
	width: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: row;
}

body.kreo-dashboard-standalone .dashboard-workspace {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: none;
	min-height: 100vh;
	min-height: 100dvh;
	margin: 0;
	padding-inline: 0;
	box-sizing: border-box;
	overflow: visible;
}

body.kreo-dashboard-standalone .dashboard-sidebar,
body.kreo-dashboard-standalone .dashboard-main-panel {
	min-height: calc(100vh - 54px);
	min-height: calc(100dvh - 54px);
}

body.kreo-dashboard-standalone .dashboard-main-panel {
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: visible;
}

body.kreo-dashboard-standalone .dashboard-main-content {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	z-index: 1;
}

body.kreo-dashboard-standalone .top-navbar {
	position: sticky;
	top: 0;
	z-index: 70;
}

body.kreo-dashboard-standalone .navbar-notification-wrap.is-open,
body.kreo-dashboard-standalone .navbar-profile-wrap.is-open {
	z-index: 80;
}

body.kreo-dashboard-standalone .navbar-notifications-menu,
body.kreo-dashboard-standalone .navbar-profile-menu {
	z-index: 90;
}

@media (max-width: 768px) {
	body.kreo-dashboard-standalone .dashboard-workspace {
		padding-inline: 0;
	}
}

@media (min-width: 769px) {
	body.kreo-dashboard-standalone .top-navbar {
		display: block;
	}

	body.kreo-dashboard-standalone .navbar-mobile-overlay,
	body.kreo-dashboard-standalone .navbar-mobile-drawer {
		display: none !important;
	}

	body.kreo-dashboard-standalone .navbar-hamburger {
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

@media (max-width: 768px) {
	body.kreo-dashboard-standalone .navbar-menu {
		display: none;
	}
}