/* css/cari.css: Genel Bakış, Müşteriler/Tedarikçiler, Cari kart, işlem formları (Satış/Alış/Tahsilat/Ödeme/Cari), Hatırlatma ve belgeler.
   Tasarım: docs/tasarim/{Main,Cari-Listesi,Cari-Kart,Islem-Formu,Alis-Formu,Hatirlatma}.dc.html. Ortak bileşenler css/app.css içindedir.
   Renkler belirteçlerden gelir (koyu tema); yalnız A4 kâğıt önizlemesi (belge görünümü) sabit renk kullanır. */

/* vade kovalarında app.css'de olmayan iki ara ton (koyu temada açılır) ve kâğıt önizlemesi */
:root{--vk-3:#D97706;--vk-4:#C2410C;--kagit:#FFFFFF;--kagit-yazi:#111111;--kagit-soluk:#444444;--kagit-cizgi:#E6E6E6}
@media (prefers-color-scheme: dark){:root:not([data-tema="acik"]){--vk-3:#F59E0B;--vk-4:#FB923C}}
:root[data-tema="koyu"]{--vk-3:#F59E0B;--vk-4:#FB923C}

.cari-baglanti{color:var(--vurgu);font-weight:600;text-decoration:none}
.cari-baglanti:hover{text-decoration:underline}
.cari-bos{padding:36px 20px;text-align:center;color:var(--soluk);display:grid;justify-items:center;gap:6px}
.cari-bos b{display:block;color:var(--murekkep);font-size:16px}
.cari-bos .yuvarlak{width:42px;height:42px;border-radius:50%;background:var(--yesil-yumusak);color:var(--yesil);display:grid;place-items:center;margin-bottom:4px}
.cari-bos .yuvarlak.mavi{background:var(--vurgu-yumusak);color:var(--vurgu)}
.cari-bos .dugmeler{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}

/* tasarımdaki girdi ve düğmeler "line-height: normal" kullanır; çekirdekte font:inherit satır yüksekliğini de miras aldığı için yükseklik ~3 px büyür */
.cl-ust input,.cl-ust button,.ck-bilgi input,.ck-bilgi textarea,.if-form input,.if-form select,.if-form textarea,#cfForm input,#cfForm select,#cfForm textarea,#ckBirForm select,.hb-tarih input,.hb-donem input{line-height:normal}

/* ================= Genel Bakış ================= */
.cg-ikili{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start;min-width:0}
.cg-uclu{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start;min-width:0}
.cg-ikili>*,.cg-uclu>*{min-width:0}
.cg-satir{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--cizgi-2)}
.cg-satir:last-child{border-bottom:0}
.cg-ad{font-weight:600;overflow-wrap:anywhere}
.cg-alt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px;font-size:12px;color:var(--soluk)}
.cg-tutar{font-size:14px;font-weight:600}
.cg-vade{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--cizgi-2);text-decoration:none;color:inherit}
a.cg-vade:hover{background:var(--yuzey-2)}
.cg-tarih{box-sizing:content-box;width:44px;height:44px;border-radius:9px;background:var(--yuzey-2);border:1px solid var(--cizgi);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.cg-tarih b{font-size:16px;line-height:1}
.cg-tarih span{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--soluk);margin-top:2px}
.cg-vade-orta{flex:1;min-width:0}
.cg-vade-orta .alt{font-size:12px;color:var(--soluk);margin-top:2px}
.cg-vade-tutar{display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.cg-vade-tutar.alacak{color:var(--yesil)}
.cg-toplam{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--yuzey-2);font-size:13px}
.cg-toplam b{font-family:var(--mono)}
.cg-diger{padding:9px 16px;font-size:12px;color:var(--soluk);border-bottom:1px solid var(--cizgi-2)}
.cg-diger:last-child{border-bottom:0}
.cg-yas{padding:16px}
.cg-cubuk{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px;background:var(--yuzey-2)}
.cg-cubuk i{display:block;min-width:2px}
.cg-vk0{background:var(--vurgu)}.cg-vk1{background:var(--altin)}.cg-vk2{background:var(--vk-3)}.cg-vk3{background:var(--vk-4)}.cg-vk4{background:var(--kirmizi)}
.cg-gosterge{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.cg-g-ad{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--soluk)}
.cg-nokta{width:10px;height:10px;border-radius:3px;flex:none}
.cg-g-tutar{font-size:13px;font-weight:500;margin-top:3px}
.cg-kasa{padding:14px 16px;display:grid;gap:8px;font-size:14px}
.cg-kasa-satir{display:flex;justify-content:space-between;align-items:baseline}
.cg-kasa-satir .mono{font-weight:500}
.cg-kasa-satir.toplam{border-top:1px solid var(--cizgi-2);padding-top:8px;font-weight:700}
.cg-kasa-satir.toplam .mono{font-weight:700}
.cg-kasa-dugme{display:flex;gap:8px;margin-top:2px;flex-wrap:wrap}
.cg-karsilama{padding:52px 24px 56px;text-align:center;display:grid;justify-items:center;gap:8px}
.cg-karsilama .yuvarlak{width:56px;height:56px;border-radius:50%;background:var(--vurgu-yumusak);color:var(--vurgu);display:grid;place-items:center;margin-bottom:6px}
.cg-karsilama h2{font-family:var(--baslik);font-weight:400;font-size:26px;line-height:1.2;text-transform:none;letter-spacing:0;color:var(--murekkep)}
.cg-karsilama p{margin:0;max-width:460px;color:var(--soluk)}
.cg-karsilama .dugmeler{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.cg-karsilama .ipucu{margin-top:10px}

/* ================= Müşteriler / Tedarikçiler ================= */
.cl-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--cizgi-2);flex-wrap:wrap}
.cl-arama{width:340px;max-width:100%}
.cl-izgara{--k:minmax(0,2.3fr) minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1fr) 20px}
.cl-izgara .izgara-baslik,.cl-izgara .izgara-satir,.cl-izgara .izgara-alt{gap:14px;padding:11px 16px}
.cl-izgara .izgara-baslik{padding-top:9px;padding-bottom:9px;font-size:12px;color:var(--murekkep-2)}
.cl-ad{font-weight:600;overflow-wrap:anywhere}
.cl-tel{font-family:var(--mono);font-size:13px;color:var(--murekkep-2)}
.cl-vade{color:var(--murekkep-2)}
.cl-bakiye{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600}
.cl-geciken{text-align:right}
.cl-geciken .mono{color:var(--kirmizi);font-weight:600;margin-right:8px}
.cl-son{font-family:var(--mono);font-size:13px;color:var(--soluk)}
.cl-git{color:var(--soluk);display:flex;justify-content:flex-end}
.cl-izgara .izgara-alt .mono{font-weight:700}

