/* TeamWars — header.php icindeki inline <style> bloklari (2026-07-27).
   Her sayfa yuklemesinde HTML olarak yeniden iniyordu; harici dosyaya
   alinip tarayici onbellegine verildi. Blok ici sira birebir korundu.
   Kapanmamis yorum/suslu iceren bloklar blok sonunda kapatildi —
   tarayicinin </style> kurtarmasinin ayni sonucu. */

/* ---- header.php satir 483 ---- */
html,body,#page-container,#content,.content,.page-container{background:#0d1730!important}
		/* Page transition overlay — başlangıçta aktif, sayfa hazır olunca kaldırılır */
		/* Default: GORSEL var (opacity:1) ama TIKLAMAYI ENGELLEMIYOR.
		   Aksi takdirde sayfa render olduktan sonra ~16ms-600ms arasi pencere
		   olusup ilk tiklari yutuyordu (ornek: header'da bell dropdown ilk tikta acilmiyordu).
		   Sadece activateOverlay() (gercek navigation) sirasinda .blocking class'i
		   eklenir ve tiklama bloklanir — double-click engelleme amaci bozulmaz. */
		#twPageOverlay{position:fixed;inset:0;background:#0d1730;z-index:99999;opacity:1;pointer-events:none}
		#twPageOverlay.blocking{pointer-events:all}
		#twPageOverlay.out{opacity:0;pointer-events:none;transition:opacity .15s ease-out}
		#twPageOverlay.off{display:none}

