/* Gizli Satırlar ve Alt Buton Alanı */
.gizli-satir { display: none !important; }

.pano-alt-alan {
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	background-color: rgba(0, 0, 0, 0.1);
}

/* Pano Genel */
.ana-pano-baslik { background: linear-gradient(0deg, hsla(var(--xf-majorHeadingBg)), hsla( var(--xf-majorHeadingBg--h), var(--xf-majorHeadingBg--s), calc(var(--xf-majorHeadingBg--l) + (var(--xf-color-adjust, 1) * 5%)), var(--xf-majorHeadingBg--a) )); color: hsla(var(--xf-linkColor)); }

.ozel-pano-konular { display: flex; flex-direction: column; width: 100%; border: 1px solid hsla(var(--xf-borderColor)); }

/* İçerik Sütun Başlıkları (Konu Başlığı, Son Cevap vb.) */
.pano-baslik-satiri {
	display: flex;
	align-items: stretch;
	height: 40px;
	background-color: 	hsla(var(--xf-contentAltBg)); 
	border: 1px solid hsla(var(--xf-borderColor));
	font-size: 14px;
	font-weight: 700;
	color: hsla(var(--xf-textColor));
	padding-left: 10px;
}

/* İnce Satır Tasarımı */
.pano-satir {
	display: flex;
	align-items: stretch;
	height: 37px; 
	font-size: 14px;
	padding-left: 10px;
	transition: background 0.2s;
}

.pano-satir:hover { background-color: rgba(255, 255, 255, 0.03); }

/* Sütun Genişlikleri */
.sutun-1 { flex: 3; display: flex; align-items: center; overflow: hidden; border-right: 1px solid hsla(var(--xf-borderColor)); }
.sutun-2 { flex: 2; display: grid; grid-template-columns: 1fr 14px 1fr; align-items: center; font-size: 14px; border-right: 1px solid hsla(var(--xf-borderColor)); }
.sutun-3 { flex: 1; display: flex; align-items: center; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; border-right: 1px solid hsla(var(--xf-borderColor)); }
.sutun-4 { flex: 1.5; display: flex; align-items: center; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; }
.hScroller-scroll.is-calculated.ana-pano { padding-bottom: 0px !important; margin-bottom: -4px !important; overflow-x: auto; }

@media (min-width: 1200px) {
    .sutun-2 { flex: 1; }
}

@media (max-width: 650px) {
	.sutun-1 { flex: 1; }
	.sutun-2 { display: none !important; }
	.sutun-3 { display: none !important; }
	.sutun-4 { display: none !important; }
	#btn-pano-open-modal { max-width: 45px !important; }
}

