/**
 * KORA tema - turuncu-komur marka renkleri
 * KORA Bulut 35 icin dosya tabanli tema override'lari.
 */

/* ---------------------------------------------------------------
 * 1) KORA Bulut 25+ CSS degiskenleri (modern arayuz esas olarak
 *    bu degiskenleri kullanir)
 * --------------------------------------------------------------- */
:root,
body,
#body-user,
#body-settings,
#body-public,
#body-login {
	--color-primary: #D9482B;
	--color-primary-default: #D9482B;
	--color-primary-element: #D9482B;
	--color-primary-element-hover: #E85B3D;
	--color-primary-element-light: #FBE7E1;
	--color-primary-element-text: #ffffff;
	--color-primary-text: #ffffff;
	--color-main-background: #ffffff;
}

/* ---------------------------------------------------------------
 * 2) Header (ana marka rengi)
 * --------------------------------------------------------------- */
#body-user #header,
#body-settings #header,
#body-public #header,
#header {
	background-color: #ffffff !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
}

/* ---------------------------------------------------------------
 * 3) Giris ekrani (turuncu-komur gradyan)
 * --------------------------------------------------------------- */
#body-login {
	background-color: #D9482B;
	background-image: linear-gradient(160deg, #F0764F 0%, #D9482B 45%, #B23A22 100%);
}

/* ---------------------------------------------------------------
 * 4) Birincil butonlar
 * --------------------------------------------------------------- */
.primary,
input[type="submit"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
	border-color: #D9482B;
	background-color: #D9482B;
	color: #ffffff;
}

.primary:hover,
input[type="submit"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover,
.primary:focus,
input[type="submit"].primary:focus,
input[type="button"].primary:focus,
button.primary:focus,
.button.primary:focus {
	background-color: #E85B3D;
}

.primary:active,
input[type="submit"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
	background-color: #B23A22;
}

/* ---------------------------------------------------------------
 * 5) Logolar
 * --------------------------------------------------------------- */
#header .logo,
#firstrunwizard .logo {
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 190px;
	height: 44px;
}

#header .logo-icon {
	background-image: url('../img/logo-icon.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
	height: 44px;
}


/* ── KORA BEYAZ ETİKET (KORA Bulut izlerini gizle) ─────────────────────────
   Ölçümle belirlendi: giriş sayfasındaki bilgi satırı ve varsa kora bulut
   bağlantıları gizlenir; tema dışı marka kalıntısı kalmasın.               */
p.info, #body-login p.info, .footer, footer.footer, #footer { visibility: hidden !important; height: 0 !important; }