/* ---- header.php satir 500 ---- */
body, input, select, textarea, button {
			font-family: "TW Sans", sans-serif;
		}
		/* KAPSAM DARALTMASI (2026-07-27) — kuralın kendisi ve değeri DEĞİŞMEDİ.
		   `* { font-size: .9799rem !important }` sitenin her elemanının yazı
		   boyutunu tek değere sabitliyor. Site tarafında istenen davranış bu;
		   ama aynı kural admin paneline de sızıyordu ve orada tasarım
		   sisteminin 11 / 13 / 18 / 22 / 28px ölçeğinin TAMAMINI 15,36px'e
		   düzlüyordu (ölçüldü: .au-stat-v 28px yerine 15,36px; tablo başlığı
		   10px yerine 15,36px — başlıkların "SIRALA/MA" diye bölünmesinin
		   asıl sebebi de buydu, kolon genişliği değil).
		   Muafiyet yalnız admin kapsayıcılarına veriliyor: .a-mc (panel
		   sarmalayıcısı), .au-page (tasarım sistemi sayfası) ve .au-modal-bd
		   (gövde altına çıkan modallar). Bu üç sınıf site frontend'inde HİÇ
		   geçmiyor, dolayısıyla site tarafı davranışı birebir aynı kalır.
		   .tw404 de listede: 404 ekranı site tarafında ama kendi tipografik
		   ölçeğine sahip; muafiyet olmadan clamp() ile verilen büyük başlık
		   15px'e düşüyordu. Kapsam yine tek sayfayla sınırlı.
		   KRİTİK — :where() ŞART (2026-07-28 olayı): :not() zinciri çıplak
		   yazılınca seçicinin özgüllüğü (0,8,0)'a çıktı ve sitedeki tek-sınıf
		   !important font kurallarını (f-s-25 vb.) yenmeye başladı — giriş
		   sayfası yazıları ezildi. :where() özgüllüğü SIFIRDA tutar: kural
		   eski `*` ile birebir aynı güçte kalır, yalnız admin/404 kapsamına
		   hiç uygulanmaz. Buradaki :where()'i asla kaldırma. */
		*:where(:not(.a-mc):not(.a-mc *):not(.au-page):not(.au-page *):not(.au-modal-bd):not(.au-modal-bd *):not(.tw404):not(.tw404 *)) {
			font-size: .9799rem!important;
		}
		.btn-danger{
			background-color: #ff5b5745!important;
			border-color: #ff5b57d1!important;
		}
		.probox-s{
			z-index: unset!importantx;
			background: #18182e40 !important;
			backdrop-filter: blur(13px) !important;
			background-color: #1a17353b !important;
		}

		/* input's & modal's & chat*/
		.input-group-append > .dropdown-menu {
			background: #18182e!important;
			border-top-left-radius: 15px!important;
			border-top-right-radius: 15px!important;
			border-bottom-left-radius: 15px!important;
		}

		.table-hover tbody tr:hover {
			color: white!important;
			background-color: #1b284461!important;
		}
		
		.navbar-user .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
			right: auto;
			bottom: auto;
			top: 3px !important;
			left: 0px !important;
			background: #18182e!important;
			color: white!important;
		}

		.dropdown .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
			right: auto;
			bottom: auto;
			top: 3px !important;
			left: 0px !important;
			background: #18182e!important;
			color: white!important;
		}

		.dropdown-item{
			color: white;
		}

		.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
			right: auto;
			bottom: auto;
			top: -13px !important;
			left: 3px !important;
			background: #18182e!important;
			color: white!important;
		}

		.dropdown-item{
			color:white!important;
		}
		.dropdown-divider {
			height: 0;
			margin: 8px 0;
			overflow: hidden;
			border-top: 1px solid #ff000029;
		}

		.probox-dropdown {
			background: #18182e!important;
		}

		.modal-content{
			background: #18182e!important;
		}

		.close{
			color: white!important;
			text-shadow: none!important;
		}
		.close:hover{
			color: white!important;
		}

		.modal-header{
			border-bottom: 1px solid #ffffff1c!important;
		}

		.modal-footer{
			border-top: 1px solid #ffffff1c!important;
		}

		.text-purple{
			color: rgb(138, 99, 212);
		}

		.input-group-text {
			color: #b6bac0;
			background-color: transparent;
			border: 1px solid #363857;
		}

		.input-group-text{
			border-radius: 50px 0px 0px 50px;
		}

		.tw-dropdown-item .tw-item-text, .tw-dropdown-item .tw-item-title {
			white-space: unset!important;
			text-overflow: unset!important;
			overflow: hidden;
		}
		.tw-user-trigger .tw-user-name {
			white-space: nowrap!important;
			text-overflow: ellipsis!important;
			overflow: hidden;
			max-width: 150px;
		}

		.form-control {

			display: block;
			width: 100%;
			padding: 8px 16px;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.5;
			color: white!important;
			border: 1px solid #4485bb4a!important;
			background-color: transparent!important;
			background-clip: padding-box;
			border: 1px solid #363857;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			border-radius: 8px;
			-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
			transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
		}

		.form-control:focus{
			background-color: transparent;
			color: white;
		}

		.form-select{
			display: block;
			width: 100%;
			padding: 8px 16px;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.5;
			color: #b6bac0;
			background-color: transparent;
			background-clip: padding-box;
			border: 1px solid #363857;
		}

		.form-select option{
			background-color: #18182e;
		}

		/* chat app */
		.chats .left .message, .chats .right .message {
			background: #3f3f85!important;
			color: #fff;
		}
		.chats .left .message:before {
			border: 10px solid transparent;
			border-right: 10px solid #3f3f85!important;
		}
		.chats .right .message:before {
			border: 10px solid transparent;
			border-left: 10px solid #3f3f85!important;
		}
		.messenger-content::-webkit-scrollbar {
			display: none;
		}

		/* Card */
		.card{
			background: #18182e80;
			backdrop-filter: blur(5px)!important;
			border-radius: 15px!important;
		}
		.card .card-header{
			background:transparent;
			border-bottom: 1px solid #ffffff1c!important;
		}
		.card .card-footer{
			background:transparent;
			border-top: 1px solid #ffffff1c!important;
		}

		.probox-card {
			background-color: #29294970;
			padding: 15px;
			border-radius: 20px;
			color: #f3f3f3;
		}

		/* Table */
		.table{
			color:white!important;
		}

		/* Tab */
		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
			color:white;
			background:transparent;
		}

		.nav.nav-tabs .nav-item .nav-link.active, .nav.nav-tabs .nav-item .nav-link:focus, .nav.nav-tabs .nav-item .nav-link:hover {
			
			border-bottom: 2px solid white;
		}
		.nav.nav-tabs .nav-item .nav-link {
			color: white!important;
		}

		.tac{text-align: center;}
		.tac-mobile{text-align: center;}

		label{
			color: #f5f5f5;
		}

		/* Sidebar */
		.sidebar .nav > li.active > a {
			color: #fff;
			position: relative;
			background: #393939;
			background: transparent;
			filter: unset;
			padding: 3px;
			padding-left: 20px;
		}

		.page-sidebar-minified .sidebar .nav > li > a {
			padding: 10px 20px;
		}

		.sidebar .nav > li > a {
			padding: 3px 20px;
		}

		/* Sidebar */
		.sb-menu li .active::before {
			position: absolute;
			content: '';
			width: 100%;
			height: 0px;
			background-color: #9396b9;
			left: 0;
			bottom: 0;
		}

		.btn {
			padding: 7px 15px!important;
			font-size: 13px!important;
			border-radius: 8px!important;
		}
		.btn-xs {
			padding: 6px 15px!important;
			font-size: 12px!important;
			border-radius: 7px!important;
		}
		.btn.btn-xs {
			font-size: 12px !important;
			line-height: 18px;
			padding: 1px 5px !important;
		}

		.iW6bXY2g5zBDdD{
			background: #18182e40!important;
			backdrop-filter: blur(13px)!important;
		}