#layout-menu {
	background: #f5f0ff !important;
	/* border-right: 3px solid #D5BFF2; */
	margin-right: -3px !important;
	box-shadow: 8px 0 10px rgba(176, 138, 204, 0.2);
	transition: all 0.3s ease-in-out;
}

.menu-item.active {
	font-weight: bold;
	/* transform: scale(1.05); */
	/* border-left: 4px solid #B58ED3; */
	color: #4A1E66;
}

.menu-header {
	color: #72389D;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.menu-item {
	transition: all 0.3s ease-in-out;
}

.menu-link {
	display: flex;
	align-items: center;
	padding: 12px 15px;
	border-radius: 8px;
	color: #5A2B7B;
	transition: background 0.3s ease, transform 0.2s ease;
	font-weight: 500;
}

	.menu-link i {
		font-size: 20px;
		margin-right: 10px;
		color: #9B6FC3;
	}

.menu-sub {
	padding-left: 15px;
}

	.menu-sub .menu-item .menu-link {
		padding: 10px;
		font-size: 14px;
	}

	.menu-sub .menu-item:hover .menu-link {
		background: rgba(181, 142, 211, 0.2);
	}

/* Custom styles goes here */
.ql-container {
	height: 300px !important;
	overflow-y: auto;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-grab {
  cursor: grab;
}
.dt-rowReorder-moving {
  cursor: grabbing !important;
}

.layout-menu-collapsed .app-brand-logo {
	display: none !important;
}

.layout-menu .app-brand-logo-mini {
	display: none !important;
}

.layout-menu-collapsed .app-brand-logo-mini {
	display: flex !important;
}


.layout-menu-collapsed.layout-menu-hover .app-brand-logo {
	display: block !important;
}

.layout-menu-collapsed.layout-menu-hover .app-brand-logo-mini {
	display: none !important;
}
.layout-menu-collapsed .menu-agreement {
	display: none !important;
}
.layout-menu-collapsed.layout-menu-hover .menu-agreement {
	display: flex !important;
}

.menu-item.active i {
	color: #ffffff !important;
}





.text-custom-purple {
	color: #6a0dad !important;
}

/*.dropdown-menu {
	display: none;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.3s ease;
	right:0;
	left: auto;
}

.dropdown:hover > .dropdown-menu {
	display: block;
	opacity: 1;
	transform: translateY(0);
}*/

/* Butona hover edildiğinde ikon çizgili → doluya geçer */
button:hover .notify-icon,
button.show .notify-icon {
	content: '';
	font-family: "remixicon";
	font-size: 1.25rem;
}

	button:hover .notify-icon::before,
	button.show .notify-icon::before {
		content: "\ec9d"; /* ri-notification-3-fill */
	}


#notificationIconLine,
#notificationIconFill {
	transition: opacity 0.2s ease, transform 0.2s ease;
}


.layout-navbar .navbar-dropdown .dropdown-menu {
	overflow: hidden;
	min-inline-size: 23.75rem;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{
	transform: rotate(90deg);
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
	content: '➤' !important;
}
table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
	background-color: rgba(var(--bs-primary-rgb), 0.08) !important;
}
table.dataTable>tbody>tr.selected>*{
	box-shadow: none !important;
	color: var(--bs-body-color) !important;
}



.dataTables_filter {
			width: 100% !important; /* küçük ekranda tam genişlik */
		}

		@media (max-width: 575.98px) {
			.dataTables_filter label {
				display: flex !important;
				align-items: center !important;
				width: 100% !important;
			}

			.dataTables_filter label input {
				flex-grow: 1 !important;
				margin-left: 0.5rem !important; /* "Ara:" ile boşluk */
			}

			div.dataTables_wrapper div.dataTables_paginate ul.pagination {
				justify-content: center !important; /* veya istediğin */
			}
		}

		/* sm ve üstünde normal davranış */
		@media (min-width: 576px) {
			.dataTables_filter label input {
				flex-grow: 0 !important; /* büyümesin */
				width: auto !important; /* Bootstrap default kalsın */
			}

			div.dataTables_wrapper div.dataTables_filter {
				text-align: right !important;
			}
		}

#layout-menu .menu-agreement {
		flex: 0 0 auto; /* Yüksekliği sabit */
		border-top: 1px solid #ddd;
		background: #f5f0ff !important;
		margin-bottom:0px;
		padding-left:0px;
	}
#layout-menu .menu-inner {
  flex: 1 1 auto;
  min-height: 0;  /* FLEX içindeki aşırı büyümeyi engelle */
}
#layout-menu {
	height: 100% !important;
}