/* Turuncu vurgular (KORA #D9482B) */
:root { --color-primary: #D9482B; --color-primary-hover: #E85B3D; --color-primary-text: #160B07;
        --color-primary-element: #D9482B; --color-primary-element-hover: #E85B3D; }
a, .button-vue--vue-primary, .primary { color: #D9482B; }
.button-vue--vue-primary { background-color: #D9482B !important; border-color: #D9482B !important; color: #160B07 !important; }
#header .header-right a:hover, #app-navigation .app-navigation-entry.active { background-color: rgba(217,72,43,.12); }

/* KORA: asistan giris alani 5 satir (1) cok satirli zengin giris */
.rich-contenteditable__input--multiline,
.rich-contenteditable:has(.rich-contenteditable__input--multiline) .rich-contenteditable__input {
	min-height: 7rem !important;
	max-height: 14rem;
	overflow-y: auto;
}
/* KORA: asistan giris alani 5 satir (2) asistan uygulamasi/modali kapsami */
#app-content-assistant .rich-contenteditable__input,
#app-content-assistant .rich-contenteditable,
.assistant-modal .rich-contenteditable__input,
[class*="assistant"] .rich-contenteditable__input {
	min-height: 7rem !important;
	max-height: 14rem;
	overflow-y: auto;
}

/* KORA: asistan giris alani 4-5 satir (v2) — textarea + zengin giris, hem tam sayfa hem modal */
#app-content-assistant textarea,
#app-content-assistant textarea.textarea__input,
#app-content-assistant .rich-contenteditable__input,
.modal-container textarea,
.modal-container textarea.textarea__input,
.modal-container .rich-contenteditable__input,
.rich-contenteditable__input--multiline,
.rich-contenteditable:has(.rich-contenteditable__input--multiline) .rich-contenteditable__input {
	min-height: 7rem !important;
	height: auto !important;
	max-height: 16rem;
	overflow-y: auto;
}

/* 5) Giris karti: temiz beyaz */
#body-login form {
	background-color: #ffffff !important;
}
#body-login input[type="text"], #body-login input[type="password"] {
	background-color: #ffffff;
}

/* ═══════════════════════════════════════════════════════════════════════
 * KORA Bulut — PANO (Dashboard) özel tasarım
 * Turuncu-komur gradyan + cam kartlar + marka başlığı
 * ═══════════════════════════════════════════════════════════════════════ */

/* Pano arka planı: hafif turuncu gradyan */
#app-content-vue,
#app-dashboard,
#app-content.app-dashboard {
	background: linear-gradient(160deg, #f6f3fb 0%, #fdf1ec 55%, #f4eefb 100%) !important;
	min-height: 100vh;
}

/* Pano başlığı: "İyi geceler, KORA" → marka rengi + büyük */
#app-dashboard > h2 {
	color: #3b2464 !important;
	font-size: 30px !important;
	font-weight: 800 !important;
	letter-spacing: -0.5px;
}

/* Durum çipleri (Durum ayarla / hava) — turuncu vurgu */
#app-dashboard .statuses .button-vue--secondary {
	border-color: rgba(217, 72, 43, 0.35) !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
}
#app-dashboard .statuses .button-vue--secondary:hover {
	background-color: #ffffff !important;
	border-color: #D9482B !important;
}

/* ── Panel kartları: cam-lite + turuncu çerçeve + yumuşak gölge ── */
#app-dashboard .panel {
	background-color: rgba(255, 255, 255, 0.72) !important;
	border: 1px solid rgba(139, 58, 122, 0.16) !important;
	border-radius: 16px !important;
	box-shadow: 0 6px 24px rgba(59, 36, 100, 0.10) !important;
	overflow: hidden;
	backdrop-filter: blur(8px);
}

/* Panel başlığı: marka rengi + ince alt çizgi */
#app-dashboard .panel--header {
	border-bottom: 1px solid rgba(139, 58, 122, 0.12) !important;
	padding: 14px 18px !important;
}
#app-dashboard .panel--header h2 {
	color: #3b2464 !important;
	font-weight: 700 !important;
	font-size: 16px !important;
}

/* Panel içi boşluk */
#app-dashboard .panel--content {
	padding: 8px 6px !important;
}

/* Liste satırları: hover turuncu tonu */
#app-dashboard .item-list__entry:hover {
	background-color: rgba(217, 72, 43, 0.06) !important;
	border-radius: 10px !important;
}
#app-dashboard .item__details h3 {
	color: #2a1a3a !important;
}
#app-dashboard .item__details .message {
	color: #6b5b8a !important;
}

/* Boş durum ikonları: turuncu ton */
#app-dashboard .empty-content__icon {
	color: #8b3a7a !important;
	opacity: 0.85;
}
#app-dashboard .empty-content__name {
	color: #3b2464 !important;
	font-weight: 700;
}

/* Footer "Özelleştir" butonu — sadeleştir */
#app-dashboard .footer .button-vue--secondary {
	border-color: rgba(139, 58, 122, 0.25) !important;
	color: #8b3a7a !important;
}

