.hr-dashboard-layout {
	display: flex;
	width: 100%;
	overflow: hidden;
}

.hr-dashboard-layout hr-main-wrapper {
	flex-grow: 1;
	width: 100%; /* Initial width */
	/* transition: width 0.3s ease-in-out; */
}

.hr-dashboard-layout .hr-resizer {
	width: 10px;
	cursor: ew-resize;
	background-color: #dee2e6;
	flex-shrink: 0;
}

.hr-dashboard-layout .hr-right-sidebar-panel {
	flex-shrink: 0;
	width: 0; /* Hidden by default */
	/* transition: width 0.3s ease-in-out; */
	overflow-y: auto;
	background-color: #f8f9fa;
	border-left: 1px solid #dee2e6;
}

.hr-dashboard-layout.right-sidebar-open hr-main-wrapper {
	width: calc(100% - 300px); /* Shrink wrapper when sidebar is open */
}

.hr-dashboard-layout.right-sidebar-open .hr-right-sidebar-panel {
	width: 500px; /* Show sidebar */
	padding-top: 1.5rem;
	max-height: 100vh;
}