/* =============================================================================
   HABER TEMASI V2 — YONETIM PANELI
   Sade, temiz, WordPress admin ile uyumlu.
   ========================================================================== */
.haber-panel{margin:20px 20px 40px 0;max-width:1180px}
.haber-panel *{box-sizing:border-box}

/* Ust bar */
.hp-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:#16181d;color:#fff;padding:14px 22px;border-radius:10px 10px 0 0}
.hp-marka{display:flex;align-items:baseline;gap:10px}
.hp-logo{font-size:19px;font-weight:800;letter-spacing:-.4px}
.hp-logo b{color:#d0112b}
.hp-surum{font-size:11px;color:#9aa0ab;background:#22252d;padding:2px 8px;border-radius:10px}
.hp-siteyi-gor{color:#c8cdd8;text-decoration:none;font-size:13px;font-weight:600}
.hp-siteyi-gor:hover{color:#fff}

/* Bildirim */
.hp-bildirim{padding:12px 18px;font-size:13.5px;font-weight:600;border-left:4px solid}
.hp-basari{background:#f0fdf4;border-color:#16a34a;color:#15803d}

/* Govde */
.hp-govde{display:grid;grid-template-columns:216px 1fr;gap:0;background:#fff;
  border:1px solid #dcdfe4;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}

/* Sol menu */
.hp-yan{background:#fafbfc;border-right:1px solid #e5e7eb;padding:10px 0}
.hp-yan a{display:flex;align-items:center;gap:9px;padding:10px 18px;color:#3c434a;
  text-decoration:none;font-size:13.5px;font-weight:500;border-left:3px solid transparent}
.hp-yan a:hover{background:#f0f1f3;color:#d0112b}
.hp-yan a.aktif{background:#fff;color:#d0112b;font-weight:700;border-left-color:#d0112b}
.hp-yan .dashicons{font-size:17px;width:17px;height:17px;opacity:.75}
.hp-yan a.aktif .dashicons{opacity:1}
.hp-yan-ayrac{margin:14px 18px 6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#9aa0ab;border-top:1px solid #e5e7eb;padding-top:12px}

/* Sag icerik */
.hp-icerik{padding:24px 28px 0}
.hp-baslik h1{font-size:21px;font-weight:700;margin:0 0 4px;padding:0}
.hp-baslik p{margin:0 0 22px;color:#646970;font-size:13.5px}

/* Kart */
.hp-kart{border:1px solid #e5e7eb;border-radius:9px;padding:4px 22px 18px;margin-bottom:20px;background:#fff}
.hp-kart h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:#646970;margin:18px 0 4px;padding:0 0 12px;border-bottom:1px solid #f0f1f3}

/* Satir */
.hp-satir{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start;
  padding:15px 0;border-bottom:1px solid #f4f5f7}
.hp-kart .hp-satir:last-child{border-bottom:0}
.hp-etiket{font-size:13.5px;font-weight:600;color:#1d2327;padding-top:6px}
.hp-alan{min-width:0}
.hp-satir--onay{grid-template-columns:1fr}

/* Alanlar */
.hp-genis{width:100%;max-width:520px}
.hp-orta{width:100%;max-width:300px}
.hp-dar{width:110px}
.hp-kod{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:12.5px;line-height:1.6;
  background:#1d2327;color:#e8ecf3;border-color:#2c3338}
.hp-kod:focus{background:#1d2327;color:#e8ecf3}
.hp-ipucu{margin:7px 0 0;color:#646970;font-size:12.5px;line-height:1.5;max-width:520px}

/* Onay kutusu */
.hp-onay{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;font-weight:500;color:#1d2327}
.hp-onay input{margin:0}
.hp-satir--onay .hp-ipucu{margin-left:26px}

/* Gorsel secici */
.hp-gorsel-arac{margin-top:8px;display:flex;gap:8px}
.hp-onizleme:not(:empty){margin-top:12px;padding:12px;background:#f6f7f7;border:1px solid #e5e7eb;
  border-radius:6px;display:inline-block}
.hp-onizleme img{max-height:56px;width:auto;display:block}

/* Kaydet cubugu — sayfa altinda yapisir */
.hp-kaydet-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;
  padding:14px 0;margin:0 -28px;padding-left:28px;z-index:5}

@media(max-width:900px){
  .hp-govde{grid-template-columns:1fr}
  .hp-yan{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #e5e7eb;padding:6px}
  .hp-yan a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:9px 14px}
  .hp-yan a.aktif{border-left:0;border-bottom-color:#d0112b}
  .hp-yan-ayrac{display:none}
  .hp-satir{grid-template-columns:1fr;gap:6px}
  .hp-etiket{padding-top:0}
  .hp-icerik{padding:18px 16px 0}
  .hp-kaydet-bar{margin:0 -16px;padding-left:16px}
}

/* Logo secici (attachment ID saklayan alan) */
.hp-logo-alan .hp-logo-onizleme{
  margin:0 0 10px;padding:16px 18px;background:#f6f7f7;border:1px dashed #ccd0d4;
  border-radius:8px;min-height:76px;display:flex;align-items:center;justify-content:center;
  max-width:420px;
}
.hp-logo-alan .hp-logo-onizleme img{max-height:52px;max-width:100%;width:auto;display:block}
.hp-logo-bos{color:#8c9196;font-size:13px;font-style:italic}
.hp-logo-alan .hp-gorsel-arac{margin-top:0}