/* Panel sürükleme tutamacı (draggable) — ince turuncu vurgu */
#app-dashboard .panel[data-draggable="true"]:hover {
	border-color: rgba(217, 72, 43, 0.4) !important;
	box-shadow: 0 10px 32px rgba(59, 36, 100, 0.16) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
 * KORA Bulut — HEADER SADELEŞTİRME
 * Only logo + arama + avatar kalır; waffle menü, uygulama adı,
 * asistan yıldızı, kişi ara gizlenir.
 * ═══════════════════════════════════════════════════════════════════════ */

/* Waffle menü (9 nokta) + "Pano" uygulama adı — gizle */
#header .app-menu,
#header #header-start__appmenu,
#header nav.app-menu {
	display: none !important;
}

/* KORA asistanı yıldızı — gizle */
#header #assistant,
#header .header-menu#assistant {
	display: none !important;
}

/* Kişi ara (contactsmenu) — gizle */
#header #contactsmenu,
#header .contactsmenu {
	display: none !important;
}

/* Bildirim zili — gizle (sadeleştirme) */
#header #notifications,
#header .notifications-button {
	display: none !important;
}

/* Sadece avatar/kullanıcı menüsü kalsın — sağda */
#header .header-end {
	justify-content: flex-end;
}

/* Logo alanı: waffle kaldırıldığı için logo solda tek başına rahat */
#header .header-start {
	justify-content: flex-start;
}

/* Arama çubuğu: ortada sadeleştir */
#header .header-center {
	flex: 1 1 auto;
}
#header .unified-search-input__field {
	border-radius: 20px !important;
	background-color: rgba(255, 255, 255, 0.9) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
 * KORA Bulut — LOGO (YENOTEK) — login + header
 * Nextcloud'un --image-logo değişkenini YENOTEK logosuyla ezer.
 * ═══════════════════════════════════════════════════════════════════════ */
:root {
	--image-logo: url('../img/logo.png') !important;
	--image-logoheader: url('../img/logo.png') !important;
}

/* Login sayfası logosu */
#body-login .logo,
#body-login #header .logo,
#header .logo {
	background-image: url('../img/logo.png') !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

/* ═══════════════════════════════════════════════════════════════════════
 * KORA Bulut — MODERN GİRİŞ EKRANI (2026-09-27 yeniden tasarım)
 * Koyu komur gradyan + cam kart + turuncu vurgu. Marka dili: landing + pano ile aynı.
 * Ölçülen DOM: #body-login > .wrapper > #header.header-guest(.logo)
 *              .guest-content > .guest-box.login-box > .login-box__wrapper
 *              form.login-form > fieldset.login-form__fieldset
 *              h2.login-form__headline · .input-field__input/.input-field__label
 * ═══════════════════════════════════════════════════════════════════════ */

/* 1) Zemin: derin komur + turuncu ışıklar (eski turuncu gradyanı ezer) */
#body-login {
	background-color: #F4F4F6 !important;
	background-image:
		radial-gradient(900px 520px at 12% 8%, rgba(217, 72, 43, 0.20), transparent 62%),
		radial-gradient(900px 620px at 88% 22%, rgba(217, 72, 43, 0.38), transparent 62%),
		radial-gradient(700px 500px at 50% 110%, rgba(249, 115, 22, 0.16), transparent 60%),
		linear-gradient(160deg, #1B1B1F 0%, #141417 55%, #0B0B0D 100%) !important;
	background-attachment: fixed !important;
}

/* 2) Üst bar: koyu şerit kalksın, logo ortada dursun */
#body-login .wrapper { background: transparent !important; }
#body-login #header,
#body-login .header-guest {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	justify-content: center !important;
	padding-top: 26px !important;
}
#body-login #header .logo,
#body-login .header-guest .logo {
	margin: 0 auto !important;
	width: 232px !important;
	height: 62px !important;
	border-radius: 14px;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.45));
}

/* 3) Kart: cam (glassmorphism) — beyaz kutu yerine */
#body-login .guest-box.login-box {
	width: min(430px, 92vw) !important;
	padding: 34px 30px !important;
	background: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 22px !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
	backdrop-filter: blur(18px) saturate(150%);
	-webkit-backdrop-filter: blur(18px) saturate(150%);
	margin-top: 26px !important;
}
#body-login .login-box__wrapper { gap: 14px !important; }

