/* =========================================================================
   cesitli-borc.css — /cesitli-borclandirma/ çalışma alanı
   =========================================================================
   BAĞIMLILIK: style.css → sayfa.css → bordro.css → kisi-borcu.css → BU DOSYA.
   Renkler, rozetler, alan kutuları, düğmeler ve sonuç kutusu kisi-borcu.css'ten
   (aynı aile, aynı dört durum). Burada yalnız kalem satırı ve aylık tablo.
   ========================================================================= */

/* --- Kalem satırı: no · tür · başlangıç · bitiş · iki puan · sil --- */
.cborc__kalem {
  display: grid; align-items: end; gap: 0.5rem 0.7rem;
  grid-template-columns: auto minmax(13.5rem, 1.3fr) auto auto minmax(6rem, 0.7fr) minmax(6rem, 0.7fr) auto;
  margin: 0 0 0.5rem; padding: 0.6rem 0.75rem;
  border: 1.5px solid var(--durum-cizgi); border-radius: 0.7rem; background: rgba(255,255,255,0.8);
}
.cborc__no { align-self: center; font: 700 1rem var(--font-mono); color: var(--renk-metin-yumusak); }
/* minmax(0, 1fr) ŞART: `auto` sütun, içindeki <select>'in en uzun seçeneği kadar genişliyor
   ("Takviye Kursu Gündüz") — 360px'te ek ders satırı sayfayı 27px taşırıyordu. */
.cborc__alan { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.2rem; min-width: 0; padding: 0.15rem 0.3rem; border-radius: 0.45rem; }
.cborc__tarih > select { min-width: 0; }
.cborc__etiket { font-weight: 600; font-size: 0.82rem; }
.cborc__alan select, .cborc__alan input {
  font: inherit; padding: 0.4rem 0.45rem; border: 1.5px solid var(--durum-cizgi); border-radius: 0.45rem;
  background: #fff; min-width: 0; max-width: 100%;
}
.cborc__tarih { display: flex; gap: 0.3rem; }
.cborc__puan { width: 100%; font-family: var(--font-mono); text-align: center; }
.cborc__alan[data-durum="elle"]  { background: var(--durum-siz-zemin); box-shadow: inset 3px 0 0 var(--durum-siz); }
.cborc__alan[data-durum="eksik"] { background: var(--durum-oto-zemin); box-shadow: inset 3px 0 0 var(--kehribar); }
.cborc__kalem .kborc__sil { align-self: center; }
.cborc__kalem .kborc__sil[hidden] { display: none; }

/* Orta genişlik: tür tek başına üst sırada, tarihler ve puanlar altta. */
@media (max-width: 900px) {
  .cborc__kalem { grid-template-columns: auto repeat(2, minmax(0, 1fr)) auto; }
  .cborc__alan--tur { grid-column: 2 / 4; }
  .cborc__kalem .kborc__sil { grid-column: 4; grid-row: 1; }
  /* div sırası: 1 tür · 2 başlangıç · 3 bitiş · 4 ödenen · 5 gereken.
     Başlangıç ve ödenen SOLA zorlanır; yoksa otomatik yerleşim onları
     numaranın dar sütununa düşürür. */
  .cborc__kalem > .cborc__alan:nth-of-type(2),
  .cborc__kalem > .cborc__alan:nth-of-type(4) { grid-column: 2; }
}
/* Telefon: her şey alt alta; numara ve sil düğmesi üst satırda. */
@media (max-width: 560px) {
  .cborc__kalem { grid-template-columns: minmax(0, 1fr) auto; }
  .cborc__no { grid-column: 1; grid-row: 1; }
  .cborc__kalem .kborc__sil { grid-column: 2; grid-row: 1; }
  .cborc__kalem > .cborc__alan,
  .cborc__kalem > .cborc__alan:nth-of-type(n) { grid-column: 1 / -1; }
  .cborc__tarih select { flex: 1 1 0; }
}

/* --- Ek ders satırı: alan sayısı çok ve "olması gereken" yalnız farkta var;
   ızgara yerine sarılan flex — alanlar sığdıkça yan yana, sığmayınca alta. --- */
.cborc__kalem.cborc__kalem--ekders { display: flex; flex-wrap: wrap; align-items: flex-start; }
.cborc__kalem--ekders > .cborc__no, .cborc__kalem--ekders > .kborc__sil { align-self: center; }
.cborc__kalem--ekders > .cborc__alan { flex: 1 1 9rem; }
.cborc__kalem--ekders > .cborc__alan--nitelik { flex: 2 1 17rem; }
.cborc__kalem--ekders > .cborc__alan--dar { flex: 0 1 5.5rem; }
.cborc__kalem--ekders > .cborc__alan--tarih { flex: 1 1 11rem; }
.cborc__kalem--ekders .kborc__sil { margin-left: auto; }
/* display:grid / flex, [hidden]'ın tarayıcı kuralını ezer — açıkça gizle. */
.cborc__alan[hidden], .cborc__onay[hidden] { display: none; }
.cborc__onay { display: flex; align-items: center; gap: 0.3rem; font-size: 0.82rem; cursor: pointer; }
.cborc__alan--nitelik select { flex: 1 1 0; }
@media (max-width: 560px) {
  .cborc__kalem--ekders > .cborc__alan { flex-basis: 100%; }
}

/* --- Özet ve aylık tablo --- */
.cborc__ozet .kborc__borc { margin-bottom: var(--bosluk-sm); }
.cborc__tablo td, .cborc__tablo th { padding: 0.35rem 0.5rem; vertical-align: middle; }
/* Hücreler tek satır: tablo kendi kabında kayar (sayfa.css). Kırılırsa "Gündüz · Yüksek L. → Gündüz"
   kelime kelime alt alta düşüyordu. Blok başlığı satırı aşağıda kırılmaya açık. */
.cborc__tablo td { white-space: nowrap; }
.cborc__blok td { font-weight: 700; background: rgba(43,182,196,0.06); white-space: normal !important; }
.cborc__katsayi {
  width: 6.2rem; font: 500 0.88rem var(--font-mono); text-align: center;
  padding: 0.2rem 0.3rem; border: 1px dashed var(--durum-cizgi); border-radius: 0.35rem; background: transparent;
}
.cborc__katsayi[data-durum="elle"]  { border: 1.5px solid var(--durum-siz); background: var(--durum-siz-zemin); }
.cborc__katsayi[data-durum="eksik"] { border: 1.5px solid var(--kehribar); background: var(--durum-oto-zemin); }
.cborc__dilim { display: block; font-size: 0.72rem; color: var(--renk-metin-yumusak); }
.kborc__eksik p { margin: 0.15rem 0; }