/* Sitene Ekle sayfası (2026-10-19) — modul/sayfa_sitene_ekle.php; temel görsel dil css/sayfa.css (.sy) */
.se-aciklama{margin:-4px 0 12px; color:#bdbdbd; font-size:13px;}
.se input[type=text], .se input[type=search], .se input[type=number], .se select, .se textarea{
	width:100%; background:var(--alan); border:1px solid var(--alan-k); border-radius:4px; color:#eee; padding:8px 10px;
	font:inherit; font-size:13.5px; outline:none;
}
.se input:focus, .se select:focus, .se textarea:focus{border-color:var(--kir-k);}
.se textarea{font-family:Consolas,"Courier New",monospace; font-size:12.5px; line-height:1.45; resize:vertical; color:#d6d6d6;}

/* kanal seçici */
.se-secici{border:1px solid var(--kenar); border-radius:6px; background:#101010; overflow:hidden;}
.se-arama{display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:10px; border-bottom:1px solid var(--kenar);}
.se-arama input{flex:1 1 220px; width:auto !important;}
.se-sekmeler{display:flex; gap:4px;}
.se-sekmeler button{background:#1d1d1d; border:1px solid #333; color:#cfcfcf; border-radius:999px; padding:5px 12px; font:inherit; font-size:12.5px; cursor:pointer;}
.se-sekmeler button:hover{border-color:#555; color:#fff;}
.se-sekmeler button.aktif{background:linear-gradient(#b50d16,var(--kir2)); border-color:var(--kir-k); color:#fff;}
.se-liste{list-style:none; margin:0; padding:4px; height:236px; overflow-y:auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); align-content:start; gap:2px;}
.se-liste li{display:flex; align-items:center; gap:8px; padding:5px 8px; border-radius:4px; cursor:pointer; min-width:0; border:1px solid transparent;}
.se-liste li:hover{background:#1d1d1d;}
.se-liste li.secili{background:linear-gradient(90deg,rgba(156,11,18,.55),rgba(106,5,11,.15)); border-color:rgba(200,32,42,.6);}
.se-liste li.secili::after{content:"✓"; margin-left:auto; color:#fff; font-weight:700;}
.se-liste img, .se-secilenler img{width:36px; height:27px; object-fit:contain; background:#fff; border-radius:3px; flex-shrink:0;}
.se-liste span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; color:#e6e6e6;}
.se-liste em{font-style:normal; font-size:11px; color:#777; margin-left:auto; flex-shrink:0;}
.se-liste li.secili em{display:none;}
.se-liste .se-yok{grid-column:1/-1; cursor:default; color:#888; justify-content:center; padding:20px;}
.se-liste .se-yok:hover{background:none;}

/* ayarlar */
.se-ayarlar{display:grid; grid-template-columns:1fr 1fr; gap:0 14px; margin-top:14px;}
.se-ayarlar .sy-alan{margin-bottom:10px;}
.se-wh{display:flex; align-items:center; gap:6px;}
.se-wh span{color:#888;}
.se-onay{grid-column:1/-1; display:flex; align-items:center; gap:8px; font-size:13px; color:#cfcfcf; margin:2px 0 8px; cursor:pointer;}
.se-onay input{accent-color:var(--kir-k); width:16px; height:16px; margin:0;}
.se-onay small{color:#888;}

/* önizleme */
.se-onizleme-baslik{margin:10px 0 6px; font-size:13px; font-weight:600; color:#ddd;}
.se-onizleme-baslik span{font-weight:normal; color:#999;}
.se-onizleme{position:relative; border:1px dashed #3a3a3a; border-radius:6px; background:#0a0a0a; overflow:hidden;}
.se-video{aspect-ratio:16/9; width:100%;}
.se-video iframe{position:absolute; inset:0; width:100%; height:100%; border:0; display:block;}
.se-pencere{padding:10px; background:repeating-conic-gradient(#151515 0 25%,#0f0f0f 0 50%) 0 0/20px 20px;}
.se-pencere.se-acik-zemin{background:repeating-conic-gradient(#f4f4f4 0 25%,#e8e8e8 0 50%) 0 0/20px 20px;} /* açık / bej / şeffaf-açık tema önizlemesi */
.se-pencere iframe{display:block; border:0; max-width:100%; width:100%; margin:0 auto; transition:height .15s;}
.se-bos{display:flex; align-items:center; justify-content:center; min-height:120px; height:100%; color:#777; font-size:13px; text-align:center; padding:12px;}
.se-video .se-bos{position:absolute; inset:0;}

/* kod */
.se-kod-alan{margin-top:14px;}
.se-kod-alan label{display:block; font-size:13px; font-weight:600; color:#ddd; margin-bottom:5px;}
.se-kopyala{margin-top:8px; cursor:pointer;}
.se-kopyala:disabled{opacity:.45; cursor:default; filter:none;}

/* seçilen kanallar (pencere) */
.se-secilenler-baslik{display:flex; align-items:center; gap:10px; margin:14px 0 6px; font-size:13px; font-weight:600; color:#ddd;}
.se-secilenler-baslik #se-sayac{font-weight:normal; color:#999;}
.se-temizle{margin-left:auto; background:none; border:0; color:#ff5a61; font:inherit; font-size:12.5px; cursor:pointer; padding:0;}
.se-temizle:hover{text-decoration:underline;}
.se-secilenler{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px;}
.se-secilenler li{display:flex; align-items:center; gap:6px; background:#1a1a1a; border:1px solid #333; border-radius:4px; padding:4px 4px 4px 6px; font-size:12.5px; max-width:100%;}
.se-secilenler li span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:140px;}
.se-secilenler li img{width:28px; height:21px;}
.se-secilenler button{background:#262626; border:1px solid #3a3a3a; color:#ddd; border-radius:3px; width:22px; height:22px; padding:0; line-height:1; font-size:14px; cursor:pointer;}
.se-secilenler button:hover:not(:disabled){border-color:var(--kir-k); color:#fff;}
.se-secilenler button:disabled{opacity:.3; cursor:default;}
.se-secilenler .se-bos-satir{background:none; border:0; color:#888; padding:4px 0;}

.se-bilgi ul{padding-left:18px;}

/* mobil */
.sy-mobil .se-ayarlar{grid-template-columns:1fr;}
.sy-mobil .se-liste{grid-template-columns:1fr; height:260px;}
.sy-mobil .se-sekmeler{width:100%;}
.sy-mobil .se-sekmeler button{flex:1;}
@media (max-width:1000px){
	.se-ayarlar{grid-template-columns:1fr;}
}