/* 4) Başlık: görünür ve güçlü */
#body-login .login-form__headline,
#body-login h2.login-form__headline {
	color: #ffffff !important;
	font-size: 23px !important;
	font-weight: 800 !important;
	letter-spacing: -0.3px;
	text-align: center !important;
	margin: 2px 0 18px !important;
	opacity: 1 !important;
}

/* 5) Giriş alanları: koyu cam, turuncu odak halkası */
#body-login .input-field__input {
	background: rgba(255, 255, 255, 0.09) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	color: #ffffff !important;
	border-radius: 13px !important;
	padding: 15px 14px !important;
	height: auto !important;
	min-height: 50px !important;
	box-shadow: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
	caret-color: #f97316;
}
#body-login .input-field__input:hover { background: rgba(255, 255, 255, 0.12) !important; }
#body-login .input-field__input:focus {
	background: rgba(255, 255, 255, 0.14) !important;
	border-color: #f97316 !important;
	box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.22) !important;
	outline: none !important;
}
#body-login .input-field__label { color: rgba(255, 255, 255, 0.58) !important; font-weight: 600; }
#body-login .input-field__input:focus ~ .input-field__label,
#body-login .input-field__input:not(:placeholder-shown) ~ .input-field__label { color: #fdba74 !important; }
/* parola göster/gizle ikonu */
#body-login .input-field--trailing-icon .input-field__trailing-button svg,
#body-login .input-field__icon svg { color: rgba(255, 255, 255, 0.65) !important; }
#body-login .input-field--trailing-icon .input-field__trailing-button:hover svg { color: #fdba74 !important; }

/* 6) "Beni hatırla" */
#body-login input[type="checkbox"] { accent-color: #d9482b !important; }
#body-login .login-form__fieldset label,
#body-login .login-form__fieldset label[for="remember_login"] { color: rgba(255, 255, 255, 0.82) !important; }

/* 7) Ana buton: turuncu gradyan, tam genişlik, yükselen */
#body-login button[type="submit"],
#body-login .login-form__fieldset button.button-vue--primary,
#body-login .login-form__fieldset input[type="submit"] {
	width: 100% !important;
	background: linear-gradient(90deg, #f97316 0%, #d9482b 100%) !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 13px !important;
	padding: 15px 18px !important;
	font-size: 15.5px !important;
	font-weight: 800 !important;
	letter-spacing: .2px;
	box-shadow: 0 12px 30px rgba(217, 72, 43, 0.38) !important;
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
#body-login button[type="submit"]:hover,
#body-login .login-form__fieldset button.button-vue--primary:hover {
	transform: translateY(-1px);
	filter: brightness(1.06);
	box-shadow: 0 16px 36px rgba(217, 72, 43, 0.46) !important;
}
#body-login button[type="submit"]:active { transform: translateY(0); }

/* 8) İkincil bağlantılar (cihazla giriş / şifremi unuttum) */
#body-login #lost-password,
#body-login .login-box__alternative-logins button,
#body-login .login-form__fieldset button.button-vue--tertiary {
	color: #fdba74 !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
}
#body-login #lost-password:hover,
#body-login .login-box__alternative-logins button:hover,
#body-login .login-form__fieldset button.button-vue--tertiary:hover {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

/* 9) Uyarı/hata kutusu (giriş hataları) */
#body-login .warning,
#body-login .error { border-radius: 12px !important; }

/* 10) Alt bilgi çubuğu: koyu şerit yerine şeffaf */
#body-login footer.guest-box,
#body-login footer {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
#body-login footer .info, #body-login p.info { color: rgba(255, 255, 255, 0.38) !important; }

