/* ==========================================================================
   SBD Doküman Arşivi
   Renkleri değiştirmek için aşağıdaki değişkenleri düzenlemeniz yeterli.
   ========================================================================== */

:root {
	--sbd-metin:        #1b1d21;
	--sbd-soluk:        #5b6068;
	--sbd-cizgi:        #e2e5ea;
	--sbd-zemin:        #ffffff;
	--sbd-zemin-alt:    #fafbfc;
	--sbd-vurgu:        #185fa5;
	--sbd-vurgu-metin:  #ffffff;
	--sbd-uyari-zemin:  #faeeda;
	--sbd-uyari-metin:  #633806;
	--sbd-radius:       8px;
	--sbd-radius-kart:  12px;
}

.sbd-pano,
.sbd-liste,
.sbd-arsiv,
.sbd-dokuman-ust,
.sbd-ilgili {
	color: var(--sbd-metin);
	font-size: 15px;
	line-height: 1.6;
}

/* --- Pano ---------------------------------------------------------------- */

.sbd-pano {
	background: var(--sbd-zemin);
	border: 1px solid var(--sbd-cizgi);
	border-radius: var(--sbd-radius-kart);
	overflow: hidden;
	margin: 0 0 28px;
}

.sbd-pano__baslik {
	margin: 0;
	padding: 14px 18px;
	font-size: 16px;
	border-bottom: 1px solid var(--sbd-cizgi);
}

.sbd-pano__satir {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	border-bottom: 1px solid var(--sbd-cizgi);
	text-decoration: none;
	color: inherit;
	transition: background .15s ease;
}

.sbd-pano__satir:last-child { border-bottom: none; }
.sbd-pano__satir:hover      { background: var(--sbd-zemin-alt); }

.sbd-pano__ikon {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: var(--sbd-radius);
	background: #eeedfe;
	color: #3c3489;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 16px;
}

.sbd-pano__orta { flex: 1; min-width: 0; }

.sbd-pano__ad {
	display: block;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 4px;
}

.sbd-pano__rozetler { display: flex; gap: 5px; flex-wrap: wrap; }

.sbd-pano__aciklama,
.sbd-pano__meta {
	display: block;
	font-size: 12px;
	color: var(--sbd-soluk);
}

.sbd-pano__sag {
	flex: 0 0 auto;
	max-width: 190px;
	text-align: right;
}