.istatistik-cevap { text-align: right; padding-right: 20px; }
.istatistik-goruntu { text-align: left; padding-left: 20px; }
.istatistik-nokta { position: relative; height: 100%; }
.istatistik-nokta::before { content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* Avatar ve Tipografi İnce Ayarları */
.pano-avatar { width: 20px; height: 20px; flex-shrink: 0; }
.pano-avatar img { width: 20px; height: 20px; border-radius: 50%; }
.avatar-status { position: relative; display: inline-block; margin-right: 10px; }
.pano-baslik-yazi a, .pano-kategori a, .pano-kullanici a { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; padding: 10px 0px; }
.pano-kullanici .username, .pano-baslik-yazi, .pano-kategori a { flex: 1; }
.swal2-container { z-index: 99999 !important; }

/* İstatistikler Ortası Renk Paleti Uyumu */
[data-color-picker="color1"] {
	.fa-bullhorn { color: hsla(var(--xf-color1)) !important; }
	.pano-satir a:hover { color: hsla(var(--xf-color1)); }
	.ana-pano-baslik .tabs-tab.is-active, .ana-pano-baslik a:hover { color: hsla(var(--xf-color1)) !important; }
	.ana-pano-baslik .tabs-tab.is-active { border-color: hsla(var(--xf-color1)) !important; }
	.istatistik-nokta:before { background: hsla(var(--xf-color1)) !important; }
}

[data-color-picker="color2"] {
	.fa-bullhorn { color: hsla(var(--xf-color2)) !important; }
	.pano-satir a:hover { color: hsla(var(--xf-color2)); }
	.ana-pano-baslik .tabs-tab.is-active, .ana-pano-baslik a:hover { color: hsla(var(--xf-color2)) !important; }
	.ana-pano-baslik .tabs-tab.is-active { border-color: hsla(var(--xf-color2)) !important; }
	.istatistik-nokta:before { background: hsla(var(--xf-color2)) !important; }
}

[data-color-picker="color3"] {
	.fa-bullhorn { color: hsla(var(--xf-color3)) !important; }
	.pano-satir a:hover { color: hsla(var(--xf-color3)); }
	.ana-pano-baslik .tabs-tab.is-active, .ana-pano-baslik a:hover { color: hsla(var(--xf-color3)) !important; }
	.ana-pano-baslik .tabs-tab.is-active { border-color: hsla(var(--xf-color3)) !important; }
	.istatistik-nokta:before { background: hsla(var(--xf-color3)) !important; }
}

[data-color-picker="color4"] {
	.fa-bullhorn { color: hsla(var(--xf-color4)) !important; }
	.pano-satir a:hover { color: hsla(var(--xf-color4)); }
	.ana-pano-baslik .tabs-tab.is-active, .ana-pano-baslik a:hover { color: hsla(var(--xf-color4)) !important; }
	.ana-pano-baslik .tabs-tab.is-active { border-color: hsla(var(--xf-color4)) !important; }
	.istatistik-nokta:before { background: hsla(var(--xf-color4)) !important; }
}

[data-color-picker="color5"] {
	.fa-bullhorn { color: hsla(var(--xf-color5)) !important; }
	.pano-satir a:hover { color: hsla(var(--xf-color5)); }
	.ana-pano-baslik .tabs-tab.is-active, .ana-pano-baslik a:hover { color: hsla(var(--xf-color5)) !important; }
	.ana-pano-baslik .tabs-tab.is-active { border-color: hsla(var(--xf-color5)) !important; }
	.istatistik-nokta:before { background: hsla(var(--xf-color5)) !important; }
}

.btn-pano-daha-fazla:hover, .btn-pano-daha-az:hover, .istatistik-nokta::before { background: hsl(var(--xf-majorHeadingBg)); }

/* Butonlar */
.btn-pano-daha-fazla, .btn-pano-daha-az {
	width: 100%;
	height: 36px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	border-color: #FFF0 !important;
	font-size: 14px;
	color: hsla(var(--xf-contentHighlightBg--a));
	background: hsla(var(--xf-majorHeadingBg), 20%);
}

/* ========================================= */
/* MODAL VE ÖZELLEŞTİRME EKLENTİLERİ BAŞLANGIÇ */
/* ========================================= */
.pano-header-wrapper { display: flex; justify-content: space-between; align-items: flex-end; }
.pano-header-wrapper h2.block-tabHeader { border-bottom: none; margin-bottom: 0; flex-grow: 1; width: calc(100% - 120px); height: 45px; }
.btn-pano-open-modal { color: #fff; }

.pano-tab-link[draggable="true"] { cursor: grab; user-select: none; -webkit-user-drag: element; }
.pano-tab-link.is-dragging { opacity: 0.4; background-color: rgba(0,0,0,0.05); }

.stategigs-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; align-items: center; justify-content: center; backdrop-filter: blur(3px); }
.stategigs-modal { background: #fff; max-width: 750px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); display: flex; flex-direction: column; max-height: 95vh; overflow: hidden; font-family: inherit; }
.stategigs-modal-header { padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; background: hsla(var(--xf-pageBg)); border-bottom: 1px solid hsl(var(--xf-blockTabHeaderTextColor)); }
.stategigs-modal-title { font-size: 16px; font-weight: bold; color: hsla(var(--xf-textColor)); }
.stategigs-modal-close { cursor: pointer; font-size: 20px; font-weight: bold; color: #888; border: none; background: none; }
.stategigs-modal-close:hover { color: #d00; }

.stategigs-modal-body { padding: 20px; overflow-y: auto; background: hsla(var(--xf-contentBg)); }
.stategigs-alert { background-color: #3AA8FF; border-left: 10px solid #318FD9; color: #FFF; padding: 15px; margin-bottom: 20px; font-size: 13px; border-radius: 3px; }

.stategigs-lists-container { display: flex; gap: 20px; flex-wrap: wrap; }
.stategigs-list-box { flex: 1; min-width: 250px; background: hsla(var(--xf-pageBg)); border-radius: 5px; padding: 10px; }
.stategigs-list-title { font-weight: bold; margin-bottom: 10px; font-size: 13px; border-bottom: 1px solid hsla(var(--xf-textColor)); padding-bottom: 5px; color: hsla(var(--xf-textColor)); }

.stategigs-drag-item { padding: 8px 12px; margin-bottom: 5px; background: hsla(var(--xf-avatarBg)); border-radius: 4px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; user-select: none; }
.stategigs-drag-item[draggable="true"] { cursor: grab; }
.stategigs-drag-item:active { cursor: grabbing; }
.stategigs-drag-item.is-dragging { opacity: 0.4; background: #f0f0f0; border: 1px dashed #999; }

.stategigs-action-btn { cursor: pointer; padding: 0 5px; font-weight: bold; line-height: 1; }
.stategigs-action-btn.remove:hover { color: #d00; }
.stategigs-action-btn.add:hover { color: #0a0; }

.stategigs-modal-footer { padding: 15px 20px; display: flex; justify-content: flex-end; gap: 10px; background: hsla(var(--xf-pageBg)); border-top: 1px solid hsl(var(--xf-blockTabHeaderTextColor)); }