/* ================= Cari kart ================= */
.ck-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--cizgi-2);flex-wrap:wrap}
.ck-izgara{--k:84px minmax(0,1.6fr) minmax(0,1.1fr) 96px 96px 108px}
.ck-izgara .izgara-satir,.ck-izgara .izgara-alt{padding-top:11px;padding-bottom:11px}
.ck-icerik{min-width:680px}
.ck-tarih{font-family:var(--mono);font-size:12px;color:var(--murekkep-2)}
.ck-islem-ust{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ck-belge{font-family:var(--mono);font-size:12px;color:var(--soluk)}
.ck-aciklama{font-size:13px;color:var(--soluk);margin-top:2px;overflow-wrap:anywhere}
.ck-vade{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ck-vade .mono{font-size:12px}
.ck-acik{font-size:12px;color:var(--soluk);margin-top:3px}
.ck-borc,.ck-alacak,.ck-bakiye{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
.ck-alacak{color:var(--yesil)}
.ck-bakiye{font-weight:700}
.ck-kapsa3{grid-column:1 / 4}
.ck-izgara .izgara-alt .mono{font-weight:700}
.ck-alt2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;align-items:start}
.ck-alt2>*{min-width:0}
.ck-kalem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 16px;border-bottom:1px solid var(--cizgi-2);align-items:center}
.ck-kalem .ad{font-weight:600;overflow-wrap:anywhere}
.ck-kalem .tutar{text-align:right;font-family:var(--mono);font-weight:600}
.ck-kalem .vade{font-size:12px;color:var(--soluk)}
.ck-kalem .etiket-yer{text-align:right}
.ck-kalem.avans .tutar{color:var(--yesil)}
.ck-toplam{display:flex;justify-content:space-between;padding:10px 16px;background:var(--yuzey-2);font-weight:700}
.ck-bilgi{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ck-bilgi .tam{grid-column:1 / 3}
.ck-bilgi .metin-alani{resize:none;min-height:0}
.ck-bilgi .dugmeler{grid-column:1 / 3;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ck-bilgi .bosluk{flex:1}
.ck-teklif{--k:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,1fr)}

/* ================= işlem formları (çekmece) ================= */
.if-form{display:grid;gap:14px;align-content:start;min-width:0}
.if-bakiye{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--soluk);margin-top:-6px;flex-wrap:wrap}
.if-bakiye b{font-family:var(--mono);color:var(--murekkep)}
.if-bakiye b.kirmizi{color:var(--kirmizi)}
.if-cari-kap{position:relative}
.if-cari-kap .oneri{top:calc(100% + 4px);width:100%}
.if-tutar-kap{display:grid;gap:8px}
.if-hapler{display:flex;gap:8px;flex-wrap:wrap}
.if-kalan{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--yuzey-2);font-size:13px}
.if-kalan b{font-family:var(--mono)}
.if-gecis{font-size:13px}
.if-liste{border:1px solid var(--cizgi);border-radius:10px;overflow:hidden}
.if-liste-ust{padding:12px 16px;border-bottom:1px solid var(--cizgi-2);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--murekkep-2)}
.if-liste-govde{padding:12px 16px;display:grid;gap:12px}
.if-liste-kalem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
.if-liste-kalem .k{font-size:13px;color:var(--soluk)}
.if-liste-kalem .d{font-family:var(--mono);text-align:right}
.if-liste-ayrac{height:1px;background:var(--cizgi-2)}
.if-liste-not{padding:12px 16px;background:var(--yuzey-2);display:grid;gap:8px;font-size:13px}
.if-liste-not>div{display:flex;gap:8px;align-items:flex-start}
.if-liste-not .yesil{margin-top:1px}
.if-liste-not .vurgu{margin-top:1px}