.sbd-pano__son {
	display: block;
	font-size: 12.5px;
	color: var(--sbd-soluk);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sbd-pano__sayi {
	flex: 0 0 auto;
	min-width: 46px;
	text-align: right;
	font-weight: 600;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}

/* --- Rozet --------------------------------------------------------------- */

.sbd-rozet {
	display: inline-block;
	font-size: 11px;
	line-height: 1.5;
	padding: 2px 8px;
	border-radius: var(--sbd-radius);
	text-decoration: none;
	white-space: nowrap;
}

a.sbd-rozet:hover { opacity: .85; }

.sbd-rozet--alt {
	background: #f1f2f4;
	color: #5f5e5a;
	font-weight: 400;
}

/* Boş başlıklar gizlenmez; forumdaki gibi görünür ama soluk durur. */

.sbd-pano__satir--bos .sbd-pano__ikon { opacity: .45; }
.sbd-pano__satir--bos .sbd-pano__ad   { color: #6b7076; }

.sbd-pano__sayi--sifir {
	color: #9aa0a8;
	font-weight: 400;
}

/* --- Filtre -------------------------------------------------------------- */

.sbd-filtre {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
	align-items: center;
	padding: 14px 0;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--sbd-cizgi);
}

.sbd-filtre__cip {
	font-size: 13px;
	padding: 5px 13px;
	border-radius: var(--sbd-radius);
	border: 1px solid var(--sbd-cizgi);
	text-decoration: none;
	color: var(--sbd-metin);
}

.sbd-filtre__cip:hover { background: var(--sbd-zemin-alt); }

.sbd-filtre__cip--aktif {
	background: var(--sbd-vurgu);
	border-color: var(--sbd-vurgu);
	color: var(--sbd-vurgu-metin);
}

.sbd-filtre__sayi {
	margin-left: auto;
	font-size: 12.5px;
	color: var(--sbd-soluk);
}

/* --- Kartlar ------------------------------------------------------------- */

.sbd-kartlar {
	border: 1px solid var(--sbd-cizgi);
	border-radius: var(--sbd-radius-kart);
	overflow: hidden;
	margin-bottom: 24px;
}

.sbd-kart {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 13px 16px;
	border-bottom: 1px solid var(--sbd-cizgi);
	text-decoration: none;
	color: inherit;
}

.sbd-kart:last-child { border-bottom: none; }
.sbd-kart:hover      { background: var(--sbd-zemin-alt); }

.sbd-kart__ikon {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: var(--sbd-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 15px;
}


.sbd-kart__baslik {
	display: block;
	font-weight: 600;
	font-size: 14.5px;
	margin-bottom: 3px;
}

.sbd-kart__meta {
	display: block;
	font-size: 12px;
	color: var(--sbd-soluk);
}

/* --- Doküman sayfası ----------------------------------------------------- */

.sbd-dokuman-ust { margin-bottom: 22px; }

.sbd-rozetler {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.sbd-dokuman-meta {
	font-size: 13px;
	color: var(--sbd-soluk);
	margin: 0 0 15px;
}

.sbd-indir-satiri {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
	margin: 0 0 18px;
}

.sbd-btn {
	display: inline-block;
	font-size: 14px;
	padding: 9px 20px;
	border-radius: var(--sbd-radius);
	border: 1px solid var(--sbd-cizgi);
	text-decoration: none;
	color: var(--sbd-metin);
	background: var(--sbd-zemin);
}

.sbd-btn:hover { background: var(--sbd-zemin-alt); }

.sbd-btn--birincil {
	background: var(--sbd-vurgu);
	border-color: var(--sbd-vurgu);
	color: var(--sbd-vurgu-metin);
}

.sbd-btn--birincil:hover { opacity: .9; background: var(--sbd-vurgu); }

.sbd-uyari {
	background: var(--sbd-uyari-zemin);
	color: var(--sbd-uyari-metin);
	border-radius: var(--sbd-radius);
	padding: 12px 16px;
	margin-bottom: 14px;
	font-size: 13.5px;
}

.sbd-uyari strong { display: block; margin-bottom: 2px; }

/* --- İlgili dokümanlar --------------------------------------------------- */

.sbd-ilgili {
	border-top: 1px solid var(--sbd-cizgi);
	padding-top: 18px;
	margin-top: 26px;
}

.sbd-ilgili__baslik { font-size: 15px; margin: 0 0 10px; }

.sbd-ilgili__liste { list-style: none; margin: 0; padding: 0; }

.sbd-ilgili__liste li {
	display: flex;
	gap: 10px;
	align-items: baseline;
	padding: 6px 0;
	font-size: 14px;
}

.sbd-ilgili__liste a { flex: 1; min-width: 0; }

.sbd-ilgili__sayi {
	flex: 0 0 auto;
	font-size: 12px;
	color: var(--sbd-soluk);
	font-variant-numeric: tabular-nums;
}

/* --- Forum indeksi ------------------------------------------------------- */

.sbd-forum { max-width: 960px; margin: 0 auto; }

.sbd-forum__grup { margin-bottom: 30px; }

.sbd-forum__grup-baslik {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--sbd-soluk);
	margin: 0 0 10px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--sbd-cizgi);
}

.sbd-forum__istatistik {
	display: flex;
	gap: 26px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 18px;
	margin-top: 6px;
	background: var(--sbd-zemin-alt);
	border: 1px solid var(--sbd-cizgi);
	border-radius: var(--sbd-radius-kart);
	font-size: 13.5px;
	color: var(--sbd-soluk);
}

.sbd-forum__istatistik strong {
	color: var(--sbd-metin);
	font-size: 17px;
	font-variant-numeric: tabular-nums;
}

/* --- Arşiv ve sayfalama -------------------------------------------------- */

.sbd-arsiv { max-width: 900px; margin: 0 auto; padding: 30px 18px; }
.sbd-arsiv__baslik { font-size: 27px; margin: 0 0 6px; }
.sbd-arsiv__aciklama { color: var(--sbd-soluk); margin: 0 0 22px; }

.sbd-sayfalama {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 22px 0;
}

.sbd-sayfalama .page-numbers {
	padding: 6px 12px;
	border: 1px solid var(--sbd-cizgi);
	border-radius: var(--sbd-radius);
	text-decoration: none;
	font-size: 13.5px;
	color: var(--sbd-metin);
}

.sbd-sayfalama .page-numbers.current {
	background: var(--sbd-vurgu);
	border-color: var(--sbd-vurgu);
	color: var(--sbd-vurgu-metin);
}

.sbd-bos {
	color: var(--sbd-soluk);
	padding: 26px 0;
	text-align: center;
}

.sbd-son-liste { list-style: none; margin: 0; padding: 0; }

.sbd-son-liste li {
	padding: 7px 0;
	border-bottom: 1px solid var(--sbd-cizgi);
	font-size: 14px;
}

.sbd-son-liste .sbd-tarih {
	color: var(--sbd-soluk);
	font-size: 12px;
	margin-left: 6px;
}

/* --- Mobil --------------------------------------------------------------- */

@media (max-width: 640px) {

	.sbd-pano__sag  { display: none; }
	.sbd-pano__satir { gap: 11px; padding: 12px 13px; }
	.sbd-pano__ikon { width: 33px; height: 33px; font-size: 14px; }
	.sbd-pano__ad   { font-size: 14px; }

	.sbd-kart       { padding: 12px 13px; gap: 11px; }
	.sbd-kart__ikon { width: 32px; height: 32px; font-size: 14px; }
	.sbd-kart__baslik { font-size: 13.5px; }

	.sbd-filtre {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 10px;
	}

	.sbd-filtre__cip  { white-space: nowrap; }
	.sbd-filtre__sayi { display: none; }

	.sbd-indir-satiri .sbd-btn { flex: 1; text-align: center; }
	.sbd-arsiv { padding: 20px 13px; }
	.sbd-arsiv__baslik { font-size: 22px; }

	.sbd-forum__grup-baslik { font-size: 13px; }
	.sbd-forum__istatistik  { gap: 16px; padding: 14px; font-size: 12.5px; }
	.sbd-forum__istatistik strong { font-size: 15px; }
}

/* ==========================================================================
   Forum görünümü — sınıf kartları ve dallanan ağaç
   Animasyon sürelerini buradan ayarlayabilirsiniz.
   ========================================================================== */

:root {
	--sbd-sure-kart: .28s;
	--sbd-sure-dal:  .34s;
	--sbd-egri:      cubic-bezier(.2, .8, .3, 1);
}

/* --- Gövde geçişi --- */

.sbd-forum__govde {
	opacity: 1;
	transition: opacity .13s ease;
}

.sbd-forum__govde--degisiyor { opacity: 0; }
.sbd-forum--bekliyor         { cursor: progress; }

/* --- Ağaç --- */

.sbd-agac {
	border-left: 1.5px solid var(--sbd-cizgi);
	margin-left: 11px;
}

.sbd-dal {
	position: relative;
	opacity: 0;
	transform: translateY(-6px);
	transition:
		opacity .3s ease,
		transform .3s var(--sbd-egri);
}

.sbd-dal--gorunur { opacity: 1; transform: none; }

.sbd-dal::before {
	content: "";
	position: absolute;
	left: 0;
	top: 25px;
	width: 14px;
	height: 1.5px;
	background: var(--sbd-cizgi);
}

.sbd-dal__bas {
	display: flex;
	align-items: center;
	gap: 11px;
	width: 100%;
	padding: 12px 12px 12px 26px;
	background: none;
	border: 0;
	border-radius: var(--sbd-radius);
	cursor: pointer;
	text-align: left;
	font: inherit;
	color: inherit;
	transition: background .2s ease;
}

.sbd-dal__bas:hover { background: var(--sbd-zemin-alt); }

.sbd-dal__ok {
	flex: 0 0 auto;
	font-size: 16px;
	line-height: 1;
	color: var(--sbd-soluk);
	transition: transform var(--sbd-sure-dal) var(--sbd-egri);
}

.sbd-dal--acik .sbd-dal__ok { transform: rotate(90deg); }

.sbd-dal__ad   { flex: 1; min-width: 0; font-size: 14.5px; font-weight: 600; }
.sbd-dal__sayi { flex: 0 0 auto; font-size: 11.5px; color: var(--sbd-soluk); }

.sbd-dal__adet {
	flex: 0 0 auto;
	min-width: 34px;
	text-align: right;
	font-size: 13.5px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.sbd-dal__adet--sifir { color: #9aa0a8; font-weight: 400; }

.sbd-dal__kutu {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--sbd-sure-dal) var(--sbd-egri);
}

.sbd-dal--acik .sbd-dal__kutu { grid-template-rows: 1fr; }
.sbd-dal__ic { overflow: hidden; }

/* --- Yapraklar (öğrenme çıktıları) --- */

.sbd-yaprak {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px 8px 40px;
	font-size: 13px;
	text-decoration: none;
	color: var(--sbd-metin);
	border-radius: var(--sbd-radius);
	opacity: 0;
	transform: translateX(-8px);
	transition:
		opacity .26s ease var(--gecikme, 0ms),
		transform .26s ease var(--gecikme, 0ms),
		background .18s ease;
}

.sbd-dal--acik .sbd-yaprak { opacity: 1; transform: none; }
.sbd-yaprak:hover { background: var(--sbd-zemin-alt); }

.sbd-yaprak::before {
	content: "";
	position: absolute;
	left: 26px;
	top: 50%;
	width: 8px;
	height: 1.5px;
	background: var(--sbd-cizgi);
}

.sbd-yaprak__ad { flex: 1; min-width: 0; }

.sbd-yaprak__noktalar { display: flex; gap: 3px; flex: 0 0 auto; }

.sbd-nokta {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--sbd-cizgi);
}

.sbd-nokta--bos { background: var(--sbd-cizgi); opacity: .55; }

/* --- Hareket hassasiyeti --- */

@media (prefers-reduced-motion: reduce) {

	.sbd-dal,
	.sbd-dal__ok,
	.sbd-dal__kutu,
	.sbd-yaprak,
	.sbd-forum__govde {
		transition: none !important;
	}

}

/* --- Mobil --- */

@media (max-width: 560px) {

	.sbd-kartlar-serit { grid-template-columns: repeat(2, 1fr); gap: 8px; }

	.sbd-dal__bas  { padding: 11px 8px 11px 22px; gap: 8px; }
	.sbd-dal__ad   { font-size: 13.5px; }
	.sbd-dal__sayi { display: none; }
	.sbd-yaprak    { padding-left: 34px; font-size: 12.5px; }
	.sbd-yaprak::before { left: 22px; }
}

/* ==========================================================================
   Zaman çizelgesi
   ========================================================================== */

.sbd-cizelge {
	display: grid;
	grid-template-columns: 62px 1fr;
	gap: 0;
}

.sbd-cz__ay {
	font-size: 10.5px;
	color: var(--sbd-soluk);
	text-align: right;
	padding: 14px 13px 0 0;
	line-height: 1;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.sbd-cz__sag {
	position: relative;
	padding-left: 21px;
	border-left: 2px solid var(--sbd-cizgi);
	padding-bottom: 2px;
}

/* --- Duraklar --- */

.sbd-durak {
	position: relative;
	opacity: 0;
	transform: translateY(-8px);
	transition:
		opacity .34s ease var(--gecikme, 0ms),
		transform .34s var(--sbd-egri) var(--gecikme, 0ms);
}

.sbd-forum__govde .sbd-durak { opacity: 1; transform: none; }

.sbd-durak__nokta {
	position: absolute;
	left: -28px;
	top: 13px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--sbd-zemin);
	border: 2.5px solid var(--dur);
	transition: transform .25s var(--sbd-egri);
}

.sbd-durak:hover .sbd-durak__nokta { transform: scale(1.25); }

.sbd-durak__bas {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 10px 11px;
	background: none;
	border: 0;
	border-radius: var(--sbd-radius);
	cursor: pointer;
	text-align: left;
	font: inherit;
	color: inherit;
	transition: background .2s ease;
}

.sbd-durak__bas:hover { background: var(--sbd-zemin-alt); }

.sbd-durak__ok {
	flex: 0 0 auto;
	font-size: 15px;
	line-height: 1;
	color: var(--sbd-soluk);
	transition: transform var(--sbd-sure-dal) var(--sbd-egri);
}

.sbd-durak--acik .sbd-durak__ok { transform: rotate(90deg); }

.sbd-durak__ad { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; }
.sbd-durak__c  { flex: 0 0 auto; font-size: 11px; color: var(--sbd-soluk); }

.sbd-durak__adet {
	flex: 0 0 auto;
	min-width: 30px;
	text-align: right;
	font-size: 13px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.sbd-durak__adet--sifir { color: #9aa0a8; font-weight: 400; }

.sbd-durak__kutu {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--sbd-sure-dal) var(--sbd-egri);
}

.sbd-durak--acik .sbd-durak__kutu { grid-template-rows: 1fr; }
.sbd-durak__ic { overflow: hidden; }
.sbd-durak--acik .sbd-yaprak { opacity: 1; transform: none; }

.sbd-cizelge .sbd-yaprak { padding-left: 13px; }
.sbd-cizelge .sbd-yaprak::before { display: none; }

/* --- İşaretler (yazılı, tatil) --- */

.sbd-isaret {
	position: relative;
	margin: 4px 0 4px 11px;
	opacity: 0;
	transition: opacity .34s ease var(--gecikme, 0ms);
}

.sbd-forum__govde .sbd-isaret { opacity: 1; }

.sbd-isaret__nokta {
	position: absolute;
	left: -26px;
	top: 6px;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
}

.sbd-isaret__etiket {
	display: inline-block;
	font-size: 11.5px;
	font-weight: 600;
	padding: 4px 11px;
	border-radius: var(--sbd-radius);
}

.sbd-isaret__tarih { font-weight: 400; opacity: .8; margin-left: 6px; }

.sbd-isaret--yazili .sbd-isaret__nokta  { background: #BA7517; }
.sbd-isaret--yazili .sbd-isaret__etiket { background: #FAEEDA; color: #633806; }
.sbd-isaret--tatil  .sbd-isaret__nokta  { background: #888780; }
.sbd-isaret--tatil  .sbd-isaret__etiket { background: #F1EFE8; color: #444441; }

/* --- Bugün --- */

.sbd-bugun { position: relative; margin: 10px 0 10px 11px; }

.sbd-bugun__cizgi {
	position: absolute;
	left: -26px;
	right: 0;
	top: 10px;
	height: 1.5px;
	background: var(--sbd-vurgu);
	opacity: .5;
}

.sbd-bugun__etiket {
	position: relative;
	display: inline-block;
	font-size: 11.5px;
	font-weight: 600;
	padding: 3px 11px;
	border-radius: var(--sbd-radius);
	background: var(--sbd-vurgu);
	color: var(--sbd-vurgu-metin);
}

@media (prefers-reduced-motion: reduce) {

	.sbd-durak,
	.sbd-isaret,
	.sbd-durak__ok,
	.sbd-durak__kutu,
	.sbd-durak__nokta,
}

@media (max-width: 560px) {

	.sbd-cizelge  { grid-template-columns: 42px 1fr; }
	.sbd-cz__ay   { font-size: 9.5px; padding-right: 8px; }
	.sbd-cz__sag  { padding-left: 15px; }
	.sbd-durak__nokta  { left: -22px; width: 11px; height: 11px; }
	.sbd-durak__c      { display: none; }
	.sbd-durak__ad     { font-size: 13px; }
	.sbd-isaret__nokta { left: -20px; }
	.sbd-bugun__cizgi  { left: -20px; }
}

/* ==========================================================================
   Üye katkısı
   ========================================================================== */

.sbd-katki { max-width: 720px; }

.sbd-katki--kapali {
	border: 1px solid var(--sbd-cizgi);
	border-radius: var(--sbd-radius-kart);
	padding: 22px;
	text-align: center;
	color: var(--sbd-soluk);
}

.sbd-katki__sonuc {
	border-radius: var(--sbd-radius);
	padding: 14px 18px;
	margin-bottom: 20px;
	font-size: 14px;
}

.sbd-katki__sonuc strong { display: block; margin-bottom: 3px; }
.sbd-katki__sonuc--iyi   { background: #eaf3de; color: #27500a; }
.sbd-katki__sonuc--kotu  { background: #fceaea; color: #791f1f; }

.sbd-katki__form {
	border: 1px solid var(--sbd-cizgi);
	border-radius: var(--sbd-radius-kart);
	padding: 22px;
	background: var(--sbd-zemin);
}

.sbd-katki__kim {
	font-size: 13px;
	color: var(--sbd-soluk);
	margin: 0 0 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--sbd-cizgi);
}

.sbd-katki__alan { margin-bottom: 16px; }

.sbd-katki__alan label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 5px;
}

.sbd-katki__alan input[type="text"],
.sbd-katki__alan textarea,
.sbd-katki__alan select {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid var(--sbd-cizgi);
	border-radius: var(--sbd-radius);
	font: inherit;
	font-size: 14px;
	background: var(--sbd-zemin);
	color: var(--sbd-metin);
}

.sbd-katki__alan input:focus,
.sbd-katki__alan textarea:focus,
.sbd-katki__alan select:focus {
	outline: 2px solid var(--sbd-vurgu);
	outline-offset: 1px;
	border-color: var(--sbd-vurgu);
}

.sbd-katki__satir { display: flex; gap: 14px; flex-wrap: wrap; }
.sbd-katki__satir .sbd-katki__alan { flex: 1; min-width: 190px; }

.sbd-katki__ipucu {
	display: block;
	font-size: 12px;
	color: var(--sbd-soluk);
	margin-top: 5px;
}

.sbd-katki__telif {
	background: var(--sbd-zemin-alt);
	border-radius: var(--sbd-radius);
	padding: 13px 15px;
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 1.5;
}

.sbd-katki__telif label { display: flex; gap: 9px; align-items: flex-start; cursor: pointer; }
.sbd-katki__telif input { margin-top: 3px; flex: 0 0 auto; }

.sbd-katki__not {
	font-size: 12px;
	color: var(--sbd-soluk);
	margin: 14px 0 0;
}

/* --- Çağrı şeridi --- */

.sbd-cagri {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	border: 1px solid var(--sbd-cizgi);
	border-radius: var(--sbd-radius-kart);
	padding: 18px 22px;
	margin-top: 26px;
	background: var(--sbd-zemin-alt);
}

.sbd-cagri--bos { border-style: dashed; }
.sbd-cagri__metin { flex: 1; min-width: 220px; font-size: 13.5px; }
.sbd-cagri__metin strong { display: block; margin-bottom: 3px; font-size: 14.5px; }
.sbd-cagri__metin span   { color: var(--sbd-soluk); }

/* --- Katkıcı künyesi --- */

.sbd-kunye {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 13px;
}

.sbd-kunye__baş {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--sbd-zemin-alt);
	border: 1px solid var(--sbd-cizgi);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
	flex: 0 0 auto;
}

.sbd-kunye__ic  { display: flex; flex-direction: column; }
.sbd-kunye__ad  { font-size: 14px; font-weight: 600; }
.sbd-kunye__alt { font-size: 11.5px; color: var(--sbd-soluk); }

/* --- Sıralama --- */

.sbd-sira { list-style: none; margin: 0; padding: 0; counter-reset: sbd; }

.sbd-sira__satir {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 11px 14px;
	border-bottom: 1px solid var(--sbd-cizgi);
	font-size: 14px;
}

.sbd-sira__satir:last-child { border-bottom: none; }
.sbd-sira__satir--tepe .sbd-sira__no { background: var(--sbd-vurgu); color: var(--sbd-vurgu-metin); }

.sbd-sira__no {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--sbd-zemin-alt);
	color: var(--sbd-soluk);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.sbd-sira__ad   { flex: 1; min-width: 0; font-weight: 600; }
.sbd-sira__sayi { flex: 0 0 auto; font-size: 13px; }
.sbd-sira__ind  { flex: 0 0 auto; font-size: 12px; color: var(--sbd-soluk); }

.sbd-yaprak__bos {
	font-size: 10.5px;
	color: var(--sbd-soluk);
	background: var(--sbd-zemin-alt);
	padding: 1px 7px;
	border-radius: var(--sbd-radius);
	flex: 0 0 auto;
}

@media (max-width: 560px) {
	.sbd-katki__form  { padding: 16px; }
	.sbd-katki__satir { gap: 0; }
	.sbd-sira__ind    { display: none; }
	.sbd-cagri        { padding: 15px 16px; }
}

/* --- Ekmek kırıntısı --- */

.sbd-kirinti {
	font-size: 12.5px;
	color: var(--sbd-soluk);
	margin: 0 0 16px;
	line-height: 1.8;
}

.sbd-kirinti a { color: var(--sbd-soluk); text-decoration: none; }
.sbd-kirinti a:hover { color: var(--sbd-metin); text-decoration: underline; }
.sbd-kirinti__ayrac { margin: 0 7px; opacity: .5; }
.sbd-kirinti [aria-current="page"] { color: var(--sbd-metin); }

/* ==========================================================================
   İstatistik şeridi
   ========================================================================== */

.sbd-olcek {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 20px;
	padding: 22px 28px;
	margin: 0 0 30px;
	border-radius: 24px;
	background: #fff;
	border: 1px solid rgba(16, 24, 40, .06);
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.sbd-olcek__oge { text-align: center; }

.sbd-olcek__sayi {
	display: block;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.1;
	font-variant-numeric: tabular-nums;
}

.sbd-olcek__sayi--vurgu { color: #6366f1; }
.sbd-olcek__sayi--yesil { color: #10b981; font-size: 26px; }

.sbd-olcek__ad {
	display: block;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--sbd-soluk);
	margin-top: 4px;
}

.sbd-olcek__ayrac {
	width: 1px;
	height: 40px;
	background: rgba(16, 24, 40, .08);
}

/* ==========================================================================
   Uyum
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.sbd-kart,
	.sbd-kart__leke,
	.sbd-kart__ikon,
	.sbd-kart__dolu,
	.sbd-kart__ok,
	.sbd-kart__dugme {
		transition: none !important;
	}

	.sbd-kart:hover,
	.sbd-kart--on { transform: none; }
	.sbd-kart:hover .sbd-kart__ikon { transform: none; }
}

@media (max-width: 900px) {
	.sbd-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}

@media (max-width: 560px) {

	.sbd-kartlar     { gap: 12px; }
	.sbd-kart        { padding: 20px 14px 15px; border-radius: 20px; }
	.sbd-kart__ikon  { width: 54px; height: 54px; border-radius: 16px; margin-bottom: 13px; }
	.sbd-kart__ikon svg { width: 24px; height: 24px; }
	.sbd-kart__baslik { font-size: 17px; }
	.sbd-kart__ozet   { display: none; }
	.sbd-kart__dugme  { font-size: 12px; padding: 9px 10px; }

	.sbd-olcek       { padding: 18px; gap: 14px; border-radius: 18px; }
	.sbd-olcek__sayi { font-size: 24px; }
	.sbd-olcek__ayrac { display: none; }
}

/* Koyu tema kullanan temalarda cam yüzey okunur kalsın */

@media (prefers-color-scheme: dark) {

	.sbd-kart {
		background: rgba(30, 33, 40, .72);
		border-color: rgba(255, 255, 255, .08);
	}

	.sbd-kart:hover,
	.sbd-kart--on { background: rgba(30, 33, 40, .95); }

	.sbd-olcek {
		background: rgba(30, 33, 40, .9);
		border-color: rgba(255, 255, 255, .08);
	}

	.sbd-kart__dugme { background: rgba(255, 255, 255, .08); }
	.sbd-kart__cubuk { background: rgba(255, 255, 255, .12); }
}

/* ==========================================================================
   SINIF SEÇİM ŞERİDİ
   Tek beyaz yüzey, dört sütun. Renkler sbd_da_sinif_kimlikleri'nden gelir.
   ========================================================================== */

.sbd-kartlar {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	background: #fff;
	border: 1px solid rgba(16, 24, 40, .07);
	border-radius: 22px;
	padding: 7px;
	margin: 0 0 30px;
	overflow: hidden;
	box-shadow:
		0 1px 2px rgba(16, 24, 40, .04),
		0 10px 26px rgba(16, 24, 40, .06);
}

.sbd-kart {
	position: relative;
	display: flex !important;
	flex-direction: column;
	padding: 22px 20px 20px;
	border-radius: 17px;
	text-decoration: none;
	color: var(--sbd-metin);
	transition:
		background .26s ease,
		transform .26s cubic-bezier(.2, .8, .3, 1);
}

/* Sütun ayracı */

.sbd-kart:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 22%;
	bottom: 22%;
	width: 1px;
	background: rgba(16, 24, 40, .09);
	transition: opacity .2s ease;
}

.sbd-kart:hover { background: rgba(16, 24, 40, .028); transform: translateY(-3px); }
.sbd-kart:hover::after { opacity: 0; }

.sbd-kart:focus-visible { outline: 2px solid var(--g2); outline-offset: -2px; }

/* Seçili sütun */

.sbd-kart--on { background: rgba(16, 24, 40, .034); }
.sbd-kart--on::after { opacity: 0; }

.sbd-kart--on::before {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 9px;
	height: 3px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--g1), var(--g2));
}

/* --- Rakam rozeti --- */

.sbd-kart__rozet {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 16px;
	background: linear-gradient(135deg, var(--g1), var(--g2));
	box-shadow: 0 7px 16px var(--golge);
	color: #fff;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1;
	margin-bottom: 15px;
	transition: transform .3s cubic-bezier(.2, .8, .3, 1), box-shadow .3s ease;
}

.sbd-kart:hover .sbd-kart__rozet {
	transform: scale(1.09) rotate(-4deg);
	box-shadow: 0 10px 22px var(--golge);
}

/* --- Metinler --- */

.sbd-kart__baslik {
	display: block !important;
	flex: 1;
	font-size: 17.5px;
	font-weight: 700;
	letter-spacing: -.02em;
	margin-bottom: 13px;
}

.sbd-kart__ozet {
	display: block !important;
	flex: 1;
	font-size: 12.5px;
	line-height: 1.5;
	color: var(--sbd-soluk);
	margin-bottom: 15px;
}

/* --- Bağlantı satırı --- */

.sbd-kart__bag {
	display: flex !important;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--g2);
	transition: gap .24s cubic-bezier(.2, .8, .3, 1);
}

.sbd-kart:hover .sbd-kart__bag { gap: 10px; }

.sbd-kart__ok { display: flex !important; }
.sbd-kart__ok svg { width: 14px; height: 14px; stroke-width: 2.5; }

/* --- Doluluk --- */

.sbd-kart__olcum {
	display: flex !important;
	align-items: center;
	gap: 8px;
	margin-top: 13px;
}

.sbd-kart__cubuk {
	display: block !important;
	flex: 1;
	height: 4px;
	border-radius: 3px;
	background: rgba(16, 24, 40, .08);
	overflow: hidden;
}

.sbd-kart__dolu {
	display: block !important;
	height: 100%;
	width: 0;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--g1), var(--g2));
	transition: width .8s cubic-bezier(.2, .8, .3, 1) .1s;
}

.sbd-kart__oran {
	display: block !important;
	flex: 0 0 auto;
	font-size: 10.5px;
	font-weight: 700;
	color: var(--sbd-soluk);
	font-variant-numeric: tabular-nums;
}

/* --- Uyum --- */

@media (prefers-reduced-motion: reduce) {

	.sbd-kart,
	.sbd-kart__rozet,
	.sbd-kart__dolu,
	.sbd-kart__bag { transition: none !important; }

	.sbd-kart:hover { transform: none; }
	.sbd-kart:hover .sbd-kart__rozet { transform: none; }
}

@media (max-width: 820px) {
	.sbd-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sbd-kart:nth-child(2)::after { opacity: 0; }
}

@media (max-width: 480px) {

	.sbd-kartlar      { grid-template-columns: 1fr; padding: 5px; border-radius: 18px; }
	.sbd-kart         { padding: 16px 15px; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0 14px; }
	.sbd-kart::after  { display: none; }
	.sbd-kart__rozet  { width: 44px; height: 44px; font-size: 20px; border-radius: 13px; margin-bottom: 0; }
	.sbd-kart__baslik { flex: 1; margin-bottom: 0; }
	.sbd-kart__ozet   { display: none !important; }
	.sbd-kart__bag    { width: 100%; margin-top: 10px; }
	.sbd-kart__olcum  { width: 100%; margin-top: 9px; }
	.sbd-kart--on::before { left: 15px; right: 15px; bottom: 6px; }
}

@media (prefers-color-scheme: dark) {

	.sbd-kartlar { background: rgba(30, 33, 40, .92); border-color: rgba(255, 255, 255, .08); }
	.sbd-kart:not(:last-child)::after { background: rgba(255, 255, 255, .1); }
	.sbd-kart:hover  { background: rgba(255, 255, 255, .04); }
	.sbd-kart--on    { background: rgba(255, 255, 255, .055); }
	.sbd-kart__cubuk { background: rgba(255, 255, 255, .12); }
}

/* ==========================================================================
   GENEL TASARIM
   ========================================================================== */

.sbd-arsiv-sarmal {
	background-color: #f8fafc;
	background-image: radial-gradient(rgba(16, 24, 40, .07) 1px, transparent 1px);
	background-size: 20px 20px;
}

.sbd-arsiv { max-width: 1080px; margin: 0 auto; padding: 44px 22px 60px; }

.sbd-arsiv__ust { text-align: center; max-width: 640px; margin: 0 auto 34px; }

.sbd-arsiv__baslik {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.15;
	margin: 0 0 12px;
}

.sbd-arsiv__aciklama { font-size: 16px; line-height: 1.6; color: var(--sbd-soluk); margin: 0; }

.sbd-rozet-ust {
	display: inline-block;
	font-size: 12.5px;
	font-weight: 600;
	padding: 5px 14px;
	border-radius: 999px;
	background: rgba(99, 102, 241, .1);
	color: #4f46e5;
	border: 1px solid rgba(99, 102, 241, .18);
	margin-bottom: 14px;
}

/* --- Üst yol --- */

.sbd-ust-yol { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 0 0 22px; }

.sbd-geri {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 16px 8px 13px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(16, 24, 40, .1);
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	color: var(--sbd-metin);
	transition: transform .22s cubic-bezier(.2, .8, .3, 1), box-shadow .22s ease;
}

.sbd-geri:hover { transform: translateX(-3px); box-shadow: 0 5px 14px rgba(16, 24, 40, .08); }
.sbd-geri__ok { font-size: 17px; line-height: 1; }

.sbd-ust-yol__zincir { font-size: 12.5px; color: var(--sbd-soluk); }
.sbd-ust-yol__zincir a { color: var(--sbd-soluk); text-decoration: none; }
.sbd-ust-yol__zincir a:hover { color: var(--sbd-metin); text-decoration: underline; }
.sbd-ust-yol__ayrac { margin: 0 7px; opacity: .5; }

/* --- Diğer sınıflar --- */

.sbd-diger { margin-top: 44px; padding-top: 34px; border-top: 1px solid rgba(16, 24, 40, .08); }

.sbd-diger__baslik {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: var(--sbd-soluk);
	margin: 0 0 18px;
	text-align: center;
}

/* --- Gövde yüzeyi --- */

.sbd-forum__govde {
	background: #fff;
	border: 1px solid rgba(16, 24, 40, .07);
	border-radius: 24px;
	padding: 28px 26px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05);
}

