/* =========================================================
   Admin paneli
   ========================================================= */
:root{
  --a-bg:#f5f3fb; --a-card:#ffffff; --a-ink:#3a2f56; --a-soft:#6a6088;
  --a-lav:#8d74cd; --a-lav-d:#59459a; --a-line:rgba(141,116,205,.16);
  --a-rose:#c9436b; --a-green:#4f9d8a; --a-amber:#c9a04a;
}
*{ box-sizing:border-box; }
body.admin{
  margin:0; background:var(--a-bg); color:var(--a-ink);
  font-family:"Jost","Poppins",system-ui,sans-serif; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body.admin a{ color:inherit; text-decoration:none; }
.a-wrap{ display:flex; min-height:100vh; }

/* Kenar çubuğu */
.a-side{
  width:250px; flex:none; background:#fff;
  border-right:1px solid var(--a-line); padding:22px 16px;
  display:flex; flex-direction:column; position:sticky; top:0; height:100vh;
}
.a-brand{ font-family:"Cormorant Garamond",serif; font-size:1.5rem; font-weight:600; color:var(--a-lav-d); padding:6px 12px 18px; }
.a-brand span{ display:block; font-size:.72rem; letter-spacing:2px; text-transform:uppercase; color:var(--a-soft); font-family:"Jost",sans-serif; }
.a-nav{ display:flex; flex-direction:column; gap:4px; flex:1; }
.a-nav a{ display:flex; align-items:center; gap:12px; padding:.75rem 1rem; border-radius:12px; color:var(--a-soft); font-weight:500; transition:.15s; }
.a-nav a svg{ width:20px; height:20px; }
.a-nav a:hover{ background:var(--a-bg); color:var(--a-lav-d); }
.a-nav a.active{ background:linear-gradient(135deg,#8d74cd,#7d92d6); color:#fff; box-shadow:0 6px 16px rgba(125,90,205,.3); }
.a-nav .badge{ margin-left:auto; background:var(--a-rose); color:#fff; font-size:.72rem; font-weight:700; padding:1px 8px; border-radius:100px; }
.a-nav a.active .badge{ background:rgba(255,255,255,.3); }
.a-side-foot{ border-top:1px solid var(--a-line); padding-top:14px; }
.a-side-foot .who{ font-size:.85rem; color:var(--a-soft); padding:0 12px 8px; }

/* İçerik */
.a-main{ flex:1; min-width:0; }
.a-top{
  background:#fff; border-bottom:1px solid var(--a-line);
  padding:16px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px;
  position:sticky; top:0; z-index:20;
}
.a-top h1{ font-family:"Cormorant Garamond",serif; font-size:1.7rem; margin:0; color:var(--a-ink); }
.a-mobile-toggle{ display:none; background:none; border:none; color:var(--a-lav-d); padding:6px; }
.a-mobile-toggle svg{ width:26px; height:26px; }
.a-content{ padding:28px; max-width:1200px; }

/* Butonlar */
.a-btn{ display:inline-flex; align-items:center; gap:.5em; border:none; border-radius:10px; padding:.6em 1.15em; font-family:inherit; font-size:.9rem; font-weight:500; cursor:pointer; background:linear-gradient(135deg,#8d74cd,#7d92d6); color:#fff; transition:.15s; }
.a-btn:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.a-btn svg{ width:1.05em; height:1.05em; }
.a-btn.ghost{ background:#fff; color:var(--a-lav-d); box-shadow:inset 0 0 0 1.5px var(--a-line); }
.a-btn.danger{ background:linear-gradient(135deg,#c9436b,#b05470); }
.a-btn.ok{ background:linear-gradient(135deg,#4f9d8a,#5b8f6f); }
.a-btn.sm{ padding:.4em .8em; font-size:.82rem; border-radius:8px; }

/* İstatistik kartları */
.a-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:16px; margin-bottom:28px; }
.a-stat{ background:#fff; border-radius:16px; padding:20px; box-shadow:0 2px 10px rgba(89,69,154,.06); border:1px solid var(--a-line); }
.a-stat .lab{ font-size:.82rem; color:var(--a-soft); text-transform:uppercase; letter-spacing:.5px; display:flex; align-items:center; gap:.5em; }
.a-stat .lab svg{ width:16px; height:16px; }
.a-stat .val{ font-family:"Cormorant Garamond",serif; font-size:2.4rem; font-weight:600; color:var(--a-lav-d); line-height:1.1; margin-top:6px; }

/* Kart / panel */
.a-panel{ background:#fff; border-radius:16px; border:1px solid var(--a-line); box-shadow:0 2px 10px rgba(89,69,154,.05); margin-bottom:24px; overflow:hidden; }
.a-panel-head{ padding:16px 20px; border-bottom:1px solid var(--a-line); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.a-panel-head h2{ font-family:"Cormorant Garamond",serif; font-size:1.4rem; margin:0; }
.a-panel-body{ padding:20px; }
.a-status-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;
}

/* Medya ızgarası (admin) */
.a-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:16px; }
.a-media{ background:var(--a-bg); border-radius:14px; overflow:hidden; border:1px solid var(--a-line); position:relative; }
.a-media .thumb{ aspect-ratio:1; background:#eee; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.a-media .thumb img{ width:100%; height:100%; object-fit:cover; }
.a-media .thumb .vid-ph{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%; color:var(--a-soft);
}
.a-media .thumb .vid-ph svg{ width:42px; height:42px; opacity:.55; }
.a-media .thumb > svg{ width:42px; height:42px; opacity:.55; color:var(--a-soft); }
.a-media .m-info{ padding:10px 12px; }
.a-media .m-info .cap{ font-size:.85rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.a-media .m-info .meta{ font-size:.75rem; color:var(--a-soft); display:flex; justify-content:space-between; margin-top:3px; }
.a-media .m-actions{ display:flex; gap:6px; padding:0 12px 12px; }
.a-media .m-actions form{ flex:1; display:flex; }
.a-media .m-actions .a-btn{ width:100%; justify-content:center; }
.m-tag{ position:absolute; top:8px; left:8px; background:rgba(58,47,86,.7); color:#fff; font-size:.68rem; padding:2px 8px; border-radius:100px; text-transform:uppercase; letter-spacing:.5px; display:flex; align-items:center; gap:.3em; }
.m-tag svg{ width:.9em; height:.9em; }
.m-badge{ position:absolute; top:8px; right:8px; font-size:.68rem; padding:2px 8px; border-radius:100px; color:#fff; }
.m-badge.pending{ background:var(--a-amber); }
.m-badge.featured{ background:var(--a-lav); display:flex; align-items:center; gap:.25em; }
.m-badge svg{ width:.85em; height:.85em; }

/* Formlar */
.a-form{ display:grid; gap:18px; max-width:640px; }
.a-field{ display:grid; gap:6px; }
.a-field label{ font-weight:500; font-size:.92rem; color:var(--a-lav-d); }
.a-field .hint{ font-size:.8rem; color:var(--a-soft); }
.a-field input, .a-field textarea, .a-field select{
  padding:.7em 1em; border:1.5px solid var(--a-line); border-radius:10px;
  font-family:inherit; font-size:.95rem; color:var(--a-ink); background:#fff; width:100%;
}
.a-field input:focus, .a-field textarea:focus, .a-field select:focus{ outline:none; border-color:var(--a-lav); box-shadow:0 0 0 3px rgba(141,116,205,.15); }
.a-toggle{ display:flex; align-items:center; gap:12px; }
.a-switch{ position:relative; width:48px; height:27px; flex:none; }
.a-switch input{ opacity:0; width:0; height:0; }
.a-switch .track{ position:absolute; inset:0; background:#d9d2ec; border-radius:100px; transition:.2s; }
.a-switch .track::before{ content:""; position:absolute; width:21px; height:21px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.2s; box-shadow:0 1px 3px rgba(0,0,0,.2); }
.a-switch input:checked + .track{ background:linear-gradient(135deg,#8d74cd,#7d92d6); }
.a-switch input:checked + .track::before{ transform:translateX(21px); }

/* Ziyaretçi notları */
.a-notes{ display:grid; gap:12px; }
.a-note{ background:#fff; border:1px solid var(--a-line); border-radius:12px; padding:14px 16px; display:flex; justify-content:space-between; gap:14px; align-items:start; }
.a-note .msg{ font-style:italic; }
.a-note .by{ font-size:.82rem; color:var(--a-soft); margin-top:4px; }
.a-note-actions{ display:flex; gap:6px; flex:none; }

/* Giriş ekranı */
.a-login{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px;
  background:url("../img/bg-pattern.png") center/500px, var(--a-bg); background-blend-mode:soft-light; }
.a-login-card{ background:#fff; border-radius:24px; box-shadow:0 20px 60px rgba(63,47,115,.2); padding:40px 36px; width:100%; max-width:400px; text-align:center; }
.a-login-card .a-brand{ padding:0 0 8px; }
.a-login-card h1{ font-family:"Cormorant Garamond",serif; margin:0 0 4px; color:var(--a-ink); }
.a-login-card p{ color:var(--a-soft); font-size:.9rem; margin:0 0 24px; }
.a-login-card .a-form{ text-align:left; gap:14px; }
.a-login-card .a-btn{ width:100%; justify-content:center; padding:.85em; }
.a-alert{ background:#fdecef; color:var(--a-rose); border-radius:10px; padding:10px 14px; font-size:.88rem; margin-bottom:16px; }
.a-back{ margin-top:18px; font-size:.85rem; color:var(--a-soft); }

.a-empty{ text-align:center; padding:50px 20px; color:var(--a-soft); }
.a-empty svg{ width:56px; height:56px; color:#cdbff0; margin-bottom:12px; }

.a-flash{ background:#e7f6f1; color:var(--a-green); border-radius:10px; padding:12px 16px; margin-bottom:20px; display:flex; align-items:center; gap:.5em; }
.a-flash svg{ width:18px; height:18px; }

@media (max-width:820px){
  .a-side{ position:fixed; left:0; top:0; z-index:50; transform:translateX(-105%); transition:transform .25s; box-shadow:0 0 40px rgba(0,0,0,.2); }
  .a-side.open{ transform:none; }
  .a-mobile-toggle{ display:block; }
  .a-backdrop{ display:none; position:fixed; inset:0; background:rgba(40,30,64,.4); z-index:40; }
  .a-backdrop.show{ display:block; }
  .a-content{ padding:18px; }
  .a-stats{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .a-status-grid{ grid-template-columns:1fr; }
}