/* 11) Mobil */
@media (max-width: 520px) {
	#body-login .guest-box.login-box { padding: 26px 20px !important; border-radius: 18px !important; }
	#body-login .login-form__headline { font-size: 20px !important; }
	#body-login #header .logo { width: 186px !important; height: 52px !important; }
	/* Mobilde de beyaz plaka korunur, olcek kuculur */
	#header .logo, #header .logo-icon, #firstrunwizard .logo {
		padding-left: 9px !important;
		background-position: left 9px center !important;
	}
}

/* 12) DUZELTME: eski "form beyaz" kuralini ez — kart cam, icine beyaz blok olmasin */
#body-login form,
#body-login form.login-form,
#body-login .login-form__fieldset,
#body-login .guest-box form,
#body-login .guest-box.login-box form {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
#body-login .login-box__wrapper,
#body-login .guest-content { background: transparent !important; }

/* Eski kuralin input beyazi da ezilsin (cam alanlar gorunsun) */
#body-login input[type="text"],
#body-login input[type="password"],
#body-login input[type="email"] {
	background: rgba(255, 255, 255, 0.09) !important;
	background-color: rgba(255, 255, 255, 0.09) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------------
 * 4) Header arama kutusu kaldirildi (KORA istegi)
 *    .unified-search-menu = header-center icindeki arama
 * --------------------------------------------------------------- */
.unified-search-menu {
	display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════
 * KORA Bulut — BEYAZ APP BAR (2026-10-01)
 * Header beyaz + daha genis (68px); YENOTEK beyaz zeminli logo kullanilir.
 * ═══════════════════════════════════════════════════════════════════════ */
/* NC tema dosyalari (light/dark.css) --header-height'i body ve
   [data-theme-*] uzerinde 44px tanimliyor; yalniz :root yetmiyor,
   bu yuzden tum kapsamlara !important ile yazilir. */
:root,
body,
[data-theme-light],
[data-theme-dark],
[data-theme-light-highcontrast],
[data-theme-dark-highcontrast],
#header:not(.header-guest) {
	--header-height: 68px !important;
}
#header:not(.header-guest) {
	height: 68px !important;
	min-height: 68px !important;
}

/* Header logo: beyaz zeminli YENOTEK logosu */
#body-user #header .logo,
#body-settings #header .logo,
#body-public #header .logo,
#body-user #header .logo-icon,
#body-settings #header .logo-icon,
#body-public #header .logo-icon {
	background-image: url('../img/logo-beyaz.png') !important;
	background-size: contain !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	width: 200px !important;
	height: 60px !important;
	flex: 0 0 auto !important;
}

/* Beyaz zeminde menu tetikleyici/ikon rengi koyu olmali */
#body-user #header,
#body-settings #header,
#body-public #header {
	color: #1b1b1f !important;
}
#body-user #header .header-menu__trigger,
#body-settings #header .header-menu__trigger,
#body-user #header button,
#body-settings #header button {
	color: #1b1b1f !important;
}

/* Logo baglantisi (core/templates/layout.user.php → #kora-logo):
   eski 86px sol dolgu/kutu logoyu kirpiyordu. Kutu logonun en-boy oranina
   (480x224 ≈ 2.14) gore olculdu: 130x60 → tam sigar. */
#body-user #header #kora-logo,
#body-settings #header #kora-logo,
#body-public #header #kora-logo {
	padding: 4px 0 4px 8px !important;
	margin: 0 !important;
	width: 138px !important;
	height: 68px !important;
	overflow: visible !important;
	flex: 0 0 auto !important;
}
#body-user #header #kora-logo .logo,
#body-settings #header #kora-logo .logo,
#body-public #header #kora-logo .logo,
#body-user #header #kora-logo .logo-icon,
#body-settings #header #kora-logo .logo-icon,
#body-public #header #kora-logo .logo-icon {
	width: 130px !important;
	height: 60px !important;
}

