/* Admin paneli stilleri */
.adm{max-width:980px;margin:0 auto;padding:22px 18px 70px}
.adm-nav{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid var(--kenar);padding-bottom:2px}
.adm-sekme{
  background:none;border:none;color:var(--soluk);
  font-size:14px;padding:9px 14px;cursor:pointer;
  border-bottom:2px solid transparent;margin-bottom:-3px;
  transition:color .15s,border-color .15s;
}
.adm-sekme:hover{color:var(--metin)}
.adm-sekme.aktif{color:var(--metin);border-bottom-color:var(--vurgu);font-weight:600}

.adm-baslik-satir{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.adm-baslik-satir h1{font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em}
.adm-baslik-satir .btn{margin-left:auto}
.btn-dar{padding:8px 14px;font-size:13.5px;width:auto}

.adm-form{
  background:var(--yuzey);border:1px solid var(--kenar);border-radius:12px;
  padding:14px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px;
}
.adm-form[hidden]{display:none}
.adm-form input{
  background:var(--zemin);border:1px solid var(--kenar);border-radius:9px;
  color:var(--metin);padding:10px 12px;font-size:14px;
}
.adm-form input:focus{outline:none;border-color:var(--vurgu)}
.form-dugme{display:flex;gap:8px}

.adm-liste{display:flex;flex-direction:column;gap:9px}
.adm-satir{
  display:flex;align-items:center;gap:14px;
  background:var(--yuzey);border:1px solid var(--kenar);
  border-radius:11px;padding:11px 13px;
}
.adm-kapak{
  width:104px;flex:0 0 104px;aspect-ratio:16/9;
  border-radius:7px;overflow:hidden;background:var(--yuzey-2);
  cursor:pointer;position:relative;
  display:grid;place-items:center;
  border:1px solid transparent;transition:border-color .15s;
}
.adm-kapak:hover{border-color:var(--vurgu)}
.adm-kapak img{width:100%;height:100%;object-fit:cover}
.adm-kapak-yok{font-size:10.5px;color:var(--soluk-2);letter-spacing:.04em}

.adm-satir-orta{min-width:0;flex:1}
.adm-kurs-ad{
  font-size:14.5px;font-weight:600;letter-spacing:-.01em;
  outline:none;padding:2px 4px;margin-left:-4px;border-radius:5px;
}
.adm-kurs-ad:focus{background:var(--zemin);box-shadow:0 0 0 1px var(--kenar)}
.adm-meta{font-size:12px;color:var(--soluk);margin-top:4px}

.adm-satir-sag{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tehlike{color:var(--tehlike)}
.tehlike:hover{color:var(--tehlike);border-color:var(--tehlike);opacity:.85}
.soluk-yazi{font-size:13px;color:var(--soluk)}

/* katman (modal) */
.katman{
  position:fixed;inset:0;z-index:60;
  background:rgba(20,21,15,.55);backdrop-filter:blur(4px);
  display:grid;place-items:center;padding:20px;
}
.katman[hidden]{display:none}
.katman-kutu{
  background:var(--yuzey);border:1px solid var(--kenar);
  border-radius:14px;padding:18px;width:100%;max-width:440px;
  box-shadow:var(--golge);
}
.katman-kucuk{max-width:360px}
.katman-ust{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.katman-ust h2{font-size:15px;font-weight:600;margin:0;flex:1;letter-spacing:-.01em}
.katman-alt{display:flex;align-items:center;gap:12px;margin-top:16px}
.genis-giris{
  width:100%;background:var(--zemin);border:1px solid var(--kenar);
  border-radius:9px;color:var(--metin);padding:10px 12px;font-size:14px;
}
.genis-giris:focus{outline:none;border-color:var(--vurgu)}

.erisim-liste{
  max-height:min(52vh,420px);overflow-y:auto;
  display:flex;flex-direction:column;gap:2px;
  border:1px solid var(--kenar);border-radius:9px;padding:6px;
}
.erisim-satir{
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:7px;cursor:pointer;
  font-size:13.5px;transition:background .13s;
}
.erisim-satir:hover{background:var(--yuzey-2)}
.erisim-satir input{accent-color:var(--vurgu);width:16px;height:16px;margin:0}

@media (max-width:640px){
  .adm{padding:16px 12px 70px}
  .adm-satir{flex-wrap:wrap;gap:10px}
  .adm-kapak{width:78px;flex:0 0 78px}
  .adm-satir-orta{flex:1 1 140px}
  .adm-satir-sag{width:100%;justify-content:flex-start}
  .adm-satir-sag .btn{padding:6px 10px;font-size:12px}
}


/* ---- Admin marka ---- */
.marka-kucuk{
  display:flex;
  align-items:center;
  gap:.5rem;
}
.admin-logo{
  width:28px;
  height:auto;
  display:block;
  color:var(--metin);
}
.admin-marka{
  font-family:'Fraunces','Iowan Old Style',Georgia,serif;
  font-size:1.15rem;
  font-weight:600;
  letter-spacing:-.025em;
  color:var(--metin);
}
html[data-tema="koyu"] .admin-logo{
  filter: invert(1) brightness(1.6) saturate(0);
}