/* Logo her ekranda oranini koruyarak sigsin */
#logo {
	width: auto !important;
	height: auto !important;
	max-width: min(220px, 80%) !important;
	max-height: 64px !important;
	object-fit: contain;
}

/* Giris ekrani: ortali, biraz daha buyuk */
#login-form #logo,
#layout-content > .formcontent #logo {
	display: block;
	margin: 0 auto 1.5rem;
	max-height: 72px !important;
}

/* Sol menu (masaustu dar sutun) */
#layout-menu #logo {
	max-width: 90% !important;
	max-height: 40px !important;
}

/* Telefon */
@media screen and (max-width: 480px) {
	#login-form #logo {
		max-width: 70% !important;
		max-height: 56px !important;
	}
}

/* Logo siyah: karanlik modda beyaza cevir */
html.dark-mode #logo {
	filter: invert(1) brightness(1.1);
}