.sbd-cz__sag { border-left-color: rgba(16, 24, 40, .1); }
.sbd-durak__nokta { background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, .85); }
.sbd-durak__bas { border-radius: 14px; padding: 12px 14px; }
.sbd-durak__bas:hover { background: rgba(16, 24, 40, .035); }
.sbd-durak__ad { font-size: 15px; font-weight: 700; letter-spacing: -.01em; }

.sbd-durak__adet {
	min-width: 34px;
	padding: 3px 9px;
	border-radius: 999px;
	background: rgba(16, 24, 40, .06);
	font-size: 12px;
}

.sbd-durak__adet--sifir { background: transparent; }
.sbd-yaprak { border-radius: 12px; padding: 9px 13px; }
.sbd-yaprak:hover { background: rgba(16, 24, 40, .035); }
.sbd-isaret__etiket { border-radius: 999px; padding: 5px 13px; }
.sbd-bugun__etiket { border-radius: 999px; padding: 4px 13px; }
.sbd-pano { border-radius: 20px; border-color: rgba(16, 24, 40, .08); }
.sbd-agac { border-left-color: rgba(16, 24, 40, .1); }

/* --- Doküman satırları --- */

.sbd-belgeler { margin-bottom: 26px; }

.sbd-belge {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px 18px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid rgba(16, 24, 40, .06);
	box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
	text-decoration: none;
	color: var(--sbd-metin);
	margin-bottom: 10px;
	transition: transform .22s cubic-bezier(.2, .8, .3, 1), box-shadow .22s ease;
}

.sbd-belge:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(16, 24, 40, .08); }

.sbd-belge__ikon {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
}

.sbd-belge__govde { flex: 1; min-width: 0; }
.sbd-belge__baslik { display: block; font-size: 15px; font-weight: 700; letter-spacing: -.01em; margin-bottom: 3px; }
.sbd-belge__meta { display: block; font-size: 12.5px; color: var(--sbd-soluk); }

/* --- Doküman sayfası --- */

.sbd-dokuman-ust {
	background: #fff;
	border: 1px solid rgba(16, 24, 40, .06);
	border-radius: 24px;
	padding: 26px 28px;
	margin-bottom: 26px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 22px rgba(16, 24, 40, .05);
}

.sbd-rozet { border-radius: 999px; padding: 4px 12px; font-weight: 600; }

.sbd-btn {
	border-radius: 999px;
	padding: 11px 24px;
	font-weight: 600;
	border: 1px solid rgba(16, 24, 40, .1);
	transition: transform .22s cubic-bezier(.2, .8, .3, 1), box-shadow .22s ease, background .22s ease;
}

.sbd-btn:hover { transform: translateY(-2px); }

.sbd-btn--birincil {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 6px 16px rgba(99, 102, 241, .3);
}

.sbd-btn--birincil:hover {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	box-shadow: 0 10px 22px rgba(99, 102, 241, .38);
	opacity: 1;
}

.sbd-uyari { border-radius: 16px; padding: 14px 18px; }

.sbd-kunye { padding: 12px 15px; border-radius: 16px; background: rgba(16, 24, 40, .03); margin-bottom: 16px; }

.sbd-kunye__baş {
	background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
	color: #fff;
	border: 0;
	box-shadow: 0 4px 10px rgba(161, 140, 209, .3);
}

.sbd-ilgili {
	background: #fff;
	border: 1px solid rgba(16, 24, 40, .06);
	border-radius: 24px;
	padding: 22px 26px;
	margin-top: 26px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}

.sbd-ilgili__baslik { font-size: 16px; font-weight: 700; letter-spacing: -.01em; }

.sbd-cagri {
	border-radius: 24px;
	padding: 24px 28px;
	background: linear-gradient(135deg, rgba(99, 102, 241, .07) 0%, rgba(139, 92, 246, .07) 100%);
	border: 1px solid rgba(99, 102, 241, .14);
}

.sbd-cagri--bos { border-style: dashed; }

.sbd-katki__form {
	border-radius: 24px;
	padding: 28px;
	border-color: rgba(16, 24, 40, .07);
	box-shadow: 0 1px 2px rgba(16, 24, 40, .03), 0 8px 22px rgba(16, 24, 40, .04);
}

.sbd-katki__alan input[type="text"],
.sbd-katki__alan textarea,
.sbd-katki__alan select { border-radius: 12px; padding: 11px 13px; border-color: rgba(16, 24, 40, .12); }

.sbd-katki__telif { border-radius: 16px; padding: 15px 17px; }
.sbd-katki__sonuc { border-radius: 16px; padding: 16px 20px; }

.sbd-sira__satir {
	border: 1px solid rgba(16, 24, 40, .06);
	border-radius: 16px;
	margin-bottom: 9px;
	background: #fff;
	padding: 13px 16px;
}

.sbd-sira__satir--tepe .sbd-sira__no {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	color: #fff;
	box-shadow: 0 4px 10px rgba(99, 102, 241, .3);
}

.sbd-sayfalama .page-numbers { border-radius: 12px; padding: 8px 14px; border-color: rgba(16, 24, 40, .1); background: #fff; }
.sbd-sayfalama .page-numbers.current { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); border-color: transparent; }

.sbd-filtre__cip {
	border-radius: 999px;
	padding: 7px 16px;
	border-color: rgba(16, 24, 40, .1);
	background: #fff;
	font-weight: 600;
	transition: transform .2s cubic-bezier(.2, .8, .3, 1), background .2s ease;
}

.sbd-filtre__cip:hover { transform: translateY(-2px); }

.sbd-filtre__cip--aktif {
	background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	border-color: transparent;
	box-shadow: 0 5px 14px rgba(99, 102, 241, .28);
}

.sbd-filtre { border-bottom: 0; padding-bottom: 6px; }

.sbd-bos { padding: 40px 20px; border-radius: 20px; background: rgba(16, 24, 40, .025); border: 1px dashed rgba(16, 24, 40, .1); }

@media (max-width: 560px) {
	.sbd-arsiv { padding: 26px 14px 40px; }
	.sbd-arsiv__baslik { font-size: 27px; }
	.sbd-arsiv__aciklama { font-size: 14.5px; }
	.sbd-forum__govde { padding: 18px 14px; border-radius: 18px; }
	.sbd-dokuman-ust { padding: 20px 18px; border-radius: 18px; }
	.sbd-ilgili { padding: 18px; border-radius: 18px; }
	.sbd-cagri { padding: 18px; border-radius: 18px; }
	.sbd-katki__form { padding: 18px; border-radius: 18px; }
	.sbd-btn { padding: 10px 20px; }
	.sbd-ust-yol__zincir { display: none; }
	.sbd-diger { margin-top: 32px; padding-top: 26px; }
}

