/* DBK Hidrolik — yönetim paneli */

body.admin { background: var(--gri); }

/* Giriş */
.giris { min-height: 100vh; display: grid; place-items: center; padding: 20px; }
.giris-kutu { width: min(420px, 100%); background: #fff; padding: 2.2rem; border-top: 8px solid var(--kirmizi); }
.giris-kutu img { margin-bottom: 1.2rem; }
.giris-kutu h1 { font-size: 2rem; }
.giris-kutu .dugme { width: 100%; }
.giris-alt { margin: 1.2rem 0 0; font-size: .92rem; }

/* Üst çubuk */
.admin-ust { background: #fff; border-bottom: 5px solid var(--kirmizi); }
.admin-ust-ic { display: flex; align-items: center; gap: 1.2rem; min-height: 68px; }
.admin-ust-ic strong { font-family: var(--baslik-yazi); font-size: 1.3rem; text-transform: uppercase; letter-spacing: .06em; color: var(--siyah); }
.admin-ust-ic .bosluk { flex: 1; }
.admin-ust-ic form { margin: 0; }
.dugme-mini { padding: .4rem .9rem; font-size: .92rem; }

/* Gövde */
.admin-govde { display: grid; grid-template-columns: 340px 1fr; gap: 2rem; padding: 2rem 0 4rem; align-items: start; }
.admin-yeni { background: #fff; padding: 1.5rem; border: 1px solid var(--cizgi); position: sticky; top: 16px; }
.admin-yeni h2, .admin-liste h2 { font-size: 1.5rem; }
.admin-yeni .dugme { width: 100%; margin-top: 1rem; }
.alan-ad { display: block; font-weight: 600; color: var(--siyah); margin-bottom: .35rem; }
.alan-ad small { font-weight: 400; color: var(--soluk); }
.ipucu { margin: 0; color: var(--soluk); font-size: .92rem; max-width: 52ch; }

/* Sürükle-bırak alanı */
.birak {
  border: 2px dashed #8a8a8a; background: var(--gri); min-height: 170px; padding: 1rem;
  display: grid; place-items: center; text-align: center; cursor: pointer; color: var(--soluk);
}
.birak p { margin: 0; line-height: 1.4; }
.birak b { color: var(--siyah); }
.birak img { max-height: 180px; object-fit: contain; }
.birak.uzerinde, .a-urun.uzerinde .a-gorsel { border-color: var(--kirmizi); background: #fdeaea; }

/* Ürün kartları */
.admin-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.a-urun { background: #fff; border: 1px solid var(--cizgi); }
.a-gorsel {
  position: relative; aspect-ratio: 5 / 4; display: grid; place-items: center; cursor: pointer;
  border: 2px dashed transparent; border-bottom: 4px solid var(--kirmizi); overflow: hidden; background: #fff;
}
.a-gorsel.bos { background: var(--gri); border: 2px dashed #8a8a8a; }
.a-gorsel img { width: 100%; height: 100%; object-fit: contain; }
.a-ipucu {
  position: absolute; left: 0; right: 0; bottom: 0; padding: .35rem .5rem; text-align: center;
  font-size: .8rem; background: rgba(17, 17, 17, .82); color: #fff; opacity: 0; transition: opacity .15s;
}
.a-gorsel.bos .a-ipucu { position: static; background: none; color: var(--soluk); opacity: 1; }
.a-gorsel:hover .a-ipucu, .a-gorsel:focus-visible .a-ipucu, .a-urun.uzerinde .a-ipucu { opacity: 1; }
.a-urun.yukleniyor { opacity: .5; pointer-events: none; }
.a-bilgi { padding: .7rem .8rem .9rem; }
.a-bilgi small { display: block; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--kirmizi); font-weight: 600; }
.a-bilgi strong { font-family: var(--baslik-yazi); font-size: 1.08rem; line-height: 1.2; color: var(--siyah); }
.a-urun.yeni { outline: 3px solid var(--kirmizi); }

/* Bildirim */
.bildirim {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 200;
  padding: .8rem 1.3rem; background: var(--siyah); color: #fff; font-weight: 600; max-width: calc(100% - 40px);
  border-left: 6px solid #2e9e5b;
}
.bildirim.hata { border-left-color: var(--kirmizi); }

@media (max-width: 860px) {
  .admin-govde { grid-template-columns: 1fr; }
  .admin-yeni { position: static; }
  .admin-ust-ic strong { display: none; }
}

/* Kurulum sayfası */
.giris-genis { width: min(520px, 100%); }
.giris-kutu h2 { font-size: 1.3rem; margin-top: 1.6rem; padding-top: 1.2rem; border-top: 1px solid var(--cizgi); }
.giris-kutu .ipucu { margin-bottom: 1rem; }
.giris-kutu label small { font-weight: 400; color: var(--soluk); }
.form-tamam { color: #1c7a43; font-weight: 600; }
.admin-kim { font-weight: 600; color: var(--siyah); }