/* ================= Hatırlatma ve belgeler ================= */
.hb-duzen{display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;align-items:start}
.hb-duzen>*{min-width:0}
.hb-sol{display:grid;gap:18px;min-width:0}
.hb-mesaj-kap{padding:16px;display:grid;gap:12px}
.hb-mesaj{border:1px solid var(--cizgi);border-radius:7px;padding:10px 12px;background:var(--yuzey-2);font:14px/1.5 var(--yazi);color:var(--murekkep);resize:none;width:100%}
.hb-mesaj:focus{border-color:var(--vurgu);outline:none;box-shadow:0 0 0 3px var(--vurgu-yumusak)}
.hb-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.hb-belge{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 16px;border-bottom:1px solid var(--cizgi-2);align-items:start}
.hb-belge:last-child{border-bottom:0}
.hb-simge{width:34px;height:34px;border-radius:8px;background:var(--vurgu-yumusak);color:var(--vurgu);display:flex;align-items:center;justify-content:center}
.hb-belge .baslik{font-weight:600}
.hb-belge .aciklama{font-size:12px;color:var(--soluk);margin:2px 0 8px}
.hb-belge .not{font-size:12px;color:var(--soluk);margin-top:8px}
.hb-tarih{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.hb-tarih label{font-size:12px;color:var(--soluk)}
.hb-tarih input{border:1px solid var(--cizgi);border-radius:7px;padding:5px 8px;font:13px var(--mono);color:var(--murekkep);background:var(--yuzey)}
.hb-tarih input:focus{border-color:var(--vurgu);outline:none;box-shadow:0 0 0 3px var(--vurgu-yumusak)}
.hb-donem{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.hb-kagit-kap{padding:22px;background:var(--yuzey-2);overflow-x:auto}
.hb-kagit{background:var(--kagit);color:var(--kagit-yazi);box-shadow:var(--kagit-golge);padding:26px 24px 22px;font-family:var(--yazi);min-width:440px}
.hb-kagit .ust{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:2px solid var(--kagit-yazi);padding:0 0 8px;margin-bottom:12px}
.hb-kagit .firma-ad{font-size:15px;font-weight:700;letter-spacing:.04em}
.hb-kagit .firma-yer{font-size:11px;color:var(--kagit-soluk)}
.hb-kagit .sag-ust{text-align:right;font-size:11px}
.hb-kagit .sag-ust b{display:block;font-size:13px}
.hb-kagit .taraf{font-size:11px;margin-bottom:12px;line-height:1.6}
.hb-kagit .taraf span{color:var(--kagit-soluk)}
.hb-kagit .kagit-izgara{display:grid;grid-template-columns:62px minmax(0,1fr) 68px 68px 72px;gap:6px}
.hb-kagit .kagit-baslik{padding:5px 0;border-bottom:1.5px solid var(--kagit-yazi);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hb-kagit .kagit-satir{padding:6px 0;border-bottom:1px solid var(--kagit-cizgi);font-size:11px;align-items:baseline}
.hb-kagit .kagit-satir.acilis{color:var(--kagit-soluk);font-style:italic}
.hb-kagit .kagit-satir .mono,.hb-kagit .kagit-toplam .mono{font-family:var(--mono)}
.hb-kagit .kagit-satir .b{font-weight:600}
.hb-kagit .kagit-satir small{color:var(--kagit-soluk);font-size:11px;overflow-wrap:anywhere}
.hb-kagit .kagit-toplam{padding:7px 0;font-size:11px;font-weight:700}
.hb-kagit .kagit-toplam .kapsa2{grid-column:1 / 3}
.hb-kagit .sag{text-align:right}
.hb-kagit .kutu{margin-top:14px;border:1px solid var(--kagit-yazi);border-radius:6px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-size:12px}
.hb-kagit .kutu b{font-family:var(--mono);font-size:15px}
.hb-kagit .not{margin-top:14px;font-size:10px;color:#555555}
.hb-kagit .kirp{padding:6px 0;font-size:10px;color:var(--kagit-soluk);border-bottom:1px solid var(--kagit-cizgi)}

/* ================= dar ekran ================= */
@media (max-width:1100px){
  .hb-duzen{grid-template-columns:minmax(0,1fr)}
  .cari-serit .karo .d{font-size:19px}
}
@media (max-width:900px){
  .cg-ikili,.cg-uclu,.ck-alt2{grid-template-columns:minmax(0,1fr)}
  .cari-serit .serit{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .cari-serit .karo{padding:12px 14px}
  .cari-serit .karo .d{font-size:17px}
  .ck-izgara .izgara-baslik{display:none}
  .ck-icerik{min-width:0}
  .ck-izgara .izgara-satir{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tarih islem tutar" "tarih vade bakiye";column-gap:10px;row-gap:6px;align-items:start;padding:12px}
  .ck-h-tarih{grid-area:tarih}.ck-h-islem{grid-area:islem}.ck-h-vade{grid-area:vade}.ck-h-borc,.ck-h-alacak{grid-area:tutar}.ck-h-bakiye{grid-area:bakiye}
  .ck-izgara .izgara-alt{grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;padding:11px 12px;font-size:13px}
  .ck-kapsa3{grid-column:auto}
  .ck-teklif .izgara-satir{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"no toplam" "tarih durum"}
  .ck-t-no{grid-area:no}.ck-t-tarih{grid-area:tarih}.ck-t-durum{grid-area:durum;justify-self:end}.ck-t-toplam{grid-area:toplam}
  .cg-gosterge{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cl-izgara{--k:minmax(0,1fr) auto minmax(0,88px) 16px}
  .cl-izgara .izgara-baslik,.cl-izgara .izgara-satir,.cl-izgara .izgara-alt{gap:8px;padding-left:12px;padding-right:12px}
  .cl-gizle{display:none}
  .cl-geciken .mono{display:block;margin-right:0}
  .ck-bilgi{grid-template-columns:1fr}
  .ck-bilgi .tam,.ck-bilgi .dugmeler{grid-column:1}
  .hb-kagit-kap{padding:10px}
  .hb-kagit{padding:16px 12px}
  .cg-satir{gap:10px}
  .cl-arama{width:100%}
}