/*
  Bereketim Tarım - Yönetim Paneli
  Kesin Kural: Türkçe sınıf isimleri ve yorumlar
*/

:root{
  --yesil:#1f7a3a;
  --yesil-koyu:#0b2a14;
  --sari:#f2c94c;
  --beyaz:#fff;
  --zemin:#f6faf7;
  --sinir: rgba(16,32,23,.14);
  --golge: 0 18px 40px rgba(0,0,0,.10);
  --yaricap: 16px;
}

*{box-sizing:border-box}
body{margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, Helvetica, sans-serif; color:#102017; background: var(--zemin)}

a{color:inherit; text-decoration:none}

/* Giriş */
.yonetim-giris-govde{min-height:100vh; display:grid; place-items:center; background: linear-gradient(135deg, rgba(31,122,58,.12), rgba(242,201,76,.20))}
.yonetim-giris-kutu{width:min(420px, 92%); background: rgba(255,255,255,.92); border:1px solid var(--sinir); border-radius: 22px; box-shadow: var(--golge); padding: 18px}
.yonetim-giris-baslik{font-weight: 950; font-size: 22px}
.yonetim-giris-aciklama{opacity:.78; margin-top:6px; margin-bottom: 12px}

.yonetim-form{display:grid; gap:10px}
.yonetim-form label{font-weight: 850; font-size: 13px}
.yonetim-form input, .yonetim-form select, .yonetim-form textarea{
  width:100%; padding: 11px 12px; border-radius: 14px; border:1px solid var(--sinir); background: rgba(255,255,255,.98);
}
.yonetim-form input:focus,.yonetim-form textarea:focus{outline:none; border-color: rgba(31,122,58,.34); box-shadow: 0 0 0 4px rgba(31,122,58,.10)}

.yonetim-dugme{padding: 12px 14px; border-radius: 999px; border:1px solid rgba(0,0,0,.05); background: var(--yesil); color: var(--beyaz); font-weight: 950; cursor:pointer; box-shadow: 0 12px 24px rgba(31,122,58,.18)}
.yonetim-dugme:hover{filter: brightness(1.02)}

.yonetim-giris-alt{display:flex; justify-content:space-between; gap:10px; font-weight:800; opacity:.85}
.yonetim-giris-alt a:hover{text-decoration: underline}

.yonetim-uyari{margin-top: 10px; font-size: 12.5px; opacity: .8; padding: 10px 12px; border: 1px dashed rgba(16,32,23,.22); border-radius: 14px; background: rgba(242,201,76,.18)}

/* Bildirim */
.yonetim-bildirim{padding: 10px 12px; border-radius: 14px; border:1px solid var(--sinir); background: rgba(255,255,255,.9); margin-bottom: 12px; font-weight: 800}
.yonetim-bildirim-basarili{border-color: rgba(31,122,58,.28)}
.yonetim-bildirim-hata{border-color: rgba(180,30,30,.28)}

/* Panel çerçevesi */
.yonetim-govde{background: var(--zemin)}
.yonetim-ust{position:sticky; top:0; z-index:1000; background: rgba(255,255,255,.86); backdrop-filter: blur(10px); border-bottom: 1px solid var(--sinir)}
.yonetim-ust-icerik{display:flex; align-items:center; justify-content:space-between; gap:10px; padding: 12px 14px}
.yonetim-logo{display:flex; align-items:center; gap:10px; font-weight: 950}
.yonetim-logo img{height: 46px; width:auto; object-fit:contain}

.yonetim-ust-sag{display:flex; align-items:center; gap:12px}
.yonetim-menu-dugmesi{display:none; width:42px; height:42px; border-radius: 14px; border:1px solid var(--sinir); background: rgba(255,255,255,.9); cursor:pointer; font-size: 18px; font-weight: 950}
.yonetim-kullanici{display:flex; align-items:center; gap:12px}
.yonetim-kullanici-ad{font-weight: 950}
.yonetim-cikis{opacity:.82; font-weight: 900}
.yonetim-cikis:hover{text-decoration: underline; opacity:1}

.yonetim-cerceve{display:grid; grid-template-columns: 260px 1fr; min-height: calc(100vh - 70px)}
.yonetim-yan{background: rgba(255,255,255,.86); border-right: 1px solid var(--sinir); padding: 14px}
.yonetim-yan-menu{display:grid; gap:8px}
.yonetim-link{padding: 11px 12px; border-radius: 14px; border:1px solid transparent; font-weight: 900; opacity:.9}
.yonetim-link:hover{background: rgba(31,122,58,.06); border-color: rgba(31,122,58,.16)}
.yonetim-aktif{background: rgba(31,122,58,.10); border-color: rgba(31,122,58,.18)}

.yonetim-ana{padding: 16px;}
.yonetim-baslik{margin: 0 0 12px; font-size: 26px}
.yonetim-soluk{opacity:.76}

.yonetim-kart-izgara{display:grid; grid-template-columns: repeat(5, 1fr); gap:10px; margin-bottom: 16px}
.yonetim-kart{border:1px solid var(--sinir); background: rgba(255,255,255,.92); border-radius: var(--yaricap); padding: 14px; box-shadow: 0 10px 22px rgba(0,0,0,.06)}
.yonetim-kart-sayi{font-size: 26px; font-weight: 950; color: var(--yesil)}
.yonetim-kart-yazi{font-weight: 900; opacity:.78}

.yonetim-bolum{border:1px solid var(--sinir); background: rgba(255,255,255,.92); border-radius: var(--yaricap); padding: 14px; box-shadow: 0 10px 22px rgba(0,0,0,.06)}
.yonetim-bolum-baslik h2{margin:0 0 6px}
.yonetim-grafik-kutu{margin-top: 10px; overflow:auto}

/* Grafik kanvasları: her cihazda görünür ve ölçeklenebilir */
.yonetim-grafik-kutu canvas{
  display:block;
  width:100%;
  height:240px;
}

/* Tablo */
.yonetim-tabla{width:100%; border-collapse: separate; border-spacing:0; overflow:hidden; border:1px solid var(--sinir); border-radius: 14px; background: rgba(255,255,255,.95)}
.yonetim-tabla th, .yonetim-tabla td{padding: 10px 10px; border-bottom: 1px solid rgba(16,32,23,.10); text-align:left; vertical-align: top}
.yonetim-tabla th{font-weight: 950; background: rgba(31,122,58,.06)}
.yonetim-tabla tr:last-child td{border-bottom:none}

.yonetim-aksiyonlar{display:flex; gap:8px; flex-wrap:wrap}
.yonetim-buton{display:inline-flex; align-items:center; justify-content:center; padding: 9px 10px; border-radius: 12px; border:1px solid rgba(16,32,23,.14); background: rgba(255,255,255,.92); font-weight: 900; cursor:pointer}
.yonetim-buton:hover{background: rgba(31,122,58,.06)}
.yonetim-buton-tehlike{border-color: rgba(180,30,30,.20)}

/* Form düzeni */
.yonetim-form-izgara{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
.yonetim-form-tam{grid-column: 1 / -1}
.yonetim-etiket{font-weight: 950; font-size: 13px; margin-bottom: 6px}

/* Alt */
.yonetim-alt{padding: 12px 14px; border-top: 1px solid var(--sinir); opacity: .8; font-weight: 800}

/* Mobil */
@media (max-width: 1100px){
  .yonetim-kart-izgara{grid-template-columns: repeat(2, 1fr)}
}

@media (max-width: 940px){
  .yonetim-cerceve{grid-template-columns: 1fr}
  .yonetim-menu-dugmesi{display:inline-flex; align-items:center; justify-content:center}
  .yonetim-yan{position:fixed; inset: 70px 12px auto 12px; max-height: calc(100vh - 90px); overflow:auto; border-radius: 18px; box-shadow: var(--golge); transform: translateY(-8px); opacity:0; pointer-events:none; transition: .18s ease}
  .yonetim-yan.acik{opacity:1; pointer-events:auto; transform: translateY(0)}
}

@media (max-width: 620px){
  .yonetim-form-izgara{grid-template-columns: 1fr}
}

/* Sekmeler */
.yonetim-sekme{display:flex; gap:10px; flex-wrap:wrap}
.yonetim-sekme-link{display:inline-flex; align-items:center; justify-content:center; padding:10px 12px; border-radius: 999px; border:1px solid var(--sinir); background: rgba(255,255,255,.90); font-weight: 950}
.yonetim-sekme-link:hover{background: rgba(31,122,58,.06)}

/* Ürün özellik satırları */
.yonetim-ozellik-alani{display:grid; gap:10px; margin-bottom:10px}
.yonetim-ozellik-satir{display:grid; grid-template-columns: 1fr 1fr auto; gap:10px; align-items:center}
@media (max-width: 620px){
  .yonetim-ozellik-satir{grid-template-columns: 1fr;}
}