/* Kasa defteri, Teklif ve sipariş, Raporlar sayfalarına özgü stiller.
   Tasarım: docs/tasarim/{Kasa-Defteri,Teklif-Listesi,Teklif-Formu,Vade-Analizi,Kar-Zarar}.dc.html. Renkler yalnız css/app.css belirteçleridir (koyu tema kendiliğinden çalışır). */

/* ---------- ortak ---------- */
.kr-serit-kap{min-width:0}
.sifir{color:var(--cizgi)}
.alt-yazi{font-size:12px;color:var(--soluk);margin-top:2px}
.acilir{position:relative}
.acilir .oneri,.kasa-hizli-ac .oneri{top:calc(100% + 4px);left:0;right:0}

/* ---------- Kasa defteri ---------- */
.kasa-hesap-sec{width:auto;padding:7px 10px;font-size:13px}
.kasa-gunler{display:grid;gap:14px;min-width:0}
.kasa-gunler:empty{display:none}
.kasa-gun{display:grid;grid-template-columns:132px minmax(0,1fr);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;overflow:hidden}
.kasa-gun.bugun{border-color:var(--vurgu)}
.kasa-gun-sol{background:var(--yuzey-2);border-right:1px solid var(--cizgi);padding:16px 14px;display:flex;flex-direction:column;gap:2px}
.kasa-gun.bugun .kasa-gun-sol{background:var(--vurgu-yumusak)}
.kasa-gun-sol .no{font-family:var(--baslik);font-size:46px;line-height:1}
.kasa-gun-sol .ay{font-size:13px;font-weight:600}
.kasa-gun-sol .ad{font-size:12px;color:var(--soluk)}
.kasa-gun-sol .dev{margin-top:auto;padding-top:14px}
.kasa-gun-sol .dev .e{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.kasa-gun-sol .dev .d{font-size:13px;font-weight:600}
.kasa-gun-sag{min-width:0}
.kasa-baslik,.kasa-satir,.kasa-son{display:grid;grid-template-columns:minmax(0,1fr) 112px 112px 120px;gap:12px}
.kasa-baslik{padding:8px 16px;border-bottom:1px solid var(--cizgi-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.kasa-satir{align-items:center;padding:10px 16px;border-bottom:1px solid var(--cizgi-2);color:inherit}
.kasa-satir.tikla{cursor:pointer}
.kasa-satir.tikla:hover{background:var(--yuzey-2)}
.kasa-satir .ac{min-width:0}
.kasa-satir .kasa-ana{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kasa-satir .alt{font-size:13px;color:var(--soluk);margin-top:2px}
.kasa-satir .g{text-align:right;color:var(--yesil);font-weight:500}
.kasa-satir .c{text-align:right}
.kasa-satir .k{text-align:right;font-weight:700}
.kasa-son{padding:10px 16px;background:var(--yuzey-2);font-weight:700;font-size:13px}
/* bugünün kartındaki hızlı giriş satırı */
.kasa-hizli{background:color-mix(in srgb,var(--vurgu-yumusak) 45%,var(--yuzey));border-bottom:1px solid var(--cizgi-2);padding:12px 16px;display:grid;gap:10px}
.kasa-hizli-satir{display:grid;grid-template-columns:auto minmax(0,1fr) 160px auto;gap:10px;align-items:center}
.kasa-hizli-satir.coklu{grid-template-columns:auto minmax(0,1fr) 140px 160px auto}
.kasa-hizli-ac{position:relative;min-width:0}
.kasa-hizli-satir>.segmentli,#kasaForm .alan>.segmentli,.tk-form .alan>.segmentli{justify-self:start}
.kasa-hizli-tutar input{font-size:16px;padding:9px 10px 9px 4px;line-height:normal}
.kasa-hizli-tutar .birim{font-size:14px;padding:0 4px 0 10px}
.kasa-hizli-hap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kasa-hizli-hap .hap{line-height:normal}
.kasa-hizli .hata-yazi:empty{display:none}
.kasa-eski{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px dashed var(--cizgi);border-radius:10px;background:var(--yuzey);flex-wrap:wrap}
.kasa-eski .sag-blok{display:flex;align-items:center;gap:16px;font-size:13px;flex-wrap:wrap}
.kasa-bos-bag{margin-top:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

@media (max-width:640px){
  .kr-serit-kap .serit{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kr-serit-kap .karo{padding:12px 14px}
  .kr-serit-kap .serit .karo:last-child:nth-child(odd){grid-column:1 / -1}
  .kr-serit-kap .karo .d{font-size:18px}
  .kasa-gun{grid-template-columns:1fr}
  .kasa-gun-sol{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px;border-right:0;border-bottom:1px solid var(--cizgi);padding:12px 14px}
  .kasa-gun-sol .no{font-size:34px}
  .kasa-gun-sol .dev{margin:0 0 0 auto;padding:0;text-align:right}
  .kasa-baslik{display:none}
  .kasa-satir,.kasa-son{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
  .kasa-satir .ac,.kasa-son>div:first-child{grid-column:1/-1}
  .kasa-satir .g:empty,.kasa-satir .c:empty{visibility:hidden}
  .kasa-satir [data-e]::before,.kasa-son [data-e]::before{content:attr(data-e);display:block;font-family:var(--yazi);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
  .kasa-hizli-satir,.kasa-hizli-satir.coklu{grid-template-columns:1fr}
}

/* ---------- Teklif ve sipariş ---------- */
.teklif-arac{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--cizgi-2);flex-wrap:wrap}
.teklif-ara{position:relative;width:300px;max-width:100%}
.teklif-liste .izgara-satir,.teklif-liste .izgara-alt{padding-top:11px;padding-bottom:11px}
.teklif-liste .izgara-satir.tikla:hover{background:var(--vurgu-yumusak)}
.teklif-liste .arama input,.teklif-liste .grup>button{line-height:normal}
.teklif-liste .grup>button{gap:3.3px}   /* tasarımda etiket ile sayı arasında tek boşluk var */
.teklif-no{font-size:12px;color:var(--murekkep-2)}
.teklif-tur{color:var(--murekkep-2)}
.teklif-tarih{font-size:12px}
.teklif-toplam-ad{grid-column:1 / 6}
.teklif-gor{border:0;background:transparent;padding:0;font-size:13px;color:var(--vurgu);font-weight:600;cursor:pointer}
.teklif-gor:hover{text-decoration:underline}
/* form çekmecesi ve çevirme penceresi */
.tk-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.tk-alan{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#tkKalemler{min-width:0}
.tk-form .ke{grid-template-columns:minmax(0,1fr)}   /* KDV/toplam kutusu (270 px) dar ekranda satırları taşırmasın */
.tk-form .ke-alt-cubuk{flex-wrap:wrap}
.tk-ust{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}
.tk-durum{flex:1;min-width:160px}
.tk-alan:disabled .ke .btn,.tk-alan:disabled .ke-sil{opacity:.45}
.tk-yeni-cari{color:var(--vurgu);font-weight:600}
.tk-yeni-cari:empty{display:none}
.tk-alt-grup{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:640px){
  .teklif-ara{width:100%}
  .tk-ust{gap:14px}
  /* liste: satır iki üç satırlık karta dönüşür (No/Cari solda, Toplam sağda; Tarih ve Durum altta; eylem düğmesi en altta) */
  .teklif-liste .izgara-kap>div{min-width:0!important}
  .teklif-liste .izgara-baslik{display:none}
  .teklif-liste .izgara-satir,.teklif-liste .izgara-alt{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px}
  .teklif-liste .izgara-satir>:nth-child(1){grid-column:1;grid-row:1}
  .teklif-liste .izgara-satir>:nth-child(2){display:none}
  .teklif-liste .izgara-satir>:nth-child(3){grid-column:1;grid-row:2}
  .teklif-liste .izgara-satir>:nth-child(4){grid-column:1;grid-row:3}
  .teklif-liste .izgara-satir>:nth-child(5){grid-column:2;grid-row:3;justify-self:end}
  .teklif-liste .izgara-satir>:nth-child(6){grid-column:2;grid-row:1 / span 2;align-self:center}
  .teklif-liste .izgara-satir>:nth-child(7){grid-column:1 / -1;grid-row:4;text-align:left}
  .teklif-liste .izgara-satir>:nth-child(7):empty{display:none}
  .teklif-liste .teklif-toplam-ad{grid-column:1}
  .teklif-liste .izgara-alt>:nth-child(3){display:none}
  .tk-form .ke-toplam-kutu{width:100%}
}

/* ---------- Raporlar ---------- */
:root{--kr-maliyet:#CBD5E1}
@media (prefers-color-scheme: dark){:root:not([data-tema="acik"]){--kr-maliyet:#2C4A78}}
:root[data-tema="koyu"]{--kr-maliyet:#2C4A78}
.rapor-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rapor-sekme>a{padding:7px 16px;font-size:14px}
.rapor-vade .izgara-satir,.rapor-vade .izgara-alt,.rapor-bakiye .izgara-satir,.rapor-bakiye .izgara-alt,.rapor-kalem .izgara-alt{padding-top:11px;padding-bottom:11px}
.rapor-gecikme{color:var(--kirmizi);font-weight:600}
.rapor-tel{font-size:13px;color:var(--murekkep-2)}
.rapor-tarih,.rapor-oran{font-size:13px}
.rapor-miktar{font-size:13px;color:var(--murekkep-2)}
.rapor-not{font-weight:500}
/* aylık satış ve kâr grafiği (HTML/CSS; kütüphane yok) */
.kar-grafik-kap{overflow-x:auto}
.kar-grafik{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:16px 20px 14px;align-items:end}
.kar-sutun{display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;text-decoration:none}
a.kar-sutun:hover .kar-cubuk{filter:brightness(1.08)}
.kar-deger{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;color:var(--yesil)}
.kar-deger.zarar{color:var(--kirmizi)}
.kar-cubuk{width:100%;max-width:74px;display:flex;flex-direction:column;border-radius:5px;overflow:hidden}
.kar-sutun.sec .kar-cubuk{outline:2px solid var(--murekkep);outline-offset:2px;min-height:3px}
.kar-kar{background:var(--vurgu)}
.kar-maliyet{flex:1;background:var(--kr-maliyet)}
.kar-ay{font-size:12px;color:var(--soluk);font-weight:500}
.kar-sutun.sec .kar-ay{font-weight:700}
.kar-satis{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px;color:var(--soluk)}
.kar-aciklama{display:flex;gap:18px;padding:0 20px 14px;font-size:12px;color:var(--soluk);flex-wrap:wrap}
.kar-aciklama span{display:flex;align-items:center;gap:6px}
.kar-aciklama .nokta{width:10px;height:10px;border-radius:3px;display:inline-block}
.kar-aciklama .nokta.kar{background:var(--vurgu)}
.kar-aciklama .nokta.maliyet{background:var(--kr-maliyet)}
@media (max-width:640px){
  .kar-grafik{min-width:440px;gap:10px;padding-left:14px;padding-right:14px}
}