/* FİNANS (23 Eyl 2026, Finans çekirdeği P3) — kabuk-bağımsız ekran stili, .yf-* sınıfları.
   Onaylı kanvas: docs/superpowers/tasarim/2026-09-23-finans/project/*.dc.html (Main/Faturalar/Taslak/
   Tahsilat/Cariler/Kesilecekler/Muhasebe). Renk/ölçüler tasarim-sistemi.css token'larından (var(--ya-*)),
   yedek değerlerle — yeni-tank-depo.css ile aynı karar: kurallar body.ya-acik kapsamına bağlı değildir.
   Sekme dosyaları (yeni-finans-*.js) YALNIZ bu dosyadaki sınıfları kullanır; yeni sınıf gerekirse buraya
   .yf-<sekme>-* önekiyle eklenir. */

/* ---------- kök + üst başlık ---------- */
.yf-kok{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--ya-kagit,#FDFBF6);color:var(--ya-metin,#2B1F14);font-family:"Space Grotesk",system-ui,sans-serif;font-size:13px}
.yf-kok *{box-sizing:border-box}
.yf-mono,.yf-kok .num{font-family:"IBM Plex Mono",ui-monospace,monospace}
.yf-ust{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kar,#FFFEFB);flex-wrap:wrap}
.yf-ust h1{font-size:16px;font-weight:700;margin:0}
.yf-sekmeler{display:flex;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;overflow:hidden;flex-wrap:wrap}
.yf-sekme{border:0;background:transparent;padding:8px 16px;font:inherit;font-size:13px;font-weight:600;color:var(--ya-metin2,#6A5642);white-space:nowrap;cursor:pointer}
.yf-sekme:hover{background:rgba(224,123,42,.08)}
.yf-sekme.aktif{background:var(--ya-dis-koyu,#A9530E);color:#fff}
.yf-sekme-sayi{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;margin-left:6px;opacity:.8}
.yf-sekme-sayi:empty{display:none}
.yf-sag-ust{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:11.5px;color:var(--ya-metin3,#8C7660);flex-wrap:wrap}
.yf-donem{display:flex;gap:6px;align-items:center}
.yf-donem-aralik{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;color:var(--ya-metin3,#8C7660)}

/* ---------- gövde yerleşimi ---------- */
.yf-govde{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.yf-sayfa{flex:1;min-height:0;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:16px}
/* Kaydırılan sütunda çocuklar büzülmez (duman 23 Eyl: taslak kalem tablosu kırpılıyordu). */
.yf-sayfa > *{flex-shrink:0}
/* Ana içerik + sağ detay paneli (Faturalar/Tahsilat/Cariler kanvası). */
.yf-yan-yana{flex:1;min-height:0;min-width:0;display:flex}
.yf-yan-yana > .yf-sayfa{min-width:0}
.yf-satir{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.yf-sag{margin-left:auto}
.yf-izgara5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.yf-izgara-ozet{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
@media (max-width:1180px){
  .yf-izgara5{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
  .yf-izgara-ozet{grid-template-columns:1fr}
}

/* ---------- kartlar ---------- */
.yf-kart{background:var(--ya-kar,#FFFEFB);border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:12px;padding:14px}
.yf-kart--bitisik{padding:0;overflow:hidden}
.yf-dev{background:var(--ya-kar,#FFFEFB);border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:13px;padding:16px 18px;min-width:0}
.yf-dev-ad{font-size:12px;color:var(--ya-metin2,#6A5642);margin-bottom:6px}
.yf-dev-sayi{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:28px;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yf-dev-sayi--kirmizi{color:var(--ya-kirmizi,#A83A1E)}
.yf-dev-sayi--soluk{color:var(--ya-metin3,#8C7660)}
.yf-dev-alt{font-size:11.5px;color:var(--ya-metin3,#8C7660);margin-top:6px;line-height:1.5;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.yf-blok-bas{margin:0 0 12px;font-size:10.5px;letter-spacing:.7px;color:var(--ya-metin3,#8C7660);font-weight:600;text-transform:uppercase}
.yf-etiket{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ya-metin3,#8C7660);font-weight:700}
.yf-not{font-size:11.5px;color:var(--ya-metin3,#8C7660);line-height:1.45;margin:0}

/* ---------- tablo ---------- */
.yf-tablo-sar{overflow:auto;scrollbar-width:thin}
.yf-tablo{width:100%;border-collapse:collapse;font-size:12px}
.yf-tablo th{text-align:left;color:var(--ya-metin3,#8C7660);font-size:10.5px;padding:8px 12px;white-space:nowrap;font-weight:600;background:var(--ya-kar,#FFFEFB);position:sticky;top:0}
.yf-tablo td{padding:8px 12px;border-top:1px solid var(--ya-hair,rgba(63,44,27,.13));white-space:nowrap;vertical-align:middle}
.yf-tablo .sag{text-align:right}
.yf-tablo td.sar{white-space:normal;max-width:240px;line-height:1.35}
.yf-tablo tr[data-id]{cursor:pointer}
.yf-tablo tr[data-id]:hover td{background:rgba(224,123,42,.05)}
.yf-tablo tr.secili td{background:rgba(224,123,42,.09)}
.yf-tablo tr.soluk td{color:var(--ya-metin3,#8C7660)}
.yf-tablo td.yf-bos{color:var(--ya-metin3,#8C7660);padding:22px 14px;white-space:normal;text-align:center}

/* ---------- çipler ---------- */
.yf-cip{display:inline-block;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:600;white-space:nowrap;line-height:1.6}
.yf-cip--taslak{background:rgba(63,44,27,.09);color:var(--ya-metin2,#6A5642)}
.yf-cip--kesildi{background:rgba(62,122,78,.14);color:var(--ya-yesil,#3E7A4E)}
.yf-cip--iade{background:rgba(224,123,42,.15);color:var(--ya-dis-koyu,#A9530E)}
.yf-cip--iptal{background:rgba(63,44,27,.07);color:var(--ya-metin3,#8C7660);text-decoration:line-through}
.yf-cip--kuryok{background:rgba(168,58,30,.13);color:var(--ya-kirmizi,#A83A1E)}
.yf-cip--kdv{background:rgba(224,123,42,.15);color:var(--ya-dis-koyu,#A9530E)}
.yf-cip--mikro{background:rgba(63,44,27,.12);color:var(--ya-post2,#3F2C1B)}
.yf-cip--notr{background:var(--ya-krem,#F7F1E6);color:var(--ya-metin2,#6A5642)}

/* ---------- düğmeler + girdiler ---------- */
.yf-buton{background:var(--ya-dis,#E07B2A);border:0;color:var(--ya-metin-ters,#25150A);font-weight:600;padding:9px 16px;border-radius:99px;font-size:13px;font-family:inherit;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}
.yf-buton--ikincil{background:var(--ya-kagit,#FDFBF6);border:1px solid var(--ya-hair,rgba(63,44,27,.13));color:var(--ya-metin,#2B1F14);font-weight:500;padding:8px 14px;font-size:12.5px}
.yf-buton--tehlike{background:transparent;border:1px solid rgba(168,58,30,.4);color:var(--ya-kirmizi,#A83A1E);font-weight:500;padding:8px 14px;font-size:12.5px}
.yf-buton--kucuk{padding:5px 11px;font-size:12px}
.yf-buton:disabled,.yf-buton[disabled]{opacity:.45;cursor:default}
.yf-baglanti{border:0;background:none;padding:0;font:inherit;color:var(--ya-dis-koyu,#A9530E);text-decoration:underline;cursor:pointer}
.yf-girdi{height:32px;padding:0 10px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:8px;background:var(--ya-kar,#FFFEFB);font-size:12.5px;color:var(--ya-metin,#2B1F14);font-family:inherit;width:auto;max-width:100%}
textarea.yf-girdi{height:auto;min-height:64px;padding:8px 10px;line-height:1.4;resize:vertical}
.yf-form{display:flex;flex-direction:column;gap:10px}
.yf-form label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ya-metin2,#6A5642)}
.yf-form .yf-girdi{width:100%}
.yf-seg{display:flex;gap:6px;flex-wrap:wrap}
.yf-seg button{font:inherit;font-size:12.5px;padding:6px 12px;border-radius:99px;border:1px solid rgba(63,44,27,.22);color:var(--ya-kahve,#6E4A2A);background:transparent;cursor:pointer}
.yf-seg button.aktif{background:var(--ya-post2,#3F2C1B);color:var(--ya-krem,#F7F1E6);border-color:var(--ya-post2,#3F2C1B)}
.yf-kutu{width:16px;height:16px;margin:0;accent-color:var(--ya-dis,#E07B2A);cursor:pointer;vertical-align:middle}
.yf-kutu:disabled{cursor:not-allowed;opacity:.5}

/* ---------- sağ panel ---------- */
.yf-panel{width:360px;flex:0 0 360px;border-left:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kar,#FFFEFB);padding:18px;display:flex;flex-direction:column;gap:14px;overflow:auto;position:relative}
.yf-panel h2{font-size:16px;margin:0;font-weight:600}
.yf-panel-kapat{position:absolute;top:10px;right:10px;border:0;background:transparent;font-size:15px;color:var(--ya-metin3,#8C7660);cursor:pointer;padding:4px 6px;border-radius:6px}
.yf-panel-kapat:hover{background:rgba(63,44,27,.08)}
.yf-panel-bos{color:var(--ya-metin3,#8C7660);font-size:13px;line-height:1.5}
.yf-kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.yf-kv b{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:600;white-space:nowrap}
.yf-kv span{color:var(--ya-metin2,#6A5642)}
.yf-toplam{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:rgba(224,123,42,.1);font-weight:700}
.yf-toplam b{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:18px}
.yf-panel-alt{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
@media (max-width:1100px){.yf-panel{width:300px;flex-basis:300px}}

/* ---------- şerit + seçim çubuğu + alt sekmeler ---------- */
.yf-serit{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border-left:4px solid var(--ya-kirmizi,#A83A1E);background:rgba(168,58,30,.08);font-size:12.5px;line-height:1.45;flex-wrap:wrap}
.yf-serit--iyi{border-left-color:var(--ya-yesil,#3E7A4E);background:rgba(62,122,78,.09)}
.yf-serit--notr{border-left-color:var(--ya-metin3,#8C7660);background:rgba(63,44,27,.06)}
/* '<b>Etiket:</b> <span>uzun metin</span>' kalıbında metin etiketin yanında kalıp kendi içinde kırılır (duman: 'Kesilemez:' ayrı satıra düşüyordu). */
.yf-serit > b + span{flex:1 1 240px;min-width:0}
.yf-serit-sag{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--ya-metin2,#6A5642)}
.yf-secim{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--ya-post2,#3F2C1B);color:var(--ya-krem,#F7F1E6);font-size:12.5px;flex-wrap:wrap}
.yf-secim .yf-buton--ikincil{background:transparent;border-color:rgba(247,241,230,.25);color:var(--ya-krem,#F7F1E6)}
.yf-secim-dugmeler{margin-left:auto;display:flex;gap:8px}
/* Koyu seçim çubuğunda açık zeminli çipler okunmuyordu (duman 23 Eyl) — kontrastlı zemin. */
.yf-secim .yf-cip{background:rgba(247,241,230,.16);color:#F5C99A}
.yf-alt-sekmeler{padding:0 20px;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13));display:flex;gap:4px;background:var(--ya-kar,#FFFEFB);flex-wrap:wrap}
.yf-alt-sekme{border:0;background:transparent;font:inherit;padding:7px 12px;font-size:12.5px;color:var(--ya-metin3,#8C7660);border-bottom:2px solid transparent;cursor:pointer}
.yf-alt-sekme.aktif{color:var(--ya-metin,#2B1F14);font-weight:600;border-bottom-color:var(--ya-dis,#E07B2A)}
.yf-alt-sekme:disabled{color:#B8A48C;cursor:default}

/* ---------- Özet: kaynak türü çubuğu + haftalık grafik ---------- */
.yf-tur-satir{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.yf-tur-satir:last-of-type{border-bottom:0}
.yf-tur-ad{flex:0 1 38%;min-width:110px;font-weight:600}
.yf-tur-deger{min-width:130px;text-align:right;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px}
.yf-tur-doviz{font-size:10.5px;color:var(--ya-metin3,#8C7660);font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400;overflow-wrap:anywhere}
.yf-bar{flex:1;height:9px;background:rgba(63,44,27,.1);border-radius:99px;overflow:hidden}
.yf-bar i{display:block;height:100%;border-radius:99px;background:var(--ya-dis,#E07B2A)}
.yf-grafik{display:flex;gap:18px;height:170px;align-items:flex-end}
.yf-grafik-grup{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;min-width:0}
.yf-grafik-cubuklar{flex:1;width:100%;display:flex;gap:4px;align-items:flex-end}
.yf-grafik-cubuk{width:50%;border-radius:6px 6px 0 0;min-height:2px}
.yf-grafik-cubuk--kesilen{background:var(--ya-dis,#E07B2A)}
.yf-grafik-cubuk--tahsilat{background:var(--ya-post2,#3F2C1B)}
.yf-grafik-cubuk--yok{background:repeating-linear-gradient(45deg,rgba(63,44,27,.12) 0 4px,transparent 4px 8px);height:100%}
.yf-grafik-etiket{font-size:10.5px;color:var(--ya-metin3,#8C7660);white-space:nowrap}
.yf-lejant{display:flex;gap:14px;font-size:10.5px;color:var(--ya-metin3,#8C7660);margin-top:10px;flex-wrap:wrap}
.yf-lejant i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px;vertical-align:middle}

/* ---------- durum kutuları ---------- */
.yf-yukleniyor{color:var(--ya-metin3,#8C7660);font-size:13px;padding:22px 20px}
.yf-hata{margin:18px 20px;padding:14px 16px;border-radius:10px;border:1px solid rgba(168,58,30,.3);background:rgba(168,58,30,.06);color:var(--ya-kirmizi,#A83A1E);font-size:13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.yf-yer-tutucu{margin:18px 20px;padding:28px 22px;border-radius:12px;border:1px dashed rgba(63,44,27,.25);background:var(--ya-kar,#FFFEFB);color:var(--ya-metin2,#6A5642);font-size:13px;line-height:1.6}
.yf-yer-tutucu b{display:block;font-size:15px;color:var(--ya-metin,#2B1F14);margin-bottom:4px}

/* ---------- Kesilecekler (yeni-finans-kesilecekler.js — kanvas Kesilecekler + TankFirmasi) ---------- */
.yf-kesilecekler-kutu-kapali{display:inline-block;width:16px;height:16px;border:1.5px dashed rgba(63,44,27,.35);border-radius:4px;background:rgba(63,44,27,.06);vertical-align:middle;cursor:not-allowed}
.yf-kesilecekler-cipler{display:inline-flex;gap:4px;flex-wrap:wrap}
.yf-kesilecekler-sayi{font-family:"IBM Plex Mono",ui-monospace,monospace;margin-left:6px}
.yf-kesilecekler-tarih{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ya-metin2,#6A5642)}
.yf-kesilecekler-ara{width:220px}
.yf-kesilecekler-odeme{display:flex;flex-direction:column;gap:8px}
.yf-kesilecekler-odeme:empty{display:none}
.yf-kesilecekler-secim{position:sticky;bottom:0;z-index:2}
.yf-kesilecekler-secim:empty{display:none}
/* Tenteli P2 (kanvas FinansTenteli): hücre altı soluk satır (sefer no, taşıma tipi, plan çıkış) + ek ücret satırları. */
.yf-kesilecekler-alt{display:block;font-size:11px;color:var(--ya-metin3,#8C7660);margin-top:2px}
.yf-kesilecekler-ucret{display:block;white-space:nowrap}
.yf-kesilecekler-ucret--farkli{color:var(--ya-kirmizi,#A83A1E);font-weight:600}

/* ---------- Cariler sekmesi (yeni-finans-cariler.js — kanvas Cariler.dc.html) ---------- */
.yf-cariler > .yf-panel,.yf-cariler .yf-cariler-panel-yuva > .yf-panel{width:420px;flex:0 0 420px}
.yf-cariler-panel-yuva{display:contents}
.yf-cariler-arac{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.yf-cariler-ara{width:240px}
.yf-cariler-onay{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--ya-metin2,#6A5642);cursor:pointer}
.yf-cariler-cip-dugme{border:0;background:none;padding:0;font:inherit;cursor:pointer}
.yf-cariler-cip-dugme:hover .yf-cip,.yf-cariler-cip-dugme:focus-visible .yf-cip{text-decoration:underline}
.yf-cariler-alt{font-size:11px;color:var(--ya-metin3,#8C7660);white-space:normal}
.yf-cariler-ozet{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--ya-metin3,#8C7660)}
.yf-cariler-ozet b{color:var(--ya-metin,#2B1F14);font-family:"IBM Plex Mono",ui-monospace,monospace}
.yf-cariler-tarihler{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.yf-cariler-tarihler input.yf-girdi{width:132px}
.yf-cariler-mikro-eylem{margin-top:8px}
.yf-cariler-ekstre{display:flex;flex-direction:column;gap:10px}
.yf-cariler .yf-panel .yf-tablo{font-size:10.5px}
.yf-cariler .yf-panel .yf-tablo th,.yf-cariler .yf-panel .yf-tablo td{padding:6px 4px}
@media (max-width:1100px){.yf-cariler .yf-cariler-panel-yuva > .yf-panel{width:320px;flex-basis:320px}}

/* ---------- Muhasebe sekmesi (yeni-finans-muhasebe.js; kanvas Muhasebe.dc.html) ---------- */
.yf-muhasebe-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.yf-muhasebe-izgara{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:16px;align-items:start}
.yf-muhasebe-kart-bas{padding:12px 14px 0;margin-bottom:6px}
.yf-muhasebe-suzgec{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.yf-muhasebe-suzgec label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--ya-metin3,#8C7660)}
.yf-muhasebe-suzgec .yf-muhasebe-ara{flex:1;min-width:180px}
.yf-muhasebe-suzgec .yf-muhasebe-ara .yf-girdi{width:100%}
.yf-muhasebe-suzgec .yf-muhasebe-doviz{width:88px}
.yf-muhasebe-alt{font-size:10.5px;color:var(--ya-metin3,#8C7660);margin-top:2px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.yf-muhasebe-sag{justify-content:flex-end}
.yf-muhasebe-aciklama{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;color:var(--ya-metin2,#6A5642)}
.yf-muhasebe-fark--var b{color:var(--ya-kirmizi,#A83A1E)}
@media (max-width:1180px){
  .yf-muhasebe-kartlar{grid-template-columns:1fr}
  .yf-muhasebe-izgara{grid-template-columns:1fr}
}

/* ---------- Tahsilat & Ödeme sekmesi (yeni-finans-tahsilat.js — kanvas Tahsilat.dc.html) ---------- */
.yf-tahsilat-ara{width:220px}
.yf-tahsilat-suzgec{gap:10px}
.yf-tahsilat-sayfalama{padding:2px 2px 0}
.yf-tahsilat-alan{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ya-metin2,#6A5642);position:relative}
.yf-tahsilat-iki{display:grid;grid-template-columns:1fr 90px;gap:8px}
.yf-tahsilat-cari-secili{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:8px;background:var(--ya-kagit,#FDFBF6);font-size:12.5px;color:var(--ya-metin,#2B1F14)}
.yf-tahsilat-cari-secili b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.yf-tahsilat-cari-sonuc{display:flex;flex-direction:column;max-height:220px;overflow:auto}
.yf-tahsilat-cari-sonuc:empty{display:none}
.yf-tahsilat-cari-sonuc .yf-yukleniyor{padding:8px 4px}
.yf-tahsilat-cari-oge{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13));background:transparent;font:inherit;font-size:12.5px;color:var(--ya-metin,#2B1F14);text-align:left;padding:7px 4px;cursor:pointer}
.yf-tahsilat-cari-oge:hover{background:rgba(224,123,42,.07)}
.yf-tahsilat-faturalar{display:flex;flex-direction:column;margin:6px 0 10px}
.yf-tahsilat-fatura,.yf-tahsilat-eslesme{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ya-hair,rgba(63,44,27,.13))}
.yf-tahsilat-fatura-bilgi{flex:1;min-width:0}
.yf-tahsilat-fatura-bilgi .yf-not{white-space:normal;overflow-wrap:anywhere} /* kalan tutar kesilmesin (kanvas: iki satır) */
.yf-tahsilat-fatura-tutar,.yf-tahsilat-fatura .yf-tahsilat-fatura-tutar{width:110px;flex:0 0 110px;text-align:right} /* .yf-form .yf-girdi{width:100%} bunu ezip bilgi sütununu sıkıştırıyordu */
.yf-tahsilat-fatura-tutar:disabled{background:rgba(63,44,27,.04)}
.yf-tahsilat-cipler{gap:6px;margin-top:6px}
.yf-tahsilat-iptal{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed var(--ya-hair,rgba(63,44,27,.13))}
.yf-tahsilat-iptal .yf-girdi{width:100%}
.yf-tahsilat-tablo td.sar{max-width:300px}

/* ---------- Faturalar sekmesi (yeni-finans-faturalar.js — kanvas Faturalar.dc.html + Taslak.dc.html) ---------- */
.yf-faturalar-govde{flex:1;min-height:0;display:flex}
.yf-faturalar-panel-yuva{display:contents}
.yf-faturalar-soluk{color:var(--ya-metin3,#8C7660);font-size:11px}
.yf-faturalar-tablo td{vertical-align:top}
.yf-faturalar-kirmizi{color:var(--ya-kirmizi,#A83A1E)}
.yf-faturalar-kutu-etiket{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--ya-metin2,#6A5642)}
.yf-faturalar-ara{width:220px}
.yf-faturalar-cari{position:relative;display:inline-flex;align-items:center}
.yf-faturalar-cari--genis{display:flex;width:100%}
.yf-faturalar-cari-cip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px}
.yf-faturalar-cip-kapat{border:0;background:transparent;padding:0 2px;font:inherit;color:inherit;cursor:pointer}
.yf-faturalar-oneri{position:absolute;top:100%;left:0;z-index:20;min-width:260px;max-height:260px;overflow:auto;margin-top:4px;background:var(--ya-kar,#FFFEFB);border:1px solid var(--ya-hair,rgba(63,44,27,.13));border-radius:10px;box-shadow:0 8px 24px rgba(43,31,20,.12);padding:4px}
.yf-faturalar-oneri[hidden]{display:none}
.yf-faturalar-oneri button{display:block;width:100%;text-align:left;border:0;background:transparent;font:inherit;font-size:12.5px;padding:7px 10px;border-radius:7px;cursor:pointer;color:var(--ya-metin,#2B1F14)}
.yf-faturalar-oneri button:hover{background:rgba(224,123,42,.09)}
.yf-faturalar-oneri .yf-not{padding:6px 10px}
.yf-faturalar-hata{color:var(--ya-kirmizi,#A83A1E);font-size:12px;line-height:1.4}
.yf-faturalar-hata:empty{display:none}
.yf-faturalar-blok{display:flex;flex-direction:column;gap:2px}
.yf-faturalar-blok .yf-etiket{margin-bottom:4px}
.yf-faturalar-kv-son{border-bottom:0}
.yf-faturalar-gecmis{font-size:12px;line-height:1.45;padding:3px 0;color:var(--ya-metin2,#6A5642)}
.yf-faturalar-gecmis b{color:var(--ya-metin,#2B1F14);font-weight:600}
.yf-faturalar-kalemler{display:flex;flex-direction:column;gap:6px}
.yf-faturalar-kalem{display:grid;grid-template-columns:minmax(0,1fr) 92px 96px auto;gap:6px;align-items:center}
.yf-faturalar-kalem .yf-girdi{width:100%;min-width:0}
.yf-faturalar-taslak{flex:1;min-height:0;display:flex}
.yf-faturalar-taslak-liste{width:300px;flex:0 0 300px;border-right:1px solid var(--ya-hair,rgba(63,44,27,.13));padding:16px;display:flex;flex-direction:column;gap:8px;overflow:auto}
.yf-faturalar-taslak-kart{text-align:left;font:inherit;font-size:12.5px;color:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--ya-hair,rgba(63,44,27,.13));background:var(--ya-kar,#FFFEFB);display:flex;flex-direction:column;gap:4px;cursor:pointer}
.yf-faturalar-taslak-kart.aktif{background:rgba(224,123,42,.09)}
.yf-faturalar-taslak-kart-ust{display:flex;justify-content:space-between;align-items:center;gap:8px}
.yf-faturalar-baslik{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.yf-faturalar-baslik h2{margin:0;font-size:20px}
.yf-faturalar-izgara2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:1100px){
  .yf-faturalar-izgara2{grid-template-columns:1fr}
  .yf-faturalar-taslak-liste{width:240px;flex-basis:240px}
}