@media (prefers-color-scheme: dark) {
	.sbd-arsiv-sarmal { background-color: #14161a; background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); }
	.sbd-forum__govde,
	.sbd-dokuman-ust,
	.sbd-ilgili,
	.sbd-belge,
	.sbd-sira__satir,
	.sbd-filtre__cip,
	.sbd-geri,
	.sbd-sayfalama .page-numbers { background: rgba(30, 33, 40, .9); border-color: rgba(255, 255, 255, .08); }
	.sbd-kunye { background: rgba(255, 255, 255, .05); }
}

/* ==========================================================================
   SAVUNMA KURALLARI
   Tema veya önbellek kaynaklı bozulmalarda görünüm dağılmasın.
   ========================================================================== */

/* Hiçbir SVG kendi başına devleşmesin. */

.sbd-forum svg,
.sbd-portal svg,
.sbd-kartlar svg,
.sbd-arsiv svg,
.sbd-katki svg {
	width: 1em;
	height: 1em;
	max-width: 100%;
	max-height: 2em;
	flex: 0 0 auto;
	vertical-align: middle;
}

.sbd-kart__ok svg   { width: 14px !important; height: 14px !important; }
.sbd-yan__ikon svg  { width: 17px !important; height: 17px !important; }
.sbd-yan__logo svg  { width: 21px !important; height: 21px !important; }

/* Tema bağlantı renkleri kendi öğelerimize sızmasın. */

.sbd-kart,
.sbd-kart:hover,
.sbd-kart:visited,
.sbd-belge,
.sbd-belge:hover,
.sbd-one__oge,
.sbd-one__oge:hover,
.sbd-durak__ad,
.sbd-yaprak,
.sbd-yaprak:hover {
	color: var(--sbd-metin) !important;
}

.sbd-kart__baslik { color: var(--sbd-metin) !important; }
.sbd-kart__bag    { color: var(--g2) !important; }
.sbd-kart__oran   { color: var(--sbd-soluk) !important; }

.sbd-yan__oge,
.sbd-yan__oge:visited { color: #c3ccdd !important; }
.sbd-yan__oge:hover,
.sbd-yan__oge--on     { color: #fff !important; }
.sbd-yan__ad          { color: #fff !important; }
.sbd-yan__alt         { color: #8b97ae !important; }

.sbd-akis__ad     { color: #fff !important; }
.sbd-akis__metin  { color: #c3ccdd !important; }
.sbd-topluluk__baslik { color: #fff !important; }

/* Tema alt çizgi ve arka plan eklemesin. */

.sbd-kartlar a,
.sbd-portal a,
.sbd-forum a {
	text-decoration: none;
	background-image: none;
	box-shadow: none;
}

/* Eski sürümden kalan işaretleme varsa gizle (önbellek uyuşmazlığı). */

.sbd-kitap,
.sbd-kitap__sirt,
.sbd-kitap__sayfalar,
.sbd-kitap__yuz,
.sbd-kitap__filigran,
.sbd-kart__ikon,
.sbd-kart__leke {
	display: none !important;
}

/* ==========================================================================
   PORTAL ANA SAYFASI — sol menü + ana alan
   ========================================================================== */

.sbd-portal {
	display: grid;
	grid-template-columns: 236px minmax(0, 1fr);
	gap: 0;
	min-height: 70vh;
	margin: 0 0 40px;
	border-radius: 26px;
	overflow: hidden;
	border: 1px solid rgba(16, 24, 40, .07);
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 14px 36px rgba(16, 24, 40, .07);
	background: #fff;
}

/* --- Sol menü --- */

.sbd-yan {
	display: flex;
	flex-direction: column;
	padding: 26px 16px 22px;
	background: #10182b;
	color: #e6eaf2;
}

.sbd-yan__marka { padding: 0 8px 22px; border-bottom: 1px solid rgba(255, 255, 255, .09); margin-bottom: 18px; }

.sbd-yan__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 13px;
	background: linear-gradient(135deg, #6366f1, #8b5cf6);
	color: #fff;
	margin-bottom: 12px;
	box-shadow: 0 6px 14px rgba(99, 102, 241, .35);
}

.sbd-yan__logo svg { width: 21px; height: 21px; }

.sbd-yan__ad {
	display: block;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.2;
	color: #fff;
}

.sbd-yan__alt {
	display: block;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #8b97ae;
	margin-top: 5px;
}

.sbd-yan__menu { display: flex; flex-direction: column; gap: 2px; flex: 1; }

.sbd-yan__ayrac { display: block; height: 1px; background: rgba(255, 255, 255, .08); margin: 11px 8px; }

.sbd-yan__oge {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 10px 12px;
	border-radius: 11px;
	font-size: 13.5px;
	font-weight: 600;
	color: #c3ccdd;
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
}

.sbd-yan__oge:hover { background: rgba(255, 255, 255, .07); color: #fff; }

.sbd-yan__oge--on {
	background: linear-gradient(135deg, var(--g1, #6366f1), var(--g2, #8b5cf6));
	color: #fff;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
}

.sbd-yan__ikon { display: flex; flex: 0 0 auto; }
.sbd-yan__ikon svg { width: 17px; height: 17px; }

.sbd-yan__soz {
	font-size: 11.5px;
	line-height: 1.65;
	color: #7c88a0;
	margin: 22px 8px 0;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

/* --- Ana alan --- */

.sbd-ana { padding: 34px 32px 36px; background: #f8fafc; }

.sbd-hero { text-align: center; max-width: 620px; margin: 0 auto 30px; }

.sbd-hero__baslik {
	font-size: 34px;
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.15;
	margin: 0 0 11px;
}

.sbd-hero__ozet { font-size: 14.5px; line-height: 1.6; color: var(--sbd-soluk); margin: 0 0 18px; }

.sbd-hero__sayilar {
	display: flex;
	justify-content: center;
	gap: 22px;
	flex-wrap: wrap;
	font-size: 12.5px;
	color: var(--sbd-soluk);
}

.sbd-hero__sayilar strong { color: var(--sbd-metin); font-size: 15px; font-variant-numeric: tabular-nums; }

/* --- Alt ızgara --- */

.sbd-govde-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; }

.sbd-bolum__baslik,
.sbd-topluluk__baslik {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.01em;
	margin: 0 0 14px;
}

.sbd-one { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

.sbd-one__oge {
	display: flex;
	flex-direction: column;
	padding: 16px 17px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid rgba(16, 24, 40, .06);
	box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
	text-decoration: none;
	color: var(--sbd-metin);
	transition: transform .22s cubic-bezier(.2, .8, .3, 1), box-shadow .22s ease;
}

.sbd-one__oge:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(16, 24, 40, .09); }

.sbd-one__etiket {
	align-self: flex-start;
	font-size: 10.5px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
	margin-bottom: 10px;
}

.sbd-one__baslik { font-size: 13.5px; font-weight: 700; line-height: 1.4; margin-bottom: 7px; }
.sbd-one__meta { font-size: 11.5px; color: var(--sbd-soluk); margin-top: auto; }

/* --- Topluluk paneli --- */

.sbd-topluluk {
	padding: 20px;
	border-radius: 20px;
	background: #10182b;
	color: #e6eaf2;
	align-self: start;
}

.sbd-topluluk__ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sbd-topluluk__baslik { color: #fff; }

.sbd-topluluk__tumu { font-size: 11.5px; font-weight: 600; color: #a5b4fc; text-decoration: none; }
.sbd-topluluk__tumu:hover { color: #fff; }

.sbd-akis { list-style: none; margin: 0 0 16px; padding: 0; }

.sbd-akis__oge { display: flex; gap: 11px; padding: 11px 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.sbd-akis__oge:last-child { border-bottom: 0; }

.sbd-akis__bas {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, #6366f1, #8b5cf6);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
}

.sbd-akis__govde { flex: 1; min-width: 0; }
.sbd-akis__ust { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; }
.sbd-akis__ad { font-size: 12.5px; font-weight: 700; color: #fff; }
.sbd-akis__ne { font-size: 10.5px; color: #8b97ae; }

.sbd-akis__metin {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	color: #c3ccdd;
	text-decoration: none;
	margin-top: 3px;
}

.sbd-akis__metin:hover { color: #fff; }

.sbd-topluluk__dugme { display: block; text-align: center; width: 100%; }

/* --- Uyum --- */

@media (max-width: 1080px) {
	.sbd-govde-izgara { grid-template-columns: minmax(0, 1fr); }
	.sbd-topluluk { order: -1; }
}

@media (max-width: 860px) {

	.sbd-portal { grid-template-columns: minmax(0, 1fr); border-radius: 20px; }

	.sbd-yan { padding: 18px 14px; }
	.sbd-yan__marka { padding-bottom: 15px; margin-bottom: 13px; }
	.sbd-yan__logo { width: 34px; height: 34px; margin-bottom: 9px; }
	.sbd-yan__menu { flex-direction: row; flex-wrap: wrap; gap: 6px; }
	.sbd-yan__oge { padding: 8px 12px; font-size: 12.5px; }
	.sbd-yan__ayrac { display: none; }
	.sbd-yan__soz { display: none; }

	.sbd-ana { padding: 24px 16px 28px; }
	.sbd-hero__baslik { font-size: 25px; }
	.sbd-one { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.sbd-one__oge, .sbd-yan__oge { transition: none !important; }
	.sbd-one__oge:hover { transform: none; }
}

@media (prefers-color-scheme: dark) {
	.sbd-portal { background: #14161a; border-color: rgba(255, 255, 255, .08); }
	.sbd-ana    { background: #181b21; }
	.sbd-one__oge { background: rgba(30, 33, 40, .9); border-color: rgba(255, 255, 255, .08); }
}

/* --- Sınıf geneli bölümü --- */

.sbd-genel {
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid rgba(16, 24, 40, .09);
}

.sbd-genel__baslik {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.01em;
	margin: 0 0 5px;
}

.sbd-genel__sayi {
	font-size: 11.5px;
	font-weight: 700;
	padding: 2px 9px;
	border-radius: 999px;
	background: rgba(16, 24, 40, .06);
	color: var(--sbd-soluk);
	font-variant-numeric: tabular-nums;
}

.sbd-genel__aciklama { font-size: 12.5px; color: var(--sbd-soluk); margin: 0 0 14px; }

.sbd-genel__liste { display: flex; flex-direction: column; gap: 6px; }

.sbd-genel__oge {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 9px 13px;
	border-radius: 12px;
	text-decoration: none;
	color: var(--sbd-metin);
	transition: background .18s ease;
}

.sbd-genel__oge:hover { background: rgba(16, 24, 40, .035); }

.sbd-genel__etiket {
	flex: 0 0 auto;
	font-size: 10.5px;
	font-weight: 700;
	padding: 2px 9px;
	border-radius: 999px;
	white-space: nowrap;
}

.sbd-genel__ad { flex: 1; min-width: 0; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sbd-genel__ind {
	flex: 0 0 auto;
	font-size: 11.5px;
	color: var(--sbd-soluk);
	font-variant-numeric: tabular-nums;
}

.sbd-genel__daha { font-size: 12px; color: var(--sbd-soluk); margin: 11px 0 0 13px; }

@media (max-width: 560px) {
	.sbd-genel__etiket { display: none; }
	.sbd-genel__oge    { padding: 8px 10px; }
}

/* =========================================================================
   v4 — FORUM GÖRÜNÜMÜ (üst bar, satır düzeni, sekmeli tablo, doküman sayfası)
   Bu bölüm kart ve ağaç görünümünün yerini alır.
   ========================================================================= */

.sbd-forum--v4{
  --fbar:#1e2a35; --fbar2:#27374a; --fbar-line:#33465c;
  --fsec:#eef2f6; --fsec-line:#d8e0e8;
  --frow:#fff; --frow-alt:#fafbfc; --fline:#e3e8ee;
  --fink:#1c2733; --fink2:#5b6b7c; --fink3:#8494a4;
  --flink:#1a5fb4;
  color:var(--fink);
  font-size:15px;
  line-height:1.5;
}
.sbd-forum--v4 *{box-sizing:border-box}
.sbd-forum--v4 a{color:var(--flink);text-decoration:none}
.sbd-forum--v4 a:hover{text-decoration:underline}

/* ---------- üst bar: iki sıralı koyu blok ---------- */
.sbd-fbar{
  background:linear-gradient(180deg,#27374a,#1c2733);
  border:1px solid #16202a;border-radius:10px;overflow:hidden;
  box-shadow:0 2px 8px rgba(15,25,35,.3);margin-bottom:16px;
}
.sbd-fbar__ust{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 14px 9px;border-bottom:1px solid rgba(255,255,255,.07);
}
.sbd-fbar__logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.sbd-fbar__logo:hover{text-decoration:none}
.sbd-fbar__logo img{height:32px;width:auto;max-width:200px;display:block;object-fit:contain}
.sbd-fbar__etiket{
  font-size:10px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:#cfe0f2;
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);
  padding:3px 8px;border-radius:4px;line-height:1;white-space:nowrap;
}
.sbd-fbar__ara{flex:1;min-width:170px;display:flex;margin:0}
.sbd-fbar__ara input[type=search]{
  width:100%;border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:8px 13px;
  font-size:13px;font-family:inherit;background:rgba(255,255,255,.07);color:#e8eef4;
}
.sbd-fbar__ara input[type=search]::placeholder{color:#8fa0b0}
.sbd-fbar__ara input[type=search]:focus{
  outline:none;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.12);
}
.sbd-fbar__katki{
  background:#1a5fb4;color:#fff !important;font-size:13px;font-weight:700;
  padding:8px 15px;border-radius:7px;white-space:nowrap;flex-shrink:0;
  box-shadow:0 2px 7px rgba(26,95,180,.4);
}
.sbd-fbar__katki:hover{background:#2570cc;text-decoration:none}

.sbd-fbar__alt{display:flex;gap:6px;flex-wrap:wrap;padding:9px 10px 11px}
.sbd-hap{
  display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:7px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  color:#c3d1de !important;font-size:13.5px;font-weight:700;line-height:1.2;
  white-space:nowrap;transition:.16s;
}
.sbd-hap:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.17);color:#fff !important;text-decoration:none}
.sbd-hap--aktif{
  background:var(--sr,#1a5fb4);border-color:var(--sr,#1a5fb4);color:#fff !important;
  box-shadow:0 3px 9px color-mix(in srgb,var(--sr,#1a5fb4) 45%,transparent);
}
@supports not (color:color-mix(in srgb,red 45%,transparent)){
  .sbd-hap--aktif{box-shadow:0 3px 9px rgba(0,0,0,.3)}
}
.sbd-hap__rakam{
  display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;
  font-size:11.5px;font-weight:800;color:#fff;flex-shrink:0;background:var(--sr,#5f5e5a);
  box-shadow:0 0 0 1px rgba(255,255,255,.14);
}
.sbd-hap--aktif .sbd-hap__rakam{background:rgba(0,0,0,.24);box-shadow:none}
.sbd-hap__nokta{
  width:9px;height:9px;border-radius:50%;background:var(--sr,#5b6b7c);flex-shrink:0;
  box-shadow:0 0 0 2px rgba(255,255,255,.12);
}
.sbd-hap--aktif .sbd-hap__nokta{background:#fff;box-shadow:none}

/* ---------- kırıntı + arama şeridi ---------- */
.sbd-fust2{background:#fff;border-bottom:1px solid var(--fline,#e3e8ee)}
.sbd-fust2__ic{max-width:1140px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sbd-fkirinti{font-size:13px;color:var(--fink2,#5b6b7c);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sbd-fkirinti span{color:var(--fink3,#8494a4)}
.sbd-fara{margin-left:auto;display:flex;align-items:center;gap:8px}
.sbd-fara input[type=search]{
  border:1px solid #cfd8e3;border-radius:5px;padding:6px 11px;font-size:13px;width:210px;
  background:#f7f9fb;font-family:inherit;max-width:100%;
}
.sbd-fara input[type=search]:focus{outline:none;border-color:#8fb4dd;background:#fff}
.sbd-fkatki{
  background:#1a5fb4;color:#fff !important;font-size:13px;font-weight:700;padding:7px 14px;border-radius:5px;
  white-space:nowrap;
}
.sbd-fkatki:hover{background:#164f96;text-decoration:none}

/* ---------- gövde ---------- */
.sbd-forum--v4 .sbd-forum__govde{max-width:1140px;margin:0 auto;padding:18px 16px 40px;transition:opacity .2s}
.sbd-forum--yukleniyor{opacity:.45;pointer-events:none}

/* ---------- öğrenme alanı bloğu ---------- */
.sbd-blok{background:#fff;border:1px solid var(--fline,#e3e8ee);border-radius:6px;overflow:hidden;margin-bottom:16px}
.sbd-blok__ust{
  background:linear-gradient(180deg,#f6f8fa,var(--fsec,#eef2f6));
  border-bottom:1px solid var(--fsec-line,#d8e0e8);
  padding:11px 16px;display:flex;align-items:center;gap:12px;
}
.sbd-blok__ust h2{margin:0;font-size:15.5px;font-weight:800;letter-spacing:-.01em;line-height:1.35}
.sbd-blok__ust h2 a{color:var(--fink,#1c2733)}
.sbd-blok__sag{margin-left:auto;font-size:12.5px;color:var(--fink2,#5b6b7c);display:flex;gap:16px;align-items:center;flex-shrink:0}
.sbd-blok__sag b{color:var(--fink,#1c2733);font-weight:700}
.sbd-blok__kapa{background:none;border:none;cursor:pointer;color:var(--fink3,#8494a4);font-size:15px;line-height:1;padding:2px 4px}
.sbd-blok--kapali .sbd-blok__ic{display:none}
.sbd-blok--kapali .sbd-blok__ust{border-bottom:none}

/* ---------- satır ---------- */
.sbd-sat{display:flex;align-items:flex-start;gap:14px;padding:13px 16px;border-top:1px solid var(--fline,#e3e8ee)}
.sbd-blok__ic > .sbd-sat:first-child{border-top:none}
.sbd-sat:nth-child(even){background:var(--frow-alt,#fafbfc)}
.sbd-sat:hover{background:#f4f8fd}
.sbd-sat__ikon{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  margin-top:1px;background:#f0f2f5;color:#b3bdc8;
}
.sbd-sat__ikon svg{width:19px;height:19px}
.sbd-sat__ikon[style*="--i"]{background:color-mix(in srgb,var(--i) 13%,transparent);color:var(--i)}
@supports not (background:color-mix(in srgb,red 13%,transparent)){
  .sbd-sat__ikon[style*="--i"]{background:#eef2f6;color:var(--i)}
}
.sbd-sat__orta{flex:1;min-width:0}
.sbd-sat__bas{font-size:15px;font-weight:700;letter-spacing:-.005em;margin:0 0 2px;line-height:1.4}
.sbd-sat__bas a{color:var(--flink,#1a5fb4)}
.sbd-sat__ack{font-size:13px;color:var(--fink2,#5b6b7c);margin:0 0 6px;line-height:1.45}
.sbd-sat__turler{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:12.5px}
.sbd-sat__turler a{color:var(--fink2,#5b6b7c);font-weight:600}
.sbd-sat__turler a:hover{color:var(--flink,#1a5fb4)}
.sbd-sat__turler a span{color:var(--fink3,#8494a4);font-weight:400}
.sbd-sat__yok{color:#b9c3cd;font-weight:500}
.sbd-sat__son{
  width:266px;flex-shrink:0;display:flex;gap:10px;align-items:flex-start;
  padding-left:16px;border-left:1px solid var(--fline,#e3e8ee);
}
.sbd-sat__av{
  width:34px;height:34px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:14px;color:#fff;background:#7d8ea0;
}
.sbd-sat__av--bos{background:#dbe2ea;color:#8494a4}
.sbd-sat__sonic{min-width:0;flex:1}
.sbd-sat__sonad{
  font-size:13px;font-weight:600;line-height:1.35;display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sbd-sat__sonmeta{font-size:11.5px;color:var(--fink3,#8494a4);margin-top:2px;display:block}
.sbd-sat__bosmetin{font-size:12.5px;color:var(--fink3,#8494a4);line-height:1.45;display:block}
.sbd-sat__bosmetin a{font-weight:700}

/* ---------- tür rozeti ---------- */
.sbd-rz{
  display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  padding:2px 6px;border-radius:3px;line-height:1.35;margin-bottom:3px;margin-right:6px;vertical-align:1px;
}
.sbd-rz--buyuk{font-size:13px;padding:5px 11px;border-radius:4px;margin:0 0 8px;vertical-align:2px}

/* ---------- sekmeli "neler yeni" tablosu ---------- */
.sbd-yt{
  background:#fff;border:1px solid var(--fline,#e3e8ee);border-radius:10px;overflow:hidden;margin-bottom:18px;
  box-shadow:0 1px 3px rgba(15,25,35,.06);
}
.sbd-yt__sekmeler{
  display:flex;width:100%;background:linear-gradient(180deg,#243140,#1c2733);
  padding:6px;gap:5px;overflow-x:auto;
}
.sbd-yt__sekmeler button{
  flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:7px;
  padding:11px 10px;font-size:13.5px;font-weight:700;color:#b9c7d4;cursor:pointer;
  white-space:nowrap;font-family:inherit;line-height:1.2;transition:.16s;min-width:0;
}
.sbd-yt__sekmeler button:hover{
  background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.16);
}
.sbd-yt__nokta{
  width:9px;height:9px;border-radius:50%;background:var(--sk,#5b6b7c);flex-shrink:0;
  box-shadow:0 0 0 2px rgba(255,255,255,.12);
}
.sbd-yt__sekmeler button.sbd-yt--aktif{
  background:var(--sk,#1a5fb4);border-color:var(--sk,#1a5fb4);color:#fff;
  box-shadow:0 3px 9px color-mix(in srgb,var(--sk,#1a5fb4) 45%,transparent);
}
@supports not (color:color-mix(in srgb,red 45%,transparent)){
  .sbd-yt__sekmeler button.sbd-yt--aktif{box-shadow:0 3px 9px rgba(0,0,0,.3)}
}
.sbd-yt__sekmeler button.sbd-yt--aktif .sbd-yt__nokta{background:#fff;box-shadow:none}
.sbd-yt__kaydir{overflow:hidden}
.sbd-yt__tablo{width:100%;border-collapse:collapse;font-size:14px;margin:0;border:none;table-layout:fixed}
.sbd-yt__tablo th:nth-child(1){width:40px}
.sbd-yt__tablo th:nth-child(3){width:21%}
.sbd-yt__tablo th:nth-child(4){width:92px}
.sbd-yt__tablo th:nth-child(5){width:78px}
.sbd-yt__tablo th:nth-child(6){width:104px}
.sbd-yt__tablo th{
  background:#f8fafc;text-align:left;font-size:11px;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:var(--fink3,#8494a4);padding:9px 14px;
  border:none;border-bottom:2px solid var(--fsec-line,#d8e0e8);
}
.sbd-yt__tablo td{
  padding:11px 14px;border:none;border-bottom:1px solid var(--fline,#e3e8ee);
  vertical-align:middle;background:transparent;
}
.sbd-yt__tablo tbody tr:nth-child(even) td{background:var(--frow-alt,#fafbfc)}
.sbd-yt__tablo tr:last-child td{border-bottom:none}
.sbd-yt__tablo tbody tr{transition:background .12s}
.sbd-yt__tablo tbody tr:hover td{background:#eef5fd}
.sbd-yt__sira{width:38px;color:var(--fink3,#8494a4);font-size:12.5px;text-align:center}
.sbd-yt__ad{min-width:0}
.sbd-yt__ad .sbd-rz{margin-bottom:0;vertical-align:2px}
.sbd-yt__ad a{font-weight:650;line-height:1.4}
.sbd-yt__yer{color:var(--fink2,#5b6b7c);font-size:12.5px;line-height:1.35}
.sbd-yt__yer a{color:var(--fink2,#5b6b7c)}
.sbd-yt__yer a:hover{color:var(--flink,#1a5fb4)}
.sbd-yt__tar,.sbd-yt__kim{
  color:var(--fink3,#8494a4);font-size:12.5px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.sbd-yt__ind{
  font-size:13px;font-weight:800;color:var(--fink2,#5b6b7c);text-align:right;white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.sbd-yt__bos{text-align:center;color:var(--fink3,#8494a4);padding:26px 12px !important}
.sbd-yt--yukleniyor{opacity:.4;transition:opacity .15s}

/* ---------- doküman sayfası ---------- */
.sbd-dok{margin:0 0 22px}
.sbd-dok__bas{margin:0 0 6px}
.sbd-dok__yol{font-size:13px;color:#8494a4;margin:0 0 14px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.sbd-dok__grid{
  display:grid;grid-template-columns:196px 1fr;background:#fff;
  border:1px solid #e3e8ee;border-radius:6px;overflow:hidden;
}
.sbd-dok__kart{background:#f7f9fb;border-right:1px solid #e3e8ee;padding:18px 14px;text-align:center}
.sbd-dok__av{
  width:78px;height:78px;border-radius:6px;margin:0 auto 10px;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;
}
.sbd-dok__ad{font-size:15px;font-weight:800;display:block;line-height:1.3}
.sbd-dok__unvan{font-size:12px;color:#8494a4;margin-bottom:9px;display:block}
.sbd-dok__etiket{display:block;font-size:11px;font-weight:800;color:#fff;border-radius:3px;padding:3px 0;margin-bottom:4px}
.sbd-dok__dl{margin:12px 0 0;font-size:12px;text-align:left;color:#5b6b7c}
.sbd-dok__dl div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-top:1px solid #e6ecf2}
.sbd-dok__dl b{color:#1c2733;font-weight:700}
.sbd-dok__govde{padding:18px 20px;min-width:0}
.sbd-dok__tar{font-size:12.5px;color:#8494a4;border-bottom:1px solid #e3e8ee;padding-bottom:9px;margin-bottom:14px}

.sbd-dosya{
  display:flex;align-items:center;gap:14px;border:1px solid #e3e8ee;border-radius:6px;
  padding:13px 15px;background:#fafbfc;flex-wrap:wrap;margin-top:16px;
}
.sbd-dosya__ikon{
  width:46px;height:56px;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;flex-shrink:0;letter-spacing:.04em;
}
.sbd-dosya__bilgi{flex:1;min-width:0}
.sbd-dosya__ad{font-weight:700;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sbd-dosya__alt{font-size:12.5px;color:#8494a4;margin-top:2px;display:block}
.sbd-dosya__btn{
  background:#0d9b6c;color:#fff !important;font-weight:700;font-size:13.5px;padding:9px 20px;border-radius:5px;flex-shrink:0;
}
.sbd-dosya__btn:hover{background:#0a7d57;text-decoration:none}
.sbd-dosya__on{
  border:1px solid #cfd8e3;color:#5b6b7c !important;font-weight:600;font-size:13.5px;
  padding:8px 16px;border-radius:5px;flex-shrink:0;background:#fff;
}
.sbd-dosya__on:hover{border-color:#8fb4dd;text-decoration:none}

.sbd-raf__bas{font-size:14px;font-weight:800;margin:26px 0 10px;color:#5b6b7c;letter-spacing:.02em}
.sbd-raf{background:#fff;border:1px solid #e3e8ee;border-radius:6px;overflow:hidden}
.sbd-raf__sat{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e3e8ee;color:inherit;flex-wrap:wrap}
.sbd-raf__sat:last-child{border-bottom:none}
.sbd-raf__sat:hover{background:#f4f8fd;text-decoration:none}
.sbd-raf__ad{font-weight:600;font-size:14px;color:#1a5fb4}
.sbd-raf__sag{margin-left:auto;font-size:12px;color:#8494a4;white-space:nowrap}

/* ---------- mobil ---------- */
@media(max-width:900px){
  .sbd-fbar__ust{padding:10px 12px 8px}
  .sbd-fbar__ara{order:3;flex-basis:100%}
  .sbd-fbar__katki{margin-left:auto}
  .sbd-fbar__alt{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .sbd-hap{flex:0 0 auto;scroll-snap-align:start;padding:9px 12px}
  .sbd-sat{flex-wrap:wrap}
  .sbd-sat__son{width:100%;border-left:none;border-top:1px dashed #e3e8ee;padding-left:0;padding-top:9px;margin-top:8px}
  .sbd-dok__grid{grid-template-columns:1fr}
  .sbd-dok__kart{
    border-right:none;border-bottom:1px solid #e3e8ee;
    display:flex;align-items:center;gap:14px;text-align:left;flex-wrap:wrap;
  }
  .sbd-dok__av{margin:0;width:52px;height:52px;font-size:22px}
  .sbd-dok__dl{display:none}
  .sbd-dok__etiket{display:inline-block;padding:3px 9px}
  /* --- sekmeler: kaydirilabilir serit --- */
  .sbd-yt__sekmeler{flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .sbd-yt__sekmeler button{flex:0 0 auto;padding:10px 14px;scroll-snap-align:start}

  /* --- tablo -> kart --- */
  .sbd-yt__tablo{table-layout:auto}
  .sbd-yt__tablo thead{display:none}
  .sbd-yt__tablo,.sbd-yt__tablo tbody{display:block;width:100%}
  .sbd-yt__tablo tbody tr{
    display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;
    padding:11px 14px;border-bottom:1px solid var(--fline,#e3e8ee);
  }
  .sbd-yt__tablo tbody tr:last-child{border-bottom:none}
  .sbd-yt__tablo td{display:inline;padding:0;border:none !important;background:transparent !important}
  .sbd-yt__tablo tbody tr:nth-child(even){background:var(--frow-alt,#fafbfc)}
  .sbd-yt__tablo tbody tr:hover{background:#eef5fd}
  .sbd-yt__sira{display:none !important}
  .sbd-yt__ad{min-width:0;flex:1 1 100%;margin-bottom:3px}
  .sbd-yt__ad a{display:inline}
  .sbd-yt__yer,.sbd-yt__tar,.sbd-yt__ind,.sbd-yt__kim{font-size:12px}
  .sbd-yt__ind::before,.sbd-yt__tar::before,.sbd-yt__kim::before,.sbd-yt__yer::before{
    content:attr(data-b) ": ";color:#aab6c2;font-weight:600;
  }
  .sbd-yt__ind{text-align:left}
  .sbd-yt__bos{display:block;width:100%}
}

/* diğer sınıflar — sekme şeridi (arşiv sayfaları) */
.sbd-diger__sekme{display:flex;gap:8px;flex-wrap:wrap}
.sbd-diger__sekme a{
  display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid #e3e8ee;
  border-radius:6px;background:#fff;font-size:14px;font-weight:600;color:#1c2733;text-decoration:none;
}
.sbd-diger__sekme a:hover{border-color:var(--sr,#8fb4dd);text-decoration:none}
.sbd-diger__sekme a.sbd-diger--aktif{border-color:var(--sr,#8fb4dd);box-shadow:inset 0 -3px 0 var(--sr,#8fb4dd)}
.sbd-diger__sekme span{
  display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;
  background:var(--sr,#5f5e5a);color:#fff;font-size:12px;font-weight:800;
}

/* ---------- v4.1: arşiv sayfaları (öğrenme alanı / tür / müfredat) ---------- */
.sbd-arsiv-sarmal--tam{max-width:1140px;margin:0 auto;padding:16px 16px 44px}
.sbd-arsiv-sarmal--tam .sbd-fbar{margin-bottom:16px}

.sbd-blok--sayfa .sbd-blok__ust--buyuk{
  align-items:flex-start;padding:15px 18px 14px;gap:16px;
  border-top:3px solid var(--dal,#1a5fb4);
}
.sbd-blok__baslar{min-width:0}
.sbd-blok__yol{
  font-size:12px;color:#8494a4;display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:4px;
}
.sbd-blok__yol a{color:#5b6b7c;font-weight:600}
.sbd-blok__yol a:hover{color:#1a5fb4}
.sbd-blok__ust--buyuk h1{
  margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.3;color:#1c2733;
}
.sbd-blok__ack{margin:5px 0 0;font-size:13.5px;color:#5b6b7c;line-height:1.5}
.sbd-blok__ipucu{font-size:11.5px;color:#8494a4;font-weight:500}
.sbd-blok__alt{padding:10px 16px;border-top:1px solid #e3e8ee;background:#fafbfc;font-size:13px}
.sbd-blok__alt a{font-weight:700}

/* ---------- konu listesi (thread satırları) ---------- */
.sbd-konular{display:flex;flex-direction:column}
.sbd-konu{
  display:flex;align-items:center;gap:14px;padding:11px 16px;
  border-top:1px solid #e3e8ee;color:inherit;text-decoration:none;transition:background .12s;
}
.sbd-konular > .sbd-konu:first-child{border-top:none}
.sbd-konu:nth-child(even){background:#fafbfc}
.sbd-konu:hover{background:#eef5fd;text-decoration:none}
.sbd-konu__orta{flex:1;min-width:0;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.sbd-konu__orta .sbd-rz{margin-bottom:0;flex-shrink:0;vertical-align:baseline}
.sbd-konu__ad{font-size:14.5px;font-weight:650;color:#1a5fb4;line-height:1.4}
.sbd-konu:hover .sbd-konu__ad{text-decoration:underline}
.sbd-konu__sag{
  flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px;
  text-align:right;max-width:220px;
}
.sbd-konu__ind{font-size:12px;font-weight:800;color:#0d9b6c;white-space:nowrap}
.sbd-konu__meta{font-size:11.5px;color:#8494a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}

.sbd-sayfalama{margin:16px 0 0;text-align:center}

@media(max-width:900px){
  .sbd-blok--sayfa .sbd-blok__ust--buyuk{flex-wrap:wrap}
  .sbd-konu{flex-wrap:wrap;gap:4px 14px}
  .sbd-konu__sag{flex-direction:row;align-items:baseline;gap:10px;max-width:100%;text-align:left}
}

/* başlıktaki tür filtresi rozeti */
.sbd-blok__filtre{
  display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  background:#1a5fb4;color:#fff;border-radius:4px;padding:3px 9px;vertical-align:4px;margin-left:8px;
}
.sbd-blok__ust .sbd-blok__sag a{font-size:12.5px;font-weight:700}

/* ---------- v4.3: kenar çubuğu yerleşimi ---------- */
.sbd-yerlesim{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;
}
.sbd-yerlesim--sol{grid-template-columns:300px minmax(0,1fr)}
.sbd-yerlesim--sol .sbd-yerlesim__ana{order:2}
.sbd-yerlesim--sol .sbd-yerlesim__yan{order:1}
.sbd-yerlesim__ana{min-width:0}
.sbd-yerlesim__yan{
  position:sticky;top:90px;display:flex;flex-direction:column;gap:14px;min-width:0;
}
.sbd-yan__kutu{
  background:#fff;border:1px solid #e3e8ee;border-radius:10px;padding:0;overflow:hidden;
  box-shadow:0 1px 3px rgba(15,25,35,.06);
}
.sbd-yan__kutu > *:not(.sbd-yan__baslik){margin:12px}
.sbd-yan__baslik{
  margin:0;padding:10px 14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#cfe0f2;background:linear-gradient(180deg,#27374a,#1c2733);
}
.sbd-yan__kutu img{max-width:100%;height:auto;display:block;border-radius:6px}
.sbd-yan__kutu iframe,.sbd-yan__kutu ins{max-width:100% !important}
.sbd-yan__kutu .widget_media_image,.sbd-yan__kutu figure{margin:12px}
.sbd-yan__kutu figure img{margin:0}

@media(max-width:1000px){
  .sbd-yerlesim{grid-template-columns:1fr}
  .sbd-yerlesim__yan{position:static;order:9}
  .sbd-yerlesim--sol .sbd-yerlesim__ana{order:1}
  .sbd-yerlesim--sol .sbd-yerlesim__yan{order:9}
}

/* =========================================================================
   v4.4 — XENFORO TEMASI
   Kaynak: kullanıcının /forum/ XenForo stili. Yeşil karşılama, dalgalı kenar,
   kırmızı degrade kategori başlığı, balon ikonlu düğümler, dolu renkli ön
   ekler, çentikli siyah yan panel başlıkları.
   ========================================================================= */

/* ---------- karşılama şeridi ---------- */
.sbd-hero{
  position:relative;color:#fff;overflow:hidden;border-radius:10px;margin-bottom:14px;
  background:linear-gradient(115deg,#2f9e44 0%,#27a06b 45%,#1f8f96 100%);
  box-shadow:0 3px 12px rgba(31,143,150,.3);
}
.sbd-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(340px 160px at 12% 20%,rgba(255,255,255,.16),transparent 70%),
    radial-gradient(280px 150px at 88% 15%,rgba(255,255,255,.12),transparent 70%),
    radial-gradient(420px 200px at 55% 110%,rgba(0,0,0,.18),transparent 70%);
}
.sbd-hero--gorselli::before{
  background-image:var(--hg);background-size:cover;background-position:center;
  opacity:.28;mix-blend-mode:luminosity;
}
.sbd-hero__ic{position:relative;text-align:center;padding:30px 22px 40px;max-width:760px;margin:0 auto}
.sbd-hero__baslik{
  margin:0 0 8px;color:#fff;font-size:27px;font-weight:800;letter-spacing:-.02em;
  text-shadow:0 2px 8px rgba(0,0,0,.25);
}
.sbd-hero__metin{
  margin:0 0 16px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.94);
  text-shadow:0 1px 4px rgba(0,0,0,.2);
}
.sbd-hero__dugmeler{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.sbd-hbtn{
  display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:6px;
  font-size:13.5px;font-weight:700;color:#fff !important;text-decoration:none;
  box-shadow:0 2px 7px rgba(0,0,0,.22);transition:.15s;
}
.sbd-hbtn:hover{transform:translateY(-1px);text-decoration:none;filter:brightness(1.07)}
.sbd-hbtn--yesil{background:#43b154}
.sbd-hbtn--koyu{background:#3d5566}
.sbd-hero__dalga{
  position:absolute;left:0;right:0;bottom:-1px;width:100%;height:34px;display:block;color:#f2f4f7;
}
.sbd-arsiv-sarmal--tam .sbd-hero__dalga,.sbd-forum--v4 .sbd-hero__dalga{color:#fff}

/* ---------- XF kırıntı şeridi ---------- */
.sbd-xkirinti{
  display:flex;align-items:center;gap:2px;flex-wrap:wrap;
  background:#fff;border:1px solid #e3e8ee;border-radius:8px;
  padding:8px 12px;margin-bottom:14px;font-size:13px;
  box-shadow:0 1px 3px rgba(15,25,35,.05);
}
.sbd-xkirinti a{color:#3d5566;font-weight:600;padding:2px 6px;border-radius:4px}
.sbd-xkirinti a:hover{background:#eef3f8;text-decoration:none;color:#1a5fb4}
.sbd-xkirinti strong{color:#1c2733;font-weight:700;padding:2px 6px}
.sbd-xkirinti__ev{display:inline-flex;padding:2px 6px}
.sbd-xkirinti__ev svg{width:15px;height:15px}
.sbd-xkirinti__ok{
  width:7px;height:7px;border-top:2px solid #b9c3cd;border-right:2px solid #b9c3cd;
  transform:rotate(45deg);margin:0 5px;flex-shrink:0;
}

/* ---------- kategori bloğu: kırmızı degrade başlık ---------- */
.sbd-kat{
  background:#fff;border:1px solid #e3e8ee;border-radius:10px;overflow:hidden;margin-bottom:16px;
  box-shadow:0 1px 4px rgba(15,25,35,.07);
}
.sbd-kat__ust{
  display:flex;align-items:center;gap:12px;padding:12px 16px;
  background:linear-gradient(100deg,#e33e3e 0%,#e84a68 55%,#ec5f8b 100%);
}
.sbd-kat__ust h2{margin:0;font-size:16.5px;font-weight:800;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.18)}
.sbd-kat__sag{margin-left:auto;display:flex;align-items:center;gap:12px}
.sbd-kat__adet{
  font-size:11.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.2);
  border:1px solid rgba(255,255,255,.3);padding:3px 9px;border-radius:20px;white-space:nowrap;
}
.sbd-kat .sbd-blok__kapa{color:rgba(255,255,255,.85);font-size:16px}
.sbd-kat .sbd-blok__kapa:hover{color:#fff}
.sbd-kat.sbd-blok--kapali .sbd-blok__ic{display:none}

/* arşiv sayfası bölüm başlığı da degrade */
.sbd-blok--sayfa .sbd-blok__ust--buyuk{
  background:linear-gradient(100deg,#e33e3e 0%,#e84a68 55%,#ec5f8b 100%);
  border-top:none;border-bottom:none;
}
.sbd-blok--sayfa .sbd-blok__ust--buyuk h1{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.18)}
.sbd-blok--sayfa .sbd-blok__ack{color:rgba(255,255,255,.92)}
.sbd-blok--sayfa .sbd-blok__ust--buyuk .sbd-blok__sag,
.sbd-blok--sayfa .sbd-blok__ust--buyuk .sbd-blok__sag b{color:#fff}
.sbd-blok--sayfa .sbd-blok__filtre{background:rgba(255,255,255,.25);vertical-align:6px}

/* ---------- XF düğüm satırı ---------- */
.sbd-dugum{
  display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-top:1px solid #e9edf2;
}
.sbd-blok__ic > .sbd-dugum:first-child{border-top:none}
.sbd-dugum:hover{background:#f7fafd}
.sbd-dugum__ikon{
  width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:#eef2f6;color:#a8b6c4;
}
.sbd-dugum--bos .sbd-dugum__ikon{color:#c6d0da}
.sbd-dugum__ikon svg{width:22px;height:22px}
.sbd-dugum__orta{flex:1;min-width:0}
.sbd-dugum__bas{margin:0 0 2px;font-size:15.5px;font-weight:750;letter-spacing:-.005em;line-height:1.35}
.sbd-dugum__bas a{color:#20303f}
.sbd-dugum__bas a:hover{color:#1a5fb4;text-decoration:none}
.sbd-dugum__etiket{
  display:block;font-size:11px;font-weight:700;letter-spacing:.05em;color:#98a5b3;margin:1px 0 4px;
}
.sbd-dugum__altlar{
  display:grid;grid-template-columns:1fr 1fr;gap:3px 18px;
}
.sbd-dugum__alt{
  display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#41576b;
  min-width:0;padding:1px 0;
}
.sbd-dugum__alt:hover{color:#1a5fb4;text-decoration:none}
.sbd-dugum__alt--bos{color:#a4b0bc;font-weight:500}
.sbd-dugum__minik{display:inline-flex;flex-shrink:0;color:#c2cdd8}
.sbd-dugum__minik svg{width:12px;height:12px}
.sbd-dugum__son{
  width:270px;flex-shrink:0;display:flex;gap:10px;align-items:center;
  padding-left:16px;border-left:1px solid #e9edf2;min-height:46px;
}
.sbd-dugum__av{
  width:38px;height:38px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:15px;color:#fff;background:#7d8ea0;
}
.sbd-dugum__av--bos{background:#e3e9ef;color:#98a5b3}
.sbd-dugum__sonic{min-width:0;flex:1}
.sbd-dugum__sonust{display:flex;align-items:center;gap:6px;min-width:0}
.sbd-dugum__sonust .sbd-rz{margin:0;flex-shrink:0}
.sbd-dugum__sonad{
  font-size:13px;font-weight:650;color:#2a5885;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sbd-dugum__sonmeta{font-size:11.5px;color:#93a1af;margin-top:2px;display:block}
.sbd-dugum__sonmeta a{font-weight:700}

/* ---------- ön ekler: XF dolu rozet ---------- */
.sbd-rz{
  font-size:10px;padding:2.5px 7px;border-radius:3px;letter-spacing:.05em;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.14);
}
.sbd-rz--buyuk{font-size:12.5px;padding:5px 12px;border-radius:4px}

/* ---------- yan panel: çentikli siyah başlık ---------- */
.sbd-yan__baslik{
  position:relative;background:#17191c;color:#fff;font-size:12.5px;
  padding:10px 16px 10px 14px;letter-spacing:.05em;
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);
  margin-right:14px;
}
.sbd-yan__kutu{border-radius:8px}

/* ---------- fbar: XF nav dokusu ---------- */
.sbd-fbar{background:#22303f;border-color:#1a2530}
.sbd-fbar__ust{border-bottom-color:rgba(255,255,255,.08)}
.sbd-fbar__katki{background:#43b154;box-shadow:0 2px 7px rgba(67,177,84,.35)}
.sbd-fbar__katki:hover{background:#4cc25e}

/* ---------- konu listesi: XF dokunuşları ---------- */
.sbd-konu__ad{color:#2a5885}
.sbd-konu__ind{color:#2e9e5b}

/* ---------- mobil ---------- */
@media(max-width:900px){
  .sbd-hero__ic{padding:22px 16px 34px}
  .sbd-hero__baslik{font-size:22px}
  .sbd-dugum{flex-wrap:wrap}
  .sbd-dugum__altlar{grid-template-columns:1fr}
  .sbd-dugum__son{width:100%;border-left:none;border-top:1px dashed #e9edf2;padding-left:0;padding-top:9px;margin-top:8px;min-height:0}
}

/* ---------- v4.5: gruplu raflar ---------- */
.sbd-raftur{border-top:1px solid #e9edf2}
.sbd-blok__ic > .sbd-raftur:first-child{border-top:none}
.sbd-raftur__ust{
  display:flex;align-items:center;gap:10px;padding:11px 16px;background:#f6f9fc;
  color:inherit;text-decoration:none;
}
.sbd-raftur__ust:hover{background:#eef4fa;text-decoration:none}
.sbd-raftur__ikon{
  width:30px;height:30px;border-radius:7px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
}
.sbd-raftur__ad{font-size:14.5px;font-weight:800;color:#20303f;letter-spacing:-.005em}
.sbd-raftur__sayi{font-size:12px;color:#8494a4;margin-left:auto;white-space:nowrap}
.sbd-raftur__liste{display:flex;flex-direction:column;padding:2px 0 8px}
.sbd-raftur__dok{
  display:flex;align-items:baseline;gap:9px;padding:6px 16px 6px 26px;
  color:inherit;text-decoration:none;min-width:0;
}
.sbd-raftur__dok:hover{background:#f4f8fd;text-decoration:none}
.sbd-raftur__cizgi{
  width:12px;height:12px;border-left:2px solid #d4dde6;border-bottom:2px solid #d4dde6;
  border-bottom-left-radius:5px;flex-shrink:0;align-self:flex-start;margin-top:2px;
}
.sbd-raftur__dokad{
  font-size:13.5px;font-weight:650;color:#2a5885;line-height:1.4;min-width:0;
}
.sbd-raftur__dok:hover .sbd-raftur__dokad{text-decoration:underline}
.sbd-raftur__dokmeta{font-size:11.5px;color:#93a1af;margin-left:auto;white-space:nowrap;flex-shrink:0}
.sbd-raftur__dokmeta b{color:#2e9e5b;font-weight:800}

/* ---------- v4.5: doküman sayfası cilası ---------- */
.sbd-dosya{
  background:linear-gradient(180deg,#f8fafc,#eef3f8);
  border:1px solid #dde5ec;border-radius:10px;padding:15px 16px;gap:14px;
  box-shadow:0 1px 3px rgba(15,25,35,.05);
}
.sbd-dosya__ikon{
  width:52px;height:62px;border-radius:6px;font-size:12px;
  box-shadow:0 3px 8px rgba(0,0,0,.18);position:relative;
}
.sbd-dosya__ad{
  white-space:normal;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sbd-dosya__alt{white-space:nowrap}
.sbd-dosya__btn{border-radius:6px}
.sbd-dosya__on{border-radius:6px}
.sbd-dosya__dugmeler{display:flex;gap:8px;flex-shrink:0;margin-left:auto;flex-wrap:wrap}

/* "Aynı raftaki" bölümü doküman kartından net ayrılsın */
.sbd-raf__bas{
  margin:32px 0 10px;padding-top:18px;border-top:2px solid #e3e8ee;
  font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:#8494a4;
}

/* ---------- v4.5: mobil sıkılaştırma ---------- */
@media(max-width:900px){
  /* kırmızı başlık kompakt */
  .sbd-blok--sayfa .sbd-blok__ust--buyuk{padding:10px 14px;gap:8px}
  .sbd-blok--sayfa .sbd-blok__ust--buyuk h1{font-size:16.5px;line-height:1.3}
  .sbd-blok--sayfa .sbd-blok__ust--buyuk .sbd-blok__sag{font-size:11.5px}
  .sbd-blok--sayfa .sbd-blok__ack{font-size:12.5px;margin-top:2px}
  .sbd-kat__ust{padding:10px 14px}
  .sbd-kat__ust h2{font-size:15px}

  /* gruplu raf: meta alta düşer, sığar */
  .sbd-raftur__dok{flex-wrap:wrap;gap:2px 9px;padding-left:22px}
  .sbd-raftur__dokmeta{margin-left:21px;white-space:normal}

  /* dosya kartı: ikon + bilgi üstte, düğmeler tam genişlikte altta */
  .sbd-dosya{padding:13px}
  .sbd-dosya__ad{font-size:14.5px}
  .sbd-dosya__dugmeler{flex-basis:100%;margin-left:0;margin-top:6px}
  .sbd-dosya__btn,.sbd-dosya__on{flex:1;text-align:center;padding:12px 10px;font-size:14.5px}
}

/* ---------- v4.6: katkı akışı ---------- */
.sbd-tesekkur{
  background:#e5f6ec;border:1px solid #9fd8b4;color:#14532d;border-radius:8px;
  padding:12px 16px;margin-bottom:14px;font-size:14px;line-height:1.55;
}
.sbd-raftur__dok--bekliyor{opacity:.85}
.sbd-raftur__dok--bekliyor .sbd-raftur__dokad{color:#5b6b7c}
.sbd-raftur__onay{
  margin-left:auto;flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;background:#f2a91e;color:#3d2c00;border-radius:3px;padding:2.5px 8px;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.14);
}
.sbd-katki__hedef{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:#eef6ff;border:1px solid #bcd8f5;border-radius:8px;padding:11px 14px;margin-bottom:16px;
}
.sbd-katki__hedefbas{
  font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a5fb4;
  background:#d8e9fb;border-radius:3px;padding:3px 8px;flex-shrink:0;
}
.sbd-katki__hedefyol{font-size:13.5px;color:#20304f;font-weight:600;min-width:0}
.sbd-katki__hedefyol b{color:#0a6b4b}
.sbd-katki__degistir{margin-left:auto;font-size:12.5px;font-weight:700;flex-shrink:0}

/* ---------- v4.7: forum ana sayfası ---------- */
.sbd-yt--kompakt .sbd-yt__sekmeler{padding:5px;gap:4px}
.sbd-yt--kompakt .sbd-yt__sekmeler button{padding:8px 8px;font-size:12.5px;gap:6px}
.sbd-yt--kompakt .sbd-yt__nokta{width:8px;height:8px}
.sbd-yt--kompakt .sbd-yt__tablo{font-size:13px}
.sbd-yt--kompakt .sbd-yt__tablo th{padding:7px 10px;font-size:10.5px}
.sbd-yt--kompakt .sbd-yt__tablo td{padding:6px 10px}
.sbd-yt--kompakt .sbd-rz{font-size:9px;padding:2px 6px}
.sbd-yt--kompakt .sbd-yt__ad a{font-weight:600}
.sbd-yt--kompakt .sbd-yt__sira{width:30px;font-size:11.5px}

/* ---------- v5.0: uyum turu ---------- */
.sbd-kat__rss{display:inline-flex;color:rgba(255,255,255,.75);padding:3px}
.sbd-kat__rss:hover{color:#fff}
.sbd-olcek{
  display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;
  background:#fff;border:1px solid #e3e8ee;border-radius:10px;padding:14px 18px;margin-top:2px;
  box-shadow:0 1px 3px rgba(15,25,35,.06);
}
.sbd-olcek__oge{display:flex;flex-direction:column;align-items:center;gap:1px}
.sbd-olcek__sayi{font-size:19px;font-weight:800;letter-spacing:-.02em;color:#1c2733}
.sbd-olcek__sayi--vurgu{color:#1a5fb4}
.sbd-olcek__sayi--yesil{color:#0d9b6c}
.sbd-olcek__ad{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#8494a4;font-weight:700}
.sbd-olcek__ayrac{width:1px;height:30px;background:#e3e8ee}
@media(max-width:700px){.sbd-olcek{gap:14px}.sbd-olcek__ayrac{display:none}}

/* =========================================================================
   v5.1.1 — RENK DÜZENİ
   Sorun: tema bağlantı mavisi her yere sızıyordu; başlık, alt bağlantı,
   kırıntı, son doküman hepsi aynı maviydi. İlke: içerik nötr koyu,
   tek vurgu rengi kategori kırmızısı, mavi yalnız eylemlerde.
   ========================================================================= */

/* düğüm başlığı: koyu, vurgu kırmızı */
.sbd-forum--v4 .sbd-dugum__bas a,
.sbd-arsiv-sarmal--tam .sbd-dugum__bas a{color:#1f2d3a !important;text-decoration:none}
.sbd-forum--v4 .sbd-dugum__bas a:hover,
.sbd-arsiv-sarmal--tam .sbd-dugum__bas a:hover{color:#d84355 !important}

/* alt bağlantılar: yumuşak kurşun; üzerine gelince kırmızı */
.sbd-forum--v4 .sbd-dugum__alt,
.sbd-arsiv-sarmal--tam .sbd-dugum__alt{color:#54677a !important;font-weight:600;text-decoration:none}
.sbd-forum--v4 .sbd-dugum__alt:hover,
.sbd-arsiv-sarmal--tam .sbd-dugum__alt:hover{color:#d84355 !important;text-decoration:none}
.sbd-forum--v4 .sbd-dugum__alt:hover .sbd-dugum__minik,
.sbd-arsiv-sarmal--tam .sbd-dugum__alt:hover .sbd-dugum__minik{color:#e59aa4}
.sbd-forum--v4 .sbd-dugum__alt--bos,
.sbd-arsiv-sarmal--tam .sbd-dugum__alt--bos{color:#aab6c2 !important;font-weight:500}

/* son doküman: koyu kurşun, mavi değil */
.sbd-forum--v4 .sbd-dugum__sonad,
.sbd-arsiv-sarmal--tam .sbd-dugum__sonad{color:#33475c !important;text-decoration:none}
.sbd-forum--v4 .sbd-dugum__sonad:hover,
.sbd-arsiv-sarmal--tam .sbd-dugum__sonad:hover{color:#d84355 !important;text-decoration:underline}

/* kırıntı: sessiz gri */
.sbd-forum--v4 .sbd-xkirinti a,
.sbd-arsiv-sarmal--tam .sbd-xkirinti a{color:#6b7b8b !important}
.sbd-forum--v4 .sbd-xkirinti a:hover,
.sbd-arsiv-sarmal--tam .sbd-xkirinti a:hover{color:#1f2d3a !important;background:#eef2f6}
.sbd-forum--v4 .sbd-xkirinti__ev,
.sbd-arsiv-sarmal--tam .sbd-xkirinti__ev{color:#6b7b8b !important}

/* konu listeleri ve tablo: başlıklar koyu, indirme yeşili kalsın */
.sbd-forum--v4 .sbd-konu__ad,
.sbd-arsiv-sarmal--tam .sbd-konu__ad{color:#24384c}
.sbd-forum--v4 .sbd-konu:hover .sbd-konu__ad,
.sbd-arsiv-sarmal--tam .sbd-konu:hover .sbd-konu__ad{color:#d84355;text-decoration:none}
.sbd-forum--v4 .sbd-yt__ad a,
.sbd-arsiv-sarmal--tam .sbd-yt__ad a{color:#24384c !important}
.sbd-forum--v4 .sbd-yt__ad a:hover,
.sbd-arsiv-sarmal--tam .sbd-yt__ad a:hover{color:#d84355 !important}
.sbd-forum--v4 .sbd-raftur__dokad,
.sbd-arsiv-sarmal--tam .sbd-raftur__dokad{color:#33475c}
.sbd-forum--v4 .sbd-raftur__dok:hover .sbd-raftur__dokad,
.sbd-arsiv-sarmal--tam .sbd-raftur__dok:hover .sbd-raftur__dokad{color:#d84355}

/* düğüm ikonu: kategori kırmızısının yumuşak tonu; boşsa gri */
.sbd-dugum__ikon{background:#fdeef0;color:#e08794}
.sbd-dugum--bos .sbd-dugum__ikon{background:#f0f2f5;color:#c3ccd5}
.sbd-dugum__minik{color:#cbd5df}

/* düğüm üzerine gelince: sol vurgu çizgisi — modern dokunuş */
.sbd-dugum{border-left:3px solid transparent;transition:background .12s,border-color .12s}
.sbd-dugum:hover{background:#fbf7f7;border-left-color:#e8556d}

/* sınıf sayfasındaki avatar karesi tema morunu değil paletimizi kullansın */
.sbd-dugum__av{border-radius:8px}

/* v5.1.2: doğrudan bağlı doküman köprüsü */
.sbd-dugum__alt--dogrudan{color:#b3392f !important;font-weight:700}
.sbd-dugum__alt--dogrudan .sbd-dugum__minik{color:#e0a49f}
.sbd-raftur .sbd-rz{flex-shrink:0}

/* v5.2: palet sertleştirme — tema mavisi hiçbir içerik başlığına sızamaz */
.sbd-forum--v4 .sbd-konu__ad,
.sbd-arsiv-sarmal--tam .sbd-konu__ad{color:#24384c !important}
.sbd-forum--v4 .sbd-konu:hover .sbd-konu__ad,
.sbd-arsiv-sarmal--tam .sbd-konu:hover .sbd-konu__ad{color:#d84355 !important}
.sbd-forum--v4 .sbd-raftur__dokad,
.sbd-arsiv-sarmal--tam .sbd-raftur__dokad{color:#33475c !important}
.sbd-forum--v4 .sbd-raftur__dok:hover .sbd-raftur__dokad,
.sbd-arsiv-sarmal--tam .sbd-raftur__dok:hover .sbd-raftur__dokad{color:#d84355 !important}
.sbd-forum--v4 .sbd-raftur__ad,
.sbd-arsiv-sarmal--tam .sbd-raftur__ad{color:#20303f !important}
.sbd-forum--v4 .sbd-blok__alt a,
.sbd-arsiv-sarmal--tam .sbd-blok__alt a{color:#b3392f !important}
.sbd-forum--v4 .sbd-kat__ust h2 a,
.sbd-arsiv-sarmal--tam .sbd-kat__ust h2 a{color:#fff !important}

/* ---------- v5.3: ön yüz moderasyonu (yalnız yönetici görür) ---------- */
.sbd-modkutu{
  width:16px;height:16px;flex-shrink:0;margin:2px 2px 0 0;cursor:pointer;
  accent-color:#d84355;align-self:center;
}
.sbd-modsecili{outline:2px solid #e8556d;outline-offset:-2px;background:#fdf1f3 !important}
.sbd-modbar{
  position:fixed;left:50%;bottom:-80px;transform:translateX(-50%);z-index:99999;
  display:flex;align-items:center;gap:10px;
  background:#1c2733;color:#fff;border-radius:10px;padding:10px 16px;
  box-shadow:0 6px 24px rgba(15,25,35,.4);transition:bottom .2s;
}
.sbd-modbar--acik{bottom:22px}
.sbd-modbar__sayi{font-size:13px;font-weight:700;color:#cfe0f2}
.sbd-modbar button{
  border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;
  cursor:pointer;font-family:inherit;
}
.sbd-modbar__sil{background:#d84355;color:#fff}
.sbd-modbar__sil:hover{background:#e8556d}
.sbd-modbar__duzenle{background:#3d5566;color:#fff}
.sbd-modbar__duzenle:disabled{opacity:.4;cursor:default}
.sbd-modbar__vazgec{background:transparent;color:#8fa0b0}
.sbd-modbar__vazgec:hover{color:#fff}

/* =========================================================================
   v6.0 — ETKİLEŞİM · PANEL · OYUN
   ========================================================================= */

/* yıldız puanlama + hata bildirimi */
.sbd-degerlendir{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin-top:16px;padding:11px 14px;background:#f8fafc;border:1px solid #e3e8ee;border-radius:8px;
}
.sbd-yildizlar{display:flex;gap:2px}
.sbd-yildiz{
  background:none;border:none;cursor:pointer;font-size:22px;line-height:1;padding:1px 2px;
  color:#d4dde6;transition:transform .1s,color .1s;font-family:inherit;
}
.sbd-yildiz:hover{transform:scale(1.2)}
.sbd-yildizlar:hover .sbd-yildiz{color:#f2b01e}
.sbd-yildiz:hover ~ .sbd-yildiz{color:#d4dde6 !important}
.sbd-yildiz--dolu{color:#f2b01e}
.sbd-degerlendir__ozet{font-size:12.5px;color:#5b6b7c;font-weight:600}
.sbd-hatabtn{
  margin-left:auto;background:none;border:1px solid #e0b4ba;color:#a12020;
  border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;
}
.sbd-hatabtn:hover{background:#fdf1f3}
.sbd-hataform{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.sbd-hataform textarea{
  border:1px solid #cfd8e3;border-radius:6px;padding:9px 12px;font-size:13.5px;font-family:inherit;resize:vertical;
}
.sbd-hataform button{align-self:flex-start}
.sbd-hataform__durum{font-size:12.5px;color:#0a6b4b;font-weight:600}

/* katkıcı paneli */
.sbd-panel{max-width:1140px;margin:0 auto}
.sbd-panel__ust{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:#fff;border:1px solid #e3e8ee;border-radius:10px;padding:16px 18px;margin-bottom:10px;
  box-shadow:0 1px 3px rgba(15,25,35,.06);
}
.sbd-panel__av{
  width:52px;height:52px;border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:800;flex-shrink:0;
}
.sbd-panel__kim{display:flex;flex-direction:column;gap:4px;min-width:0}
.sbd-panel__kim strong{font-size:17px;letter-spacing:-.01em}
.sbd-panel__seviye{
  align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:#fff;border-radius:3px;padding:2.5px 8px;
}
.sbd-panel__sayilar{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:#8494a4}
.sbd-panel__sayilar b{display:block;font-size:18px;color:#1c2733;letter-spacing:-.02em}
.sbd-panel__ilerleme{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.sbd-panel__cubuk{flex:1;height:8px;border-radius:4px;background:#e3e8ee;overflow:hidden}
.sbd-panel__cubuk span{display:block;height:100%;border-radius:4px}
.sbd-panel__kalan{font-size:12px;color:#8494a4;white-space:nowrap;font-weight:600}
.sbd-panel__sat{
  display:flex;align-items:center;gap:14px;padding:11px 16px;border-top:1px solid #e3e8ee;flex-wrap:wrap;
}
.sbd-konular > .sbd-panel__sat:first-child{border-top:none}
.sbd-panel__sat:nth-child(even){background:#fafbfc}
.sbd-panel__bilgi{flex:1;min-width:220px;display:flex;align-items:baseline;gap:4px 8px;flex-wrap:wrap}
.sbd-panel__meta{font-size:11.5px;color:#93a1af}
.sbd-panel__form{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sbd-panel__sec{position:relative;overflow:hidden;display:inline-block}
.sbd-panel__sec input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.sbd-panel__sec span{
  display:inline-block;border:1px solid #cfd8e3;border-radius:6px;padding:6px 12px;
  font-size:12.5px;font-weight:600;color:#5b6b7c;background:#fff;
}
.sbd-panel__btn{
  background:#1a5fb4;color:#fff;border:none;border-radius:6px;padding:7px 14px;
  font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;
}
.sbd-panel__btn:disabled{opacity:.4;cursor:default}
.sbd-panel__not{font-size:12.5px;color:#8494a4;margin-top:12px}

/* bar: Panelim */
.sbd-fbar__panel{
  color:#c3d1de !important;font-size:13px;font-weight:700;padding:8px 12px;border-radius:7px;
  border:1px solid rgba(255,255,255,.14);white-space:nowrap;flex-shrink:0;
}
.sbd-fbar__panel:hover{color:#fff !important;background:rgba(255,255,255,.1);text-decoration:none}

/* oyun kartı */
.sbd-dosya--oyun .sbd-dosya__ikon{font-size:10px}

@media(max-width:700px){
  .sbd-panel__sayilar{margin-left:0;width:100%;justify-content:space-between}
  .sbd-panel__form{width:100%}
  .sbd-panel__btn{margin-left:auto}
  .sbd-hatabtn{margin-left:0}
}

/* ---------- v6.2: reklam alanları ---------- */
.sbd-reklam{margin:14px auto;max-width:1140px;text-align:center;line-height:0}
.sbd-reklam img,.sbd-reklam iframe,.sbd-reklam ins{max-width:100%;height:auto}
.sbd-reklam--orta{margin:0;padding:10px 0}
.sbd-yt__reklam td{background:#fafbfc !important;padding:6px 12px !important}

/* ---------- v6.3: son eklenenler tablosu ---------- */
.sbd-yt__suzgec{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  padding:9px 14px;background:#f6f9fc;border-bottom:1px solid #e3e8ee;
}
.sbd-yt__suzgeceti{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8494a4}
.sbd-yt__sf{
  background:#fff;border:1px solid #dde5ec;border-radius:20px;padding:5px 13px;
  font-size:12.5px;font-weight:700;color:#5b6b7c;cursor:pointer;font-family:inherit;transition:.14s;
}
.sbd-yt__sf:hover{border-color:var(--sf,#8fb4dd);color:#1c2733}
.sbd-yt__sf--aktif{
  background:var(--sf,#1c2733);border-color:var(--sf,#1c2733);color:#fff;
}
.sbd-yt__yenirozet{
  display:inline-block;margin-left:6px;font-size:9px;font-weight:800;letter-spacing:.06em;
  background:#0d9b6c;color:#fff;border-radius:3px;padding:1.5px 5px;vertical-align:2px;
}
.sbd-yt__puan{
  display:inline-block;margin-left:6px;font-size:11px;font-weight:800;color:#c98708;white-space:nowrap;
}
.sbd-yt__alt{
  display:flex;align-items:center;gap:14px;padding:9px 14px;
  background:#fafbfc;border-top:1px solid #e3e8ee;font-size:12.5px;
}
.sbd-yt__alt a{font-weight:700;color:#b3392f !important}
.sbd-yt__rss{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:#8494a4 !important}
.sbd-yt__rss:hover{color:#e06414 !important}

@media(max-width:900px){
  .sbd-yt__suzgec{padding:8px 12px;overflow-x:auto;flex-wrap:nowrap}
  .sbd-yt__sf{flex:0 0 auto}
}

/* ---------- v6.6: kenar çubuğu oranı ---------- */
/* Reklam sütunu varken ana içerik yine geniş kalsın. */
.sbd-yerlesim{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
.sbd-yerlesim--sol{grid-template-columns:300px minmax(0,1fr)}
@media(min-width:1500px){
  .sbd-yerlesim{grid-template-columns:minmax(0,1fr) 336px}
  .sbd-yerlesim--sol{grid-template-columns:336px minmax(0,1fr)}
}

/* ---------- v6.7: gerçek dosya türü ikonları ---------- */
.sbd-dosya__ikon{
  width:auto;height:auto;background:none !important;border-radius:0;box-shadow:none;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}
.sbd-dikon{display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}
.sbd-dosya__btn::after{
  content:"↗";font-size:11px;margin-left:6px;opacity:.75;vertical-align:1px;
}
@media(max-width:900px){
  .sbd-dosya__ikon .sbd-dikon{width:42px;height:52px}
}

/* ---------- v6.8: tür rafı pastel renklendirme ----------
   Rafın şerit rengi (Sunu sarı, Test yeşil, Ders notu kırmızı…) gruba yayılır.
   --rt tür rengi, --rt-pastel satır zemini, --rt-pastel2 başlık ve vurgu.
   Değişkenler yoksa (ör. "Bu bölümdeki dokümanlar" rafı) eski gri düzen kalır. */
.sbd-raftur[style*="--rt"]{
  border-left:4px solid var(--rt);
  border-top-color:#fff;
}
.sbd-raftur[style*="--rt"] .sbd-raftur__ust{
  background:var(--rt-pastel2);
}
.sbd-raftur[style*="--rt"] .sbd-raftur__ust:hover{
  background:var(--rt-pastel2);
  filter:brightness(.97);
}
.sbd-raftur[style*="--rt"] .sbd-raftur__ad{
  color:#1b2a38;
}
.sbd-raftur[style*="--rt"] .sbd-raftur__liste{
  background:var(--rt-pastel);
}
.sbd-raftur[style*="--rt"] .sbd-raftur__dok:hover{
  background:var(--rt-pastel2);
}
.sbd-raftur[style*="--rt"] .sbd-raftur__cizgi{
  border-left-color:var(--rt);
  border-bottom-color:var(--rt);
  opacity:.4;
}
.sbd-raftur[style*="--rt"] .sbd-raftur__sayi{color:#7a8794}
.sbd-raftur[style*="--rt"] .sbd-raftur__dokmeta{color:#7f8d9b}

/* =========================================================================
   v6.9 — MOBİL UYUM
   Yapışkan tek sıra bar, hamburger çekmecesi, arama geçişi, kart listeler,
   alta yapışan indirme çubuğu, panel ızgarası, portal şeridi.
   JS yoksa hiçbir şey kaybolmaz: bar bugünkü iki sıralı düzeninde kalır
   (.sbd-fbar--js sınıfını forum.js ekler; menü/arama düğmeleri [hidden]
   doğar, JS açar).
   ========================================================================= */

/* ---------- çekmece ---------- */
.sbd-cekmece{position:fixed;inset:0;z-index:99990}
.sbd-cekmece[hidden]{display:none}
.sbd-cekmece__ort{position:absolute;inset:0;background:rgba(15,25,35,.55);opacity:0;transition:opacity .2s}
.sbd-cekmece--acik .sbd-cekmece__ort{opacity:1}
.sbd-cekmece__panel{
  position:absolute;top:0;bottom:0;left:0;width:min(322px,86vw);
  background:#fff;box-shadow:6px 0 28px rgba(15,25,35,.35);
  display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(-103%);transition:transform var(--sbd-sure-dal,.34s) var(--sbd-egri,ease);
}
.sbd-cekmece--acik .sbd-cekmece__panel{transform:none}
.sbd-cekmece__ust{background:#22303f;padding:14px 16px 14px;flex-shrink:0}
.sbd-cekmece__bas{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sbd-cekmece__bas img{height:24px;width:auto;max-width:190px;object-fit:contain;flex:1 1 auto;object-position:left}
.sbd-cekmece__kapa{
  flex:0 0 auto;width:40px;height:40px;margin:-4px -6px -4px auto;border:none;border-radius:9px;
  background:rgba(255,255,255,.09);color:#dce6f0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.sbd-cekmece__ust form{display:flex;margin:0}
.sbd-cekmece__ust input[type=search]{
  width:100%;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:0 13px;
  font-size:14px;font-family:inherit;background:rgba(255,255,255,.09);color:#e8eef4;
}
.sbd-cekmece__ust input[type=search]::placeholder{color:#8fa0b0}
.sbd-cekmece__govde{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 10px}
.sbd-cekmece__etiket{
  display:block;padding:12px 16px 6px;font-size:10.5px;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase;color:#8494a4;
}
.sbd-cekmece__oge{
  display:flex;align-items:center;gap:11px;min-height:48px;padding:5px 16px;
  color:#24384c !important;text-decoration:none;
}
.sbd-cekmece__oge:nth-child(even){background:#fafbfc}
.sbd-cekmece__oge:hover{background:#f4f8fd;text-decoration:none}
.sbd-cekmece__oge--on{box-shadow:inset 3px 0 0 var(--sr,#1a5fb4);background:#f4f8fd}
.sbd-cekmece__rakam{
  width:26px;height:26px;border-radius:7px;flex-shrink:0;background:var(--sr,#5f5e5a);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;
}
.sbd-cekmece__nokta{
  width:9px;height:9px;border-radius:50%;background:var(--sr,#5b6b7c);flex-shrink:0;
  margin:0 8px 0 9px;box-shadow:0 0 0 2px rgba(16,24,40,.06);
}
.sbd-cekmece__ad{flex:1;min-width:0;font-size:14.5px;font-weight:650;line-height:1.3}
.sbd-cekmece__sayi{flex-shrink:0;font-size:12px;color:#93a1af}
.sbd-cekmece__alt{
  flex-shrink:0;display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
  border-top:1px solid #e3e8ee;background:#fff;
}
.sbd-cekmece__katki{
  flex:1;display:flex;align-items:center;justify-content:center;height:46px;border-radius:9px;
  background:#43b154;color:#fff !important;font-size:13.5px;font-weight:800;text-decoration:none;
  box-shadow:0 2px 7px rgba(67,177,84,.35);
}
.sbd-cekmece__katki:hover{background:#4cc25e;text-decoration:none}
.sbd-cekmece__panelim{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:46px;padding:0 15px;
  border:1px solid #cfd8e3;border-radius:9px;color:#5b6b7c !important;font-size:13px;font-weight:700;text-decoration:none;
}
body.sbd-kilit{overflow:hidden}

/* bar düğmeleri masaüstünde hiç görünmez */
.sbd-fbar__menu,.sbd-fbar__arabtn{display:none}
.sbd-fbar__katki-k{display:none}

@media(prefers-reduced-motion:reduce){
  .sbd-cekmece__panel,.sbd-cekmece__ort{transition:none}
}

/* ---------- ≤640px: tek sıra yapışkan bar ---------- */
@media(max-width:640px){

  .sbd-fbar--js{position:sticky;top:0;z-index:9980;box-shadow:0 4px 14px rgba(15,25,35,.28)}

  .sbd-fbar--js .sbd-fbar__ust{flex-wrap:nowrap;gap:8px;padding:8px 8px 8px}
  .sbd-fbar--js .sbd-fbar__menu:not([hidden]),
  .sbd-fbar--js .sbd-fbar__arabtn:not([hidden]){
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:44px;height:44px;border:none;border-radius:9px;cursor:pointer;
    background:rgba(255,255,255,.07);color:#dce6f0;
  }
  .sbd-fbar--js .sbd-fbar__arabtn:not([hidden]){background:transparent}
  .sbd-fbar--js .sbd-fbar__logo{flex:1;min-width:0;overflow:hidden;gap:7px}
  .sbd-fbar--js .sbd-fbar__logo img{height:auto !important;max-height:22px;max-width:106px;min-width:0;flex:0 1 auto;width:auto;object-position:left}
  .sbd-fbar--js .sbd-fbar__etiket{flex:0 0 auto}

  /* arama: ikonla açılır kapanır */
  .sbd-fbar--js .sbd-fbar__ara{display:none}
  .sbd-fbar--js.sbd-fbar--ara .sbd-fbar__ara{display:flex;order:5;flex-basis:100%;min-width:0}
  .sbd-fbar--js.sbd-fbar--ara .sbd-fbar__ust{flex-wrap:wrap}
  .sbd-fbar--js.sbd-fbar--ara .sbd-fbar__arabtn:not([hidden]){background:rgba(255,255,255,.14)}
  .sbd-fbar--js .sbd-fbar__ara input[type=search]{height:44px;font-size:14px}

  /* Panelim çekmeceye taşındı, "+ Doküman ekle" kısalıyor */
  .sbd-fbar--js .sbd-fbar__panel{display:none}
  .sbd-fbar--js .sbd-fbar__katki{margin-left:0;padding:0 13px;height:40px;display:inline-flex;align-items:center}
  .sbd-fbar--js .sbd-fbar__katki-u{display:none}
  .sbd-fbar--js .sbd-fbar__katki-k{display:inline}

  /* hap şeridi: kaydırma çubuğu gizli, dokunma hedefi büyük */
  .sbd-fbar__alt{scrollbar-width:none;padding:8px 10px 11px}
  .sbd-fbar__alt::-webkit-scrollbar{display:none}
  .sbd-hap{padding:10px 13px;min-height:38px}

  /* sekme ve süzgeç şeritleri */
  .sbd-yt__sekmeler{scrollbar-width:none}
  .sbd-yt__sekmeler::-webkit-scrollbar{display:none}
  .sbd-yt__sekmeler button{padding:11px 14px}
  .sbd-yt__suzgec{scrollbar-width:none}
  .sbd-yt__suzgec::-webkit-scrollbar{display:none}
  .sbd-yt__sf{padding:8px 13px}

  /* kart listesi: etiket ön eki yerine nokta ayraç, indirme yeşil */
  .sbd-yt__tablo tbody tr{padding:12px 14px}
  .sbd-yt__yer::before,.sbd-yt__tar::before,.sbd-yt__ind::before,.sbd-yt__kim::before{
    content:"· ";color:#c2cdd8;font-weight:400;
  }
  .sbd-yt__yer::before{content:""}
  .sbd-yt__ind{color:#2e9e5b;font-weight:800}

  /* kırıntı tek satır kayar */
  .sbd-xkirinti{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sbd-xkirinti::-webkit-scrollbar{display:none}
  .sbd-xkirinti a,.sbd-xkirinti strong{white-space:nowrap}

  /* katlama düğmesi parmak boyu */
  .sbd-blok__kapa{padding:10px 12px;margin:-8px -8px -8px 0}
  .sbd-kat__rss{padding:8px}

  /* ---------- doküman sayfası: alta yapışan indirme çubuğu ---------- */
  .sbd-dosya{position:relative}
  .sbd-dosya__dugmeler{
    position:fixed;left:0;right:0;bottom:0;z-index:9970;
    flex-basis:auto;margin:0;display:flex;gap:8px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.97);border-top:1px solid #dde5ec;
    box-shadow:0 -4px 16px rgba(15,25,35,.12);
  }
  .sbd-dosya__dugmeler .sbd-dosya__btn{flex:1;text-align:center;padding:13px 10px;font-size:15px;border-radius:9px}
  .sbd-dosya__dugmeler .sbd-dosya__on{flex:0 0 auto;text-align:center;padding:13px 15px;font-size:14px;border-radius:9px;background:#fff}
  body.single-sbd_dokuman{padding-bottom:82px}
  body:has(.sbd-dosya__dugmeler){padding-bottom:82px}

  /* ---------- panel: sayılar 2×2 ızgara, formlar tam genişlik ---------- */
  .sbd-panel__ust{padding:14px}
  .sbd-panel__sayilar{
    margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1px;
    background:#e3e8ee;border:1px solid #e3e8ee;border-radius:9px;overflow:hidden;
  }
  .sbd-panel__sayilar span{background:#fafbfc;padding:10px 13px;margin:0}
  .sbd-panel__sayilar b{font-size:18px}
  .sbd-panel__form{width:100%;display:flex;gap:8px}
  .sbd-panel__sec{flex:1}
  .sbd-panel__sec span{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 10px;border-radius:8px;font-size:13px;box-sizing:border-box}
  .sbd-panel__btn{flex:0 0 112px;margin-left:0;padding:12px 10px;border-radius:8px;font-size:13px}

  /* ---------- portal: menü yatay şerit, hero sıkı ---------- */
  .sbd-yan{padding:14px 12px 12px}
  .sbd-yan__marka{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:10px}
  .sbd-yan__logo{margin-bottom:0}
  .sbd-yan__alt{display:none}
  .sbd-yan__menu{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:3px}
  .sbd-yan__menu::-webkit-scrollbar{display:none}
  .sbd-yan__oge{flex:0 0 auto;padding:10px 14px;border-radius:19px;min-height:38px}
  .sbd-hero__baslik{font-size:22px}

  /* istatistik şeridi ve düğüm dokunuşları */
  .sbd-olcek{padding:12px 10px;gap:0;justify-content:space-between}
  .sbd-olcek__oge{flex:1}
  .sbd-olcek__sayi{font-size:17px}
  .sbd-dugum{padding:13px 14px}
  .sbd-konu{padding:12px 14px}
  .sbd-raftur__dok{padding-top:8px;padding-bottom:8px}
}

/* WP yönetim çubuğu 601–640 px arasında sabittir; bar onun altına yapışsın.
   ≤600 px'te çubuk kaydıkça kaybolur, ofset gerekmez. */
@media(min-width:601px) and (max-width:640px){
  body.admin-bar .sbd-fbar--js{top:46px}
}

/* ---------- v6.9.1: "Neler yeni" XF kartları (avatar + gün ayracı + yarış) ---------- */
.sbd-yt__gun{display:none}

@media(max-width:640px){

  /* gün ayracı: BUGÜN / DÜN / BU HAFTA / DAHA ESKİ (yalnız Yeni sekmesi) */
  .sbd-yt__tablo tbody tr.sbd-yt__gun{display:flex;padding:9px 14px;background:#fbfcfe}
  .sbd-yt__tablo .sbd-yt__gun td{display:flex;align-items:center;gap:8px;flex:1;padding:0}
  .sbd-yt__gun span{
    font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8494a4;
  }
  .sbd-yt__gun td::after{content:"";flex:1;height:1px;background:#e5ebf2}

  /* avatar: tr'ye PHP'nin işlediği data-av harfi + --avr rengi */
  .sbd-yt__tablo tbody tr{position:relative}
  .sbd-yt__tablo tbody tr[data-av]{padding-left:63px;min-height:63px}
  .sbd-yt__tablo tbody tr[data-av]::before{
    content:attr(data-av);position:absolute;left:14px;top:13px;width:38px;height:38px;border-radius:9px;
    background:var(--avr,#7d8ea0);color:#fff;display:flex;align-items:center;justify-content:center;
    font-weight:800;font-size:15px;line-height:1;
  }

  /* bugün eklenen = okunmamış vurgusu: kalın başlık + mavi sol ray */
  .sbd-yt__tablo tbody tr.sbd-yt__taze{box-shadow:inset 3px 0 0 #1a5fb4}
  .sbd-yt__tablo tbody tr.sbd-yt__taze .sbd-yt__ad a{font-weight:800;color:#20303f !important}

  /* indirme çipi sağ üstte; bugünküler yeşil */
  .sbd-yt__tablo tbody tr[data-av] .sbd-yt__ad{padding-right:62px}
  .sbd-yt__tablo tbody tr[data-av] .sbd-yt__ind{
    position:absolute;right:14px;top:13px;
    background:#f0f4f8;color:#5b6b7c;border-radius:20px;padding:5px 9px;
    font-size:11px;font-weight:800;line-height:1;
  }
  .sbd-yt__ind::before{content:"↓ "}
  .sbd-yt__tablo tbody tr.sbd-yt__taze .sbd-yt__ind{background:#eaf8f2;color:#0d9b6c}

  /* katkıcı adı belirgin (kim ekledi vurgusu) */
  .sbd-yt__kim{font-weight:700;color:#54677a}
  .sbd-yt__kim::before{font-weight:400}

  /* Popüler sekmesi: satır altında indirme yarış çubuğu (--yzd PHP'den) */
  .sbd-yt__tablo tbody tr.sbd-yt__yaris::after{
    content:"";order:99;flex:1 1 100%;height:4px;border-radius:2px;margin-top:7px;
    background-color:#eef1f5;background-image:linear-gradient(90deg,#0d9b6c,#43b154);
    background-size:var(--yzd,0%) 100%;background-repeat:no-repeat;
  }
}