/* cari-taraf.css — çok taraflı Cari Hesaplar kabuğu (10.09.2026)
   ⏪ Geri alma: index.html'den bu satırı ve cari-taraf.js'i çıkar. */

.ct-serit {
  display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 10px;
  margin-bottom: 16px; scrollbar-width: thin;
}
.ct-taraf {
  flex: 0 0 auto; min-width: 168px; text-align: left; cursor: pointer;
  display: flex; flex-direction: column; gap: 3px;
  padding: 11px 14px; border-radius: 12px;
  border: 1px solid var(--border, #e5e7eb);
  background: var(--bg-elevated, #fff); color: inherit;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.ct-taraf:hover { border-color: var(--accent, #7c3aed); transform: translateY(-1px); }
.ct-taraf.is-akt {
  border-color: var(--accent, #7c3aed);
  box-shadow: inset 0 0 0 1px var(--accent, #7c3aed);
}
.ct-taraf-ad { font-size: 13px; font-weight: 650; letter-spacing: -.1px; display: flex; align-items: center; gap: 6px; }
.ct-taraf-b { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ct-taraf-b.is-bize { color: var(--success, #15803d); }
.ct-taraf-b.is-biz { color: var(--danger, #b91c1c); }
.ct-taraf-b.is-kapali { color: var(--text-tertiary, #8b8f98); }
.ct-taraf-y { font-size: 11px; color: var(--text-tertiary, #8b8f98); }
.ct-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--danger, #b91c1c); display: inline-block; }
.ct-yeni {
  min-width: 104px; align-items: center; justify-content: center;
  font-size: 20px; color: var(--text-tertiary, #8b8f98);
  border-style: dashed;
}
.ct-yeni .ct-taraf-y { text-align: center; }

.ct-kart {
  border: 1px solid var(--border, #e5e7eb); border-radius: 14px;
  background: var(--bg-elevated, #fff); padding: 16px 18px; margin-bottom: 16px;
}
.ct-kart-b {
  font-size: 15px; font-weight: 700; letter-spacing: -.2px;
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 12px;
}
.ct-kart-o { font-size: 12px; font-weight: 400; color: var(--text-tertiary, #8b8f98); }

.ct-ozet { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.ct-ozet-k {
  flex: 1 1 150px; padding: 12px 14px; border-radius: 12px;
  background: var(--bg-subtle, #f7f7f8); border: 1px solid var(--border, #e5e7eb);
}
.ct-ozet-e { font-size: 10.5px; letter-spacing: .6px; color: var(--text-tertiary, #8b8f98); }
.ct-ozet-v { font-size: 21px; font-weight: 700; font-variant-numeric: tabular-nums; margin: 2px 0; }
.ct-ozet-a { font-size: 11.5px; color: var(--text-tertiary, #8b8f98); }
.ct-ozet-k.is-bize .ct-ozet-v { color: var(--success, #15803d); }
.ct-ozet-k.is-biz .ct-ozet-v { color: var(--danger, #b91c1c); }

.ct-kaydir { overflow-x: auto; }
.ct-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.ct-tablo th {
  text-align: left; font-size: 11px; letter-spacing: .4px; text-transform: uppercase;
  color: var(--text-tertiary, #8b8f98); font-weight: 600;
  padding: 8px 10px; border-bottom: 1px solid var(--border, #e5e7eb); white-space: nowrap;
}
.ct-tablo td { padding: 9px 10px; border-bottom: 1px solid var(--border-subtle, #f0f0f2); vertical-align: top; }
.ct-tablo tbody tr:hover { background: var(--bg-subtle, #f7f7f8); }
.ct-sag { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ct-yb { font-weight: 650; }
.ct-alt { font-size: 11.5px; color: var(--text-tertiary, #8b8f98); margin-top: 2px; }
.ct-ops { font-weight: 400; color: var(--text-tertiary, #8b8f98); text-transform: none; letter-spacing: 0; }
.ct-islem { white-space: nowrap; }
.ct-islem .btn { margin-left: 4px; }
.ct-bos { text-align: center; color: var(--text-tertiary, #8b8f98); padding: 22px 10px; }
.ct-hata { color: var(--danger, #b91c1c); padding: 14px; border: 1px solid var(--danger, #b91c1c); border-radius: 12px; }
.is-silik { opacity: .45; text-decoration: line-through; }
.ct-tablo tr.is-gec td { background: rgba(185, 28, 28, .06); }
.ct-tablo tr.is-yakin td { background: rgba(217, 119, 6, .07); }

.ct-form { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--border, #e5e7eb); }
.ct-form-b { font-size: 13.5px; font-weight: 650; margin-bottom: 10px; }
.ct-form-g { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 12px; }
.ct-form-g label { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--text-secondary, #5b5f68); }
.ct-form-g .ct-genis { grid-column: span 2; }
.ct-form-g input, .ct-form-g select {
  padding: 8px 10px; border-radius: 9px; font-size: 13px;
  border: 1px solid var(--border, #e5e7eb);
  background: var(--bg-elevated, #fff); color: inherit;
}
.ct-form-g input:focus, .ct-form-g select:focus { outline: 2px solid var(--accent, #7c3aed); outline-offset: 1px; }
.ct-form-a { display: flex; gap: 8px; margin-top: 12px; }

@media (max-width: 900px) { .ct-form-g { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .ct-form-g { grid-template-columns: 1fr; }
  .ct-form-g .ct-genis { grid-column: span 1; }
  .ct-kart { padding: 13px 12px; }
}