/* ═══════════════════════════════════════════════════════════════
 * Stok Nextcloud zemin görseli (mavi akışkan) KALDIRILDI.
 * Yerine KORA kömür zemini + turuncu ışık. Marka: beyaz app bar +
 * turuncu vurgu + kömür zemin.
 * ═══════════════════════════════════════════════════════════════ */
body::before,
body::after,
.background,
#body-user > .background,
#body-settings > .background,
#body-public > .background,
#body-user #content-vue > .background {
	background-image: none !important;
}

#body-user,
#body-settings,
#body-public {
	background-color: #F4F4F6 !important;
	background-image:
		radial-gradient(900px 520px at 12% 8%, rgba(217, 72, 43, 0.10), transparent 62%),
		radial-gradient(900px 620px at 88% 22%, rgba(217, 72, 43, 0.06), transparent 62%) !important;
	background-attachment: fixed !important;
}

/* ═══════════════════════════════════════════════════════════════════════
 * KORA Bulut — TEK LOGO KARARI (2026-10-03)
 *
 * Kural: uygulamanın HER yerinde aynı YENOTEK logosu (logo-beyaz.png)
 * kullanılır. Zemin farkı kalmadığı için logo NEXTCLOUD APP-ICON
 * varyantıyla çizilir: arka plan kırpma/konumlama katmanı olarak
 * background-color:#fff ile beyaz plaka, YENOTEK görseli ise
 * background-image + background-origin:content-box ile plakanın
 * içine oturur. Görselin kendi beyaz zemini plakayla kaynaşır.
 *
 * Bu blok dosyanın EN SONUNDA durur ve yukarıdaki tüm logo
 * kurallarını (satır 83-95, 306-315, 528-542, 570-576) ezer.
 * ═══════════════════════════════════════════════════════════════════════ */

/* Değişkenler: NC'nin ürettiği tüm logo referansları tek görsele bağlanır */
:root {
	--image-logo: url('../img/logo-beyaz.png') !important;
	--image-logoheader: url('../img/logo-beyaz.png') !important;
	--color-main-background-blur: #ffffff !important;
}

/* Ortak beyaz plakalı logo çizimi */
#header .logo,
#header .logo-icon,
#header #kora-logo .logo,
#header #kora-logo .logo-icon,
#firstrunwizard .logo,
#body-login .logo,
#body-login #header .logo,
#body-login .header-guest .logo {
	background-color: #ffffff !important;
	background-image: url('../img/logo-beyaz.png') !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-origin: content-box !important;
	background-clip: border-box !important;
	background-position: left center !important;
	border: 0 !important;
	border-radius: 8px !important;
	padding: 4px 8px !important;
	box-shadow: none !important;
	filter: none !important;
}

/* Header (giriş sonrası) — sol üst logo kutusu */
#body-user #header .logo,
#body-settings #header .logo,
#body-public #header .logo,
#body-user #header .logo-icon,
#body-settings #header .logo-icon,
#body-public #header .logo-icon {
	width: 150px !important;
	height: 52px !important;
}

#body-user #header #kora-logo,
#body-settings #header #kora-logo,
#body-public #header #kora-logo {
	padding: 4px 0 4px 8px !important;
	margin: 0 !important;
	width: 158px !important;
	height: 68px !important;
	overflow: visible !important;
	flex: 0 0 auto !important;
}

#body-user #header #kora-logo .logo,
#body-settings #header #kora-logo .logo,
#body-public #header #kora-logo .logo,
#body-user #header #kora-logo .logo-icon,
#body-settings #header #kora-logo .logo-icon,
#body-public #header #kora-logo .logo-icon {
	width: 150px !important;
	height: 52px !important;
}

/* Giriş ekranı — ortadaki logo, koyu zeminde beyaz plaka olarak durur */
#body-login #header .logo,
#body-login .header-guest .logo,
#body-login .logo {
	margin: 0 auto !important;
	width: 236px !important;
	height: 64px !important;
	background-position: center !important;
	padding: 4px 12px !important;
	border-radius: 12px !important;
	filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.45)) !important;
}