/* Marka rengi: logodaki mavi tondan alınmıştır (#2098d1) */
:root{
	--brand-primary: #2098d1;
	--brand-primary-dark: #1b7fae;
}

.btn-primary{
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
	background-color: var(--brand-primary-dark) !important;
	border-color: var(--brand-primary-dark) !important;
}
.btn-outline-primary{
	color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
}
.btn-outline-primary:hover{
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
}
.bg-primary{
	background-color: var(--brand-primary) !important;
}
.text-primary{
	color: var(--brand-primary) !important;
}
.badge-primary{
	background-color: var(--brand-primary) !important;
}
.page-item.active .page-link{
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
}
.custom-control-input:checked ~ .custom-control-label::before{
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
}

/* Sidebar / Navbar */
:root{
	--sidebar-bg: #16212e;
	--sidebar-bg-darker: #101923;
}

.main-sidebar.sidebar-dark-blue{
	background-color: var(--sidebar-bg) !important;
}

/* Marka / logo alanı */
.sidebar-dark-blue .brand-link{
	background-color: var(--sidebar-bg-darker) !important;
	border-bottom: 3px solid var(--brand-primary) !important;
	color: #ffffff !important;
	font-weight: 700;
	letter-spacing: 0.05em;
}

/* Kullanıcı paneli */
.sidebar-dark-blue .user-panel{
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.sidebar-dark-blue .user-panel .image i{
	background-color: var(--brand-primary);
	color: #fff;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sidebar-dark-blue .user-panel .info a{
	color: #ffffff !important;
	font-weight: 600;
}

/* Menü linkleri */
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link{
	color: #b7c3d1 !important;
	border-radius: 6px;
	margin: 2px 8px;
	transition: background-color 150ms ease, color 150ms ease;
}
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link .nav-icon,
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link .sbi{
	color: #7d92a8 !important;
	transition: color 150ms ease;
}
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link:hover{
	background-color: rgba(32,152,209,0.14) !important;
	color: #ffffff !important;
}
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link:hover .nav-icon,
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link:hover .sbi{
	color: var(--brand-primary) !important;
}
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active{
	background-color: var(--brand-primary) !important;
	color: #ffffff !important;
	box-shadow: 0 2px 8px rgba(32,152,209,0.35);
}
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active .nav-icon,
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active .sbi{
	color: #ffffff !important;
}

/* Alt menü (treeview) */
.sidebar-dark-blue .nav-treeview{
	background-color: var(--sidebar-bg-darker) !important;
	border-radius: 6px;
	margin: 0 8px;
}
.sidebar-dark-blue .nav-treeview > .nav-item > .nav-link{
	color: #9aabbc !important;
}
.sidebar-dark-blue .nav-treeview > .nav-item > .nav-link:hover{
	color: #ffffff !important;
	background-color: rgba(32,152,209,0.14) !important;
}
.sidebar-dark-blue .nav-treeview > .nav-item > .nav-link.active{
	color: var(--brand-primary) !important;
	background-color: transparent !important;
}

.main-header.navbar-white .nav-link:hover{
	color: var(--brand-primary);
}