/* ArGeTurk ProjeYonetim — yeniden kullanilabilir bilesenler */

/* Kart */
.kart {
  background: var(--beyaz);
  border: 1px solid var(--cizgi);
  border-radius: var(--yc-o);
  padding: var(--bsl-4);
  box-shadow: var(--golge-1);
}
.kart + .kart { margin-top: var(--bsl-4); }

/* Panel — collapsible baslik */
.panel-basligi {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--bsl-3) var(--bsl-4);
  border-bottom: 1px solid var(--cizgi);
  cursor: default;
}
.panel-basligi h3 { margin: 0; font-size: var(--yzs-o); }
.panel-govdesi { padding: var(--bsl-4); }

/* Buton */
.btn {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid var(--cizgi);
  border-radius: var(--yc-k);
  background: var(--beyaz);
  color: var(--yazi);
  font-size: var(--yzs-k);
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.btn:hover { background: var(--mavi-acik); border-color: var(--mavi); color: var(--mavi); }
.btn.birincil { background: var(--mavi); color: var(--beyaz); border-color: var(--mavi); }
.btn.birincil:hover { background: var(--lacivert); border-color: var(--lacivert); }
.btn.tehlike { background: var(--hata); color: var(--beyaz); border-color: var(--hata); }
.btn[disabled], .btn.pasif { opacity: 0.6; cursor: not-allowed; }

/* Tablo */
.tablo { width: 100%; border-collapse: collapse; font-size: var(--yzs-k); }
.tablo th, .tablo td {
  padding: 10px 12px; text-align: left;
  border-bottom: 1px solid var(--cizgi);
}
.tablo th {
  background: var(--bg);
  font-weight: 600; color: var(--yazi2);
  font-size: 12px; text-transform: uppercase;
}
.tablo tr:hover td { background: var(--mavi-acik); }
.tablo .cell-muted { color: var(--yazi3); }

/* Rozet ve chip */
.rozet {
  display: inline-block; padding: 2px 8px;
  border-radius: var(--yc-tam); font-size: 11px; font-weight: 600;
  background: var(--bg); color: var(--yazi2);
}
.rozet.basari { background: #dcfce7; color: #166534; }
.rozet.uyari  { background: #fef3c7; color: #92400e; }
.rozet.hata   { background: #fee2e2; color: #991b1b; }
.rozet.bilgi  { background: var(--mavi-acik); color: var(--mavi); }

.chip {
  display: inline-block; padding: 4px 10px;
  border: 1px solid var(--cizgi); border-radius: var(--yc-tam);
  background: var(--beyaz); font-size: var(--yzs-kk);
}

/* Bos durum */
.bos-durum {
  padding: var(--bsl-6) var(--bsl-4);
  text-align: center; color: var(--yazi3);
}
.bos-durum-baslik { font-size: var(--yzs-o); color: var(--yazi2); margin-bottom: 4px; }

/* Form */
.form-satir { margin-bottom: var(--bsl-3); }
.form-satir label { display: block; font-size: var(--yzs-k); color: var(--yazi2); margin-bottom: 4px; }
.form-satir input, .form-satir textarea, .form-satir select {
  width: 100%; padding: 8px 12px;
  border: 1px solid var(--cizgi); border-radius: var(--yc-k);
  font-size: var(--yzs-k); font-family: var(--font);
}
.form-satir input:focus, .form-satir textarea:focus, .form-satir select:focus {
  border-color: var(--mavi); outline: none;
}
.alan-gecersiz { border-color: var(--hata) !important; }

/* Ozet kartlar (dashboard) */
.ozet-kartlar {
  display: grid; gap: var(--bsl-4);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  margin-top: var(--bsl-5);
}
.ozet-kart {
  display: block; padding: var(--bsl-4);
  background: var(--beyaz); border: 1px solid var(--cizgi);
  border-radius: var(--yc-o); text-decoration: none; color: var(--yazi);
  transition: transform 0.15s, box-shadow 0.15s;
}
.ozet-kart:hover {
  transform: translateY(-2px);
  box-shadow: var(--golge-2);
  text-decoration: none;
  border-color: var(--mavi);
}
.ozet-baslik { font-size: var(--yzs-b); color: var(--lacivert); font-weight: 600; margin-bottom: 4px; }
.ozet-metin  { font-size: var(--yzs-k); color: var(--yazi2); }

/* Toast */
.toast-kutu {
  position: fixed; bottom: 20px; right: 20px; z-index: 1000;
  display: flex; flex-direction: column; gap: var(--bsl-2);
}
.toast {
  padding: 10px 14px; border-radius: var(--yc-k);
  background: var(--lacivert); color: var(--beyaz);
  font-size: var(--yzs-k); box-shadow: var(--golge-2);
  min-width: 220px;
}
.toast.basari { background: var(--basari); }
.toast.hata   { background: var(--hata); }
.toast.uyari  { background: var(--uyari); }

/* Modul basligi (her modul sayfasinin ust bandi) */
.modul-baslik {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: var(--bsl-4);
  flex-wrap: wrap; gap: var(--bsl-3);
}
.modul-baslik h1 { margin: 0; }
.modul-aksiyonlar { display: flex; gap: var(--bsl-2); flex-wrap: wrap; }

/* Yardimci */
.cell-muted { color: var(--yazi3); }
.gizli { display: none !important; }
.karsilama { padding: var(--bsl-4) 0; }