:root{
--t1:#2E5A88; --t2:#B7791F; --t3:#1F7A4D; --t4:#A24936; --t5:#5B2E91;
--t6:#0F766E; --t7:#B45309; --t8:#7C2D5B; --t9:#3B5BA5; --t10:#556B2F; --t11:#8A3324;
--ink:#16324F; --ink2:#2E5A88; --paper:#F4F6F9; --surface:#FFFFFF;
--line:#DCE3EC; --amber:#B7791F; --amber2:#8f5d15;
--ok:#1F7A4D; --warn:#C0392B; --mut:#6B7A8C;
--tl:#A24936; --eur:#5B2E91; --usd:#1F7A4D; --dzd:#2E5A88;
--mono:"Consolas","Menlo","DejaVu Sans Mono",monospace;
/* ===== EKRAN YOĞUNLUĞU (Sürüm 9.17) — TEK KARAR YERİ =====
Ölçü DİA'dan alındı: DİA satırı bizimkinin ~%51'i idi. 23 px, DİA'nın bir
tık üstü. Aşağıdaki değerler dışında hiçbir tablo kuralında piksel YOK —
beş ayrı yerde tekrar eden padding/font, v9.3'te masraf kuralının üç yere
dağılmasıyla aynı hatadır. */
--sat-y:3px; /* td dikey iç boşluk → satır = lh + 2y + 1 = 23px */
--sat-x:8px; /* td yatay iç boşluk */
--sat-font:12.5px;
--sat-lh:16px;
--bas-y:4px; /* sütun başlığı */
--bas-font:10.5px;
--bas-lh:12.5px;
--ss-kat:1.44; /* süzgeç şeridi = veri satırının katı → 33px */
--ss-h:calc((var(--sat-lh) + 2*var(--sat-y) + 1px) * var(--ss-kat));
--ac-en:620px; /* esnek metin sütununun ÜST SINIRI */
--zebra:#EDF3F9; /* çift satır zemini */
--satir-vurgu:#E7F0FA;
--hbar-h:0px; /* dipteki çubuk varsa JS 16px yapar */
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:15px}
button{font-family:inherit;cursor:pointer}
input,select{font-family:inherit;font-size:15px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus{outline:2px solid var(--ink2);outline-offset:0}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.chip{display:inline-block;padding:1px 8px;border-radius:4px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px}
.chip.TL{background:var(--tl)}.chip.EUR{background:var(--eur)}.chip.USD{background:var(--usd)}.chip.DZD{background:var(--dzd)}
/* ---------- login ---------- */
#login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#16324F 0%,#2E5A88 100%)}
.login-card{background:#fff;border-radius:10px;padding:34px 30px;width:min(400px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.wordmark{font-weight:800;font-size:22px;letter-spacing:1px}
.wordmark span{color:var(--amber)}
.login-card p.sub{color:var(--mut);font-size:13px;margin:4px 0 22px}
.field{margin-bottom:14px}
.field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:5px;letter-spacing:.4px}
.btn{background:var(--ink);color:#fff;border:none;border-radius:6px;padding:11px 16px;font-size:15px;font-weight:600;width:100%}
.btn:hover{background:var(--ink2)}
.btn.amber{background:var(--amber)}.btn.amber:hover{background:var(--amber2)}
.demo-row{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.demo-row button{flex:1;min-width:86px;background:#EFF3F8;border:1px solid var(--line);border-radius:6px;padding:8px 4px;font-size:12px;color:var(--ink2);font-weight:600}
.login-err{color:var(--warn);font-size:13px;margin-top:10px;display:none}
.proto-note{margin-top:18px;font-size:11px;color:var(--mut);border-top:1px dashed var(--line);padding-top:10px}
/* ---------- shell ---------- */
#app{display:none;min-height:100vh}
/* --- Sabit (sticky) üst bar: logo/menü + sekme şeridi birlikte (Sürüm 3.3) --- */
#topbar{position:sticky;top:0;z-index:30;box-shadow:0 2px 8px rgba(22,50,79,.10)}
header.top{background:var(--ink);color:#fff;display:flex;align-items:center;gap:14px;padding:10px 18px;transition:padding .15s}
/* Dar/dizüstü ekranda aşağı kaydırıldıkça bar incelir (yer kaplamasın) */
#topbar.kucuk header.top{padding:5px 18px}
#topbar.kucuk header.top .wordmark{font-size:15px}
#topbar.kucuk nav.tabs .sekme{padding:5px 8px 5px 11px}
header.top .wordmark{font-size:17px;color:#fff}
.userchip{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px}
.userchip .role{background:rgba(255,255,255,.15);padding:2px 9px;border-radius:20px;font-size:11px}
.userchip button{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:6px;padding:5px 10px;font-size:12px}
/* ---------- Çoklu çalışma sekmeleri (Sürüm 2.8) — DIA tarzı sekme şeridi ---------- */
nav.tabs{display:flex;align-items:stretch;gap:0;background:#E9EEF4;border-bottom:1px solid var(--line);padding:0;overflow:visible}
.sekme-strip{display:flex;gap:3px;overflow-x:auto;overflow-y:hidden;flex:1;padding:5px 4px 0 8px;scrollbar-width:thin;scroll-behavior:smooth}
.sekme-strip::-webkit-scrollbar{height:6px}
.sekme-strip::-webkit-scrollbar-thumb{background:#c3ccd8;border-radius:3px}
.sekme{display:flex;align-items:center;gap:6px;padding:7px 8px 7px 11px;font-size:13px;font-weight:600;color:var(--mut);background:#DCE3EC;border:1px solid var(--line);border-bottom:none;border-radius:9px 9px 0 0;white-space:nowrap;max-width:240px;cursor:pointer;position:relative;top:1px;user-select:none;flex:none}
.sekme:hover{background:#CFD8E3;color:var(--ink)}
.sekme .ikon{font-size:14px;line-height:1}
.sekme .ad{overflow:hidden;text-overflow:ellipsis;max-width:172px}
.sekme .kapat{margin-left:2px;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--mut);font-size:15px;line-height:1;flex:none}
.sekme .kapat:hover{background:var(--warn);color:#fff}
.sekme.act{color:var(--ink);background:#fff;border-color:var(--line);font-weight:700;box-shadow:inset 0 3px 0 var(--amber);z-index:2}
.sekme.act:hover{background:#fff}
.sekme.suru-drag{opacity:.4}
.sekme.suru-hedef{outline:2px dashed var(--ink2);outline-offset:-2px}
.sekme-arti{flex:none;align-self:center;margin:2px 8px 0;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-size:20px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}
.sekme-arti:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.sekme-ctx,.sekme-arti-menu{position:fixed;z-index:60;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 34px rgba(0,0,0,.20);padding:5px;min-width:190px;display:flex;flex-direction:column;gap:1px}
.sekme-arti-menu{max-height:72vh;overflow-y:auto}
.sekme-ctx button,.sekme-arti-menu button{display:flex;align-items:center;gap:9px;text-align:left;background:none;border:none;padding:8px 11px;border-radius:6px;font-size:13px;font-weight:600;color:var(--ink);width:100%}
.sekme-ctx button:hover,.sekme-arti-menu button:hover:not([disabled]){background:#EEF2F7}
.sekme-arti-menu button span.ik{font-size:15px;width:22px;text-align:center;flex:none}
.sekme-arti-menu button.kilit{opacity:.42;cursor:not-allowed}
.sekme-arti-menu .ust{font-size:10.5px;font-weight:700;letter-spacing:.5px;color:var(--mut);text-transform:uppercase;padding:6px 11px 3px}
#content-host{min-width:0}
main{max-width:1180px;margin:0 auto;padding:18px 14px 60px;display:grid;grid-template-columns:280px 1fr;gap:18px}
@media(max-width:860px){main{grid-template-columns:1fr}}
/* ---------- sidebar balances ---------- */
.side h3{font-size:12px;letter-spacing:1px;color:var(--mut);margin:4px 0 10px;text-transform:uppercase}
.kasa-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ink2);border-radius:8px;padding:10px 12px;margin-bottom:10px}
.kasa-card .nm{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.kasa-card .bal{font-size:19px;font-weight:700;margin-top:4px}
.kasa-card .bal.neg{color:var(--warn)}
.kasa-card .devir{font-size:11px;color:var(--mut);margin-top:2px}
/* ---------- panels ---------- */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px}
.panel h2{font-size:17px;margin-bottom:4px}
.panel p.desc{color:var(--mut);font-size:13px;margin-bottom:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}}
.fis-head{display:flex;justify-content:space-between;align-items:center;background:#F0F4F9;border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin-bottom:16px}
.fis-head .no{font-family:var(--mono);font-weight:700;color:var(--ink2)}
.fis-head .tag{font-size:11px;color:var(--mut)}
/* posting preview */
.post-prev{border:1px dashed var(--ink2);border-radius:8px;background:#F7FAFF;padding:12px 14px;margin-top:16px}
.post-prev h4{font-size:12px;letter-spacing:.8px;color:var(--ink2);text-transform:uppercase;margin-bottom:8px}
.leg{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:6px;background:#fff;border:1px solid var(--line);margin-bottom:6px;font-size:13px;flex-wrap:wrap}
.leg .dir{font-weight:700;min-width:52px}
.leg .dir.in{color:var(--ok)}.leg .dir.out{color:var(--warn)}
.leg .amt{font-family:var(--mono);font-weight:700;margin-left:auto}
/* records table */
table{width:100%;border-collapse:collapse;font-size:var(--sat-font)}
/* BAŞLIK SARABİLİR (9.17): white-space:nowrap kalktı. "CARİ DÖVİZ BAKİYE" tek
satıra zorlandığı için sütun 145 px'e çıkıyordu; iki satıra bölününce sütun
veriye göre daralıyor. Sarmaması gereken başlık th.nw alır. */
th{background:#F0F4F9;text-align:left;padding:var(--bas-y) var(--sat-x);font-size:var(--bas-font);
line-height:var(--bas-lh);letter-spacing:.5px;color:var(--ink2);text-transform:uppercase;
border-bottom:1px solid var(--line);white-space:normal;vertical-align:bottom}
th.nw{white-space:nowrap}
td{padding:var(--sat-y) var(--sat-x);border-bottom:1px solid #EDF1F6;line-height:var(--sat-lh);vertical-align:middle}
/* ZEBRA — bu kural TOPLAM/DEVİR kurallarından ÖNCE durmalı: onlar iki sınıflı
seçicilerle kendi zeminini korur, !important'a gerek kalmaz. */
tbody tr:nth-child(even) td{background:var(--zebra)}
tbody tr:hover td{background:var(--satir-vurgu)}
/* Artan tablo genişliğini yutan GÖRÜNMEZ sütun: olmazsa width:100% olan tablo
fazlalığı rakam sütunlarına dağıtır ve tutarlar sağ kenara savrulur. */
th[data-ss-dolgu],td[data-ss-dolgu]{width:100%;padding:0}
/* Sütun genişlikleri ölçülüp KİLİTLENDİKTEN sonra sabit düzen: otomatik
düzende hücre max-width'i yok sayılır ve artan yer dolgu sütununa gitmez. */
table.ss-kilitli{table-layout:fixed}
/* (9.40) KURAL VAR AMA EZİLİYORDU: .ek paneli içindeki tablolar (Kâr & Zarar)
dosyada DAHA SONRA gelen .ek table{table-layout:auto} kuralına yeniliyordu —
kilit düzeni hiç devreye girmiyor, sütunlar kilit değerlerini aşıyordu
(CARİ ÜNVAN 110 yerine 170 px, tablo kaptan 60 px taşıyordu). Özgüllük
yükseltildi: kilitli tablo .ek içinde de sabit düzendedir. */
.ek table.ss-kilitli{table-layout:fixed}
tr.ss-satir th[data-ss-dolgu]{padding:0}
/* (9.18.1) KASA DEFTERİ HÜCRELERİNDE SATIR SARMA YOK.
Sarma açıkken dar bir sütun içeriğini alt alta kırıyor ve satır yüksekliğini
üçe katlıyordu: İŞLEM'de "Düzenle"/"Sil" alt alta, FİŞ sütununda fiş no ve
kaydeden kelime kelime. Uzun metin SARMAZ — .kes ile üç noktayla kesilir ve
tamamı ipucunda kalır. Kural yalnız bu ekranı bağlar; öbür ekranlar sırayla
ele alınıyor. */
.def-tbl td{white-space:nowrap}
/* Hücre içindeki rozet/etiket KENDİ KENARLIĞIYLA satırı 23 → 25 px yapıyordu
(.yon-rozet: 16 px yazı + 1 px üst/alt kenarlık). Boy satır yüksekliğine
sabitlenir; kenarlık box-sizing gereği içeride kalır. Kural yalnız bu ekranı
bağlar — başka ekranlarda çok satırlı rozetler olabilir. */
.def-tbl td > span{height:var(--sat-lh)}
/* Esnek metin sütunu: taşan metin kesilir, tamamı ipucunda durur.
(9.18) Ekranın kendi koyduğu .kes sarmalayıcısı da aynı davranışı alır —
Kasa Defteri HESAP ADI/AÇIKLAMA/KASA hücrelerinde kullanılır. */
.ss-esnek,td > .kes{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ac-en)}
/* SÜZGEÇ ŞERİDİ — veri satırından belirgin yüksek, kutular şeridi doldurur */
tr.ss-satir th{background:#F4F7FB;padding:2px 4px;vertical-align:middle;height:var(--ss-h)}
tr.ss-satir .ss-ic{display:flex;align-items:center;gap:4px}
tr.ss-satir .ss-ic > *{height:calc(var(--ss-h) - 8px)}
tr.ss-satir input{flex:1;width:100%;min-width:40px;padding:0 6px;font-size:12px;font-weight:400;
border:1px solid var(--line);border-radius:5px}
tr.ss-satir button{flex:none;padding:0 6px;font-size:13px;line-height:1;border-radius:5px;margin:0}
/* HÜCRE İÇİ ÖĞELER SATIR YÜKSEKLİĞİNİ BELİRLEMEZ (9.17): satır 23 px'e
inince yüksekliği düğme (.act-btn 25,6 px) ve rozetler dayatıyordu —
yoğunluk kararı :root'ta, ama onu EZEN öğeler vardı. Şerit/toolbar
düğmeleri ETKİLENMEZ; kural yalnız td içi için geçerlidir. */
td .act-btn,td .btn{padding:0 7px;font-size:11px}
td .chip,td .st{padding:0 7px;font-size:10px}
td .mini{line-height:var(--sat-lh)}
/* Öğe boyu SATIR YÜKSEKLİĞİNE eşitlenir ve ÜSTE hizalanır: taban çizgisine
oturan bir kutu, altında inen harfler için ayrılan boşluk kadar satırı
uzatıyordu (23 px yerine 25,4 px). */
td .act-btn,td .btn,td .chip,td .st,td input,td select{
display:inline-block;height:var(--sat-lh);line-height:var(--sat-lh);vertical-align:top}
/* GENEL KURAL — sınıf sınıf kovalamak yerine: hücre içindeki her KUTU biçimli
öğe (rozet, etiket, düğme, bağlantı) satır yüksekliğine oturur. Tek tek
yazılsaydı yarın eklenecek yeni bir rozet satırı yine yükseltirdi.
.ss-esnek ve blok içerik (çok bacaklı hareket hücresi) dışarıdadır: onları
tek satıra sıkıştırmak VERİYİ GİZLERDİ. */
td > span:not(.ss-esnek),td > button,td > a{
padding-top:0;padding-bottom:0;line-height:var(--sat-lh);vertical-align:top}
.st{padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}
.st.bek{background:#FBEFD7;color:#8f5d15}
.st.ok{background:#E3F4EC;color:var(--ok)}
.st.red{background:#FBE3E0;color:var(--warn)}
/* Uzun listelerde iç kaydırma + SABİT kolon başlıkları (Sürüm 3.3):
tablo kendi alanında dikey kayar, thead üstte sabit kalır (viewport'ta sticky
üst barın hemen altında). Yazdırmada iptal edilir. */
/* (9.18) YÜKSEKLİK BURADA YAZILMAZ — ölçülen üst konumdan türetilir
(public/sutunsuzgec.js · ssKapBoyutla). Sabit "100vh - 92px" hesabı,
tablonun üstünde kaç şerit olduğunu bilemez: Kasa Defteri'nde süzgeç şeridi
ve dört özet kutusu yüzünden kap ekranın altından taşıyor, dipteki çubuk da
onunla birlikte görüş alanının dışında kalıyordu. İki yerden yönetilen
yükseklik bir gün ayrışır; tek yer JS'tir. */
.tbl-wrap{overflow:auto}
/* YATAY çubuk gizlenir (yerine dipte sabit .hbar konur); DİKEY KALIR —
::-webkit-scrollbar'a dokunulan öğede iki çubuk da özelleşir, dikeyi
yazmazsak sessizce kaybolur. */
.tbl-wrap::-webkit-scrollbar:horizontal{height:0}
.tbl-wrap::-webkit-scrollbar:vertical{width:11px}
.tbl-wrap::-webkit-scrollbar-thumb{background:#9FB3C8;border-radius:6px}
.tbl-wrap::-webkit-scrollbar-track{background:#EDF1F6}
/* Tablonun DİBİNE sabit yatay çubuk: kap uzun olduğunda kendi çubuğu görüş
alanının dışında kalıyor ve kullanıcı onu arıyordu. */
.hbar{position:sticky;bottom:0;left:0;z-index:6;height:16px;background:#E3E9F0;
border-top:1px solid var(--line);box-shadow:0 -2px 6px rgba(22,50,79,.10);user-select:none}
.hbar .tut{position:absolute;top:3px;height:10px;border-radius:5px;background:#7E97B3;cursor:grab}
.hbar .tut:hover,.hbar .tut.cek{background:var(--ink2)}
@media print{.hbar{display:none}}
.tbl-wrap thead th{position:sticky;top:0;z-index:4}
/* İşlem sonrası satıra dönüşte satır yapışkan başlığın altında kalmasın (3.4) */
.tbl-wrap tbody tr{scroll-margin-top:42px}
/* Tıklanabilir kod/hesap bağlantısı (cari fişleri → ekstre) — Sürüm 3.7 */
.lnk{color:var(--ink2);font-weight:700;cursor:pointer;border-bottom:1px dotted var(--ink2)}
.lnk:hover{color:var(--amber);border-bottom-color:var(--amber)}
.mini{font-size:12px;color:var(--mut)}
.act-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}
.act-btn.ok{color:var(--ok);border-color:var(--ok)}
.act-btn.red{color:var(--warn);border-color:var(--warn)}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 20px;border-radius:8px;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.3);display:none;z-index:50}
.empty{color:var(--mut);font-size:13px;padding:18px;text-align:center}
.filter-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.filter-row select,.filter-row input{width:auto;min-width:150px}
.defter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:14px}
.defter{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.defter .dh{background:var(--ink);color:#fff;padding:9px 12px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
/* (9.17) Ölçü YOK — yoğunluk :root'tan gelir. Buraya kalan yalnız RENK/AĞIRLIK. */
.defter th{font-weight:700;color:var(--ink);letter-spacing:.3px}
.defter td.num{white-space:nowrap;text-align:right}
.defter td:first-child{white-space:nowrap}
.subtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.subtab{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:700;color:var(--ink2);display:flex;align-items:center;gap:7px}
.subtab .sym{font-size:16px}
.subtab.act{background:var(--ink);color:#fff;border-color:var(--ink)}
.sumstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}
.sumcell{background:#F0F4F9;border:1px solid var(--line);border-radius:8px;padding:9px 12px}
.sumcell .lb{font-size:10px;letter-spacing:.6px;color:var(--mut);text-transform:uppercase}
.sumcell .vl{font-size:17px;font-weight:700;margin-top:2px}
.sumcell.g .vl{color:var(--ok)}.sumcell.c .vl{color:var(--warn)}
.defter .devir-row td{background:#F0F4F9;font-style:italic;font-weight:600}
.defter .num.g{color:var(--ok);font-weight:700}
.defter .num.c{color:var(--warn);font-weight:700}
.defter .toplam td{background:#E8EEF6;font-weight:700;border-top:2px solid var(--ink2)}
.rowst{font-size:10px;margin-top:2px}
.reset-zone{margin-top:26px;border-top:1px dashed var(--line);padding-top:14px}
/* --- Ana Menü (Odoo tarzı uygulama kutucukları) --- */
.home-wrap{max-width:1000px;margin:30px auto 0;padding:0 10px}
.home-hi{text-align:center;margin-bottom:26px}
.home-hi h1{font-size:22px;font-weight:800;letter-spacing:.5px}
.home-hi p{color:var(--mut);font-size:13px;margin-top:4px}
.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 10px 16px;text-align:center;cursor:pointer;transition:transform .12s,box-shadow .12s;user-select:none}
.tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(22,50,79,.14);border-color:transparent}
.tile .ic{width:58px;height:58px;border-radius:14px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:27px;color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.tile .nm{font-size:13.5px;font-weight:700;color:var(--ink)}
.tile .ds{font-size:11px;color:var(--mut);margin-top:3px}
.home-btn{background:none;border:none;color:#fff;font-size:19px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1}
.home-btn:hover{background:rgba(255,255,255,.15)}
main.full .side{display:none}
/* --- Patron Ekranı --- */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;transition:transform .12s,box-shadow .12s}
.kpi:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(22,50,79,.12)}
.kpi .lb{font-size:10.5px;letter-spacing:.7px;color:var(--mut);text-transform:uppercase;font-weight:700}
.kpi .vl{font-size:21px;font-weight:800;margin-top:4px}
.kpi .alt{font-size:11px;color:var(--mut);margin-top:2px}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}
.dcard{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--ink2);border-radius:12px;overflow:hidden;transition:box-shadow .12s}
.dcard:hover{box-shadow:0 10px 24px rgba(22,50,79,.12)}
.dcard .dh2{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--ink);cursor:pointer}
.dcard .dh2 .git{font-size:11px;color:var(--ink2);font-weight:600}
/* (9.17) Ölçü :root'tan */
.dcard tr.link{cursor:pointer}
.dcard tr.link:hover td{background:#EFF5FC}
.dcard .tr-top td{border-top:2px solid var(--ink2);font-weight:800;background:#F0F4F9}
/* (9.37) DEPARTMAN MATRİSİ SIKI DÜZENİ: 12 sütun (10 departman + ATANMAMIŞ +
TOPLAM) tek ekrana KAYDIRMASIZ sığsın diye yatay dolgu 8 → 5 px. Kapsam
YALNIZ matris tablosudur; genel --sat-x yoğunluk değişkenine DOKUNULMAZ
(ona dokunmak bütün listeleri sıkıştırırdı). */
.mtr-siki th,.mtr-siki td{padding-left:5px;padding-right:5px}
/* --- Patron Ekranı KPI renk kodu (Sürüm 2.4) — üç grup, pastel, okunaklı --- */
.kpi.k-poz{background:#EAF6EF;border-color:#BBDFC9}
.kpi.k-neg{background:#FBEEEC;border-color:#EBC4BE}
.kpi.k-neutral{background:#F1F3F6;border-color:#DDE3EC}
.kpi .kpi-muaf{font-size:9.5px;letter-spacing:.3px;color:var(--mut);text-transform:uppercase;margin-top:3px;font-weight:700}
.kpi.k-sermaye{border:2px solid var(--ink2);background:#F4F8FD}
.kpi.k-toplam{border:2px solid var(--amber);background:#FDFAF3}
/* --- Sürükle-bırak düzen (Sürüm 2.4) --- */
.duzenlenebilir [draggable=true]{cursor:grab}
.duzenlenebilir [draggable=true]:active{cursor:grabbing}
.suru-drag{opacity:.4}
.suru-hedef{outline:2px dashed var(--ink2);outline-offset:2px}
.duzen-arac{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tasi-oklar{display:none}
.duzen-modu .tasi-oklar{display:inline-flex;gap:2px;position:absolute;top:4px;right:4px;z-index:3}
.tasi-oklar span{display:inline-flex;align-items:center;justify-content:center;background:rgba(22,50,79,.08);border:1px solid var(--line);border-radius:5px;width:22px;height:22px;font-size:12px;line-height:1;cursor:pointer}
.tasi-oklar span:hover{background:rgba(22,50,79,.18)}
.duzen-modu .kpi,.duzen-modu .tile{position:relative}
.duzen-modu .kpi::after,.duzen-modu .tile::after{content:"⠿";position:absolute;top:4px;left:6px;color:var(--mut);font-size:14px;opacity:.6}
.duzen-modu nav.tabs button{position:relative;border:1px dashed var(--line)!important}
.tab-duzen-arac{display:none;align-items:center;padding:0 8px}
.duzen-modu .tab-duzen-arac{display:inline-flex}
.tab-duzen-arac .act-btn{white-space:nowrap;font-size:11px;padding:4px 8px}
@media print{
.kpi.k-poz,.kpi.k-neg,.kpi.k-neutral{background:#fff!important;border-color:#ccc!important}
.duzen-arac,.tasi-oklar{display:none!important}
}
/* --- Cari Ekstre: tam ekran sade görünüm --- */
main.full{grid-template-columns:1fr;max-width:none;padding:2px;gap:0}
main.full aside{display:none}
main.wide{max-width:none;padding:10px 8px;grid-template-columns:235px 1fr;gap:14px}
.ek-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:6px 4px;flex-wrap:wrap}
.ek-bar h2{font-size:16px}
.ek-bar .sel{min-width:340px}
.ek-bar .btn{width:auto;padding:9px 18px}
/* (9.39) .chk yalnız .fbar altında tanımlıydı; ekstre barında genel input
{width:100%} kuralı kutuyu şerit gibi uzatıyor — ölçüldü. width:auto ŞART. */
.ek-bar .chk{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer}
.ek-bar .chk input{width:auto}
.ek table{width:100%;border-collapse:collapse;table-layout:auto}
.ek th{background:#F0F4F9;color:var(--ink);text-align:left;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid var(--line)}
.ek th.grp{background:#E4EAF2;font-size:var(--bas-font);text-align:center;border-bottom:2px solid #9DB0C6}
.ek td{border-bottom:1px solid #EDF1F6}
.ek td.n,.ek th.n{white-space:nowrap;text-align:right}
.ek .sep{border-left:2px solid #9DB0C6}
.ek .nw{white-space:nowrap}
/* (9.17) th ARTIK SARABİLİR: "CARİ DÖVİZ BAKİYE" tek satıra zorlandığı için
sütun 145 px'e çıkıyordu. (9.19) Veri hücrelerinde SATIR SARMA YOK: bir
hücrenin içeriği asla alt alta kırılmaz; sığmayan metin üç noktayla kesilir
ve tamamı ipucunda kalır (v9.18.1 dersi — sarma açıkken satır 23 yerine
85 px oluyordu). */
.cari-tbl td{white-space:nowrap}
/* Üç noktanın otomatik tablo düzeninde çalışmasının TEK yolu: hücreye
max-width:0 vermek. Genişliği | belirler, hücre ona uyar. */
.cari-tbl td.esnek{max-width:0}
/* Hücre içi düğme ve rozetler satır yüksekliğine oturur (v9.17 kuralı).
ÜSTE hizalanır: taban çizgisine oturan kutu, altında inen harfler için
ayrılan boşluk kadar satırı uzatır (v9.17'de ölçüldü). */
.cari-tbl td .act-btn,.cari-tbl td .chip,.cari-tbl td .st,.cari-tbl td > span{
display:inline-block;vertical-align:top;height:var(--sat-lh);
line-height:calc(var(--sat-lh) - 2px);padding-top:0;padding-bottom:0}
/* (9.19) TEK SATIRLIK ŞERİT: etiket ve kutu sıkışır, şerit ~50 px'e iner.
Yalnız bu ekrandaki şeride uygulanır. */
.fbar.dar{padding:5px 10px;gap:8px;flex-wrap:nowrap}
.fbar.dar label{font-size:10.5px;margin-bottom:1px}
.fbar.dar input,.fbar.dar select{padding:2px 7px;font-size:12.5px;height:24px}
.fbar.dar .chk{padding-bottom:0;font-size:11.5px}
.fbar.dar .btn,.fbar.dar .act-btn{padding:4px 12px}
/* (9.19) Özet şeridi tablonun ALTINDA: kabın dibiyle arasında pay bırakılır ki
ilk açılışta görüş alanına girmesin (kap yüksekliği pencereden ALT_BOSLUK
kadar kısadır). */
/* Pay TEK SAYIDIR ve iki ekran da onu kullanır: kap yüksekliği pencereden
ALT_BOSLUK (26 px) kadar kısa bırakılıyor; şerit bundan daha az pay bırakırsa
ucu ilk ekranda görünür (9.20'de ölçüldü: 10 px payla şerit 884 px'te kaldı,
pencere 900 px). */
.sumstrip.altta,.sumstrip.alt{margin-top:30px}
/* (9.34) ŞERİDİN HEMEN ALTINDAKİ UYARI ŞERİDİ — kaydırmadan görünür.
Yalnız BİLGİ aşağı iner; o anki rakamların NASIL OKUNACAĞINI değiştiren uyarı
yukarıda kalır (9.31 kuralı). noprint DEĞİLDİR: eksik maliyetle basılan bir
envanter listesi, eksik olduğunu kâğıtta da söylemelidir.
(9.36) ÜÇÜNCÜ EKRAN GELDİ: Faturalar da bu uyarıyı kullanıyor, o yüzden
Fatura Kâr & Zarar'daki SATIR İÇİ kopya da bu sınıfa alındı — kural üçüncü
ekrana gelince kopyalanmaz, ortak sınıfa taşınır (v9.28).
KAPSAM: Stoklar · Faturalar · Fatura Kâr & Zarar. */
.uyari-ust{font-size:12px;margin:6px 0;padding:8px;background:#FFF4E5;
border-left:4px solid var(--warn);font-weight:600;color:var(--ink)}
/* (9.23) SIRA SEÇİCİ — yedi fiş listesinde AYNI görünür. Şerit içinde de,
Tüm Hareketler'deki başlık satırında da tek satır kalır (sarmaz). */
.field.sira{display:flex;align-items:center;gap:5px;margin:0;flex:none;min-width:0}
.field.sira label{margin:0;white-space:nowrap;font-size:11px;letter-spacing:.4px}
.field.sira select{width:auto;min-width:0;padding:4px 6px;font-size:12px}
/* (9.21) FİŞ LİSTELERİ — hücre içeriği SARMAZ (v9.18.1 · 9.19 · 9.20 kuralı).
Ölçüldü: aksiyon sütunu 72 px'e sıkışıp dört düğmeyi alt alta sardığı için
satır 23 px yerine 55–71 px oluyordu. */
.fis-tbl td{white-space:nowrap}
/* Üç noktanın otomatik tablo düzeninde çalışmasının TEK yolu: hücreye
max-width:0 vermek. Genişliği | belirler, hücre ona uyar.
.kesli: SABİT genişlikli ama içeriği taşabilen sütun (DEPARTMAN, EKLEYEN).
Ölçüldü: kesme bağlanmadığında bu iki sütun verilen genişliğe inmiyor ve
tabloyu 88 px taşırıyordu. */
.fis-tbl td.esnek,.fis-tbl td.kesli{max-width:0}
/* Hücre içi düğme ve rozetler satır yüksekliğine oturur; ÜSTE hizalanır —
taban çizgisine oturan kutu, inen harfler için ayrılan boşluk kadar satırı
uzatır (v9.17'de ölçüldü). */
.fis-tbl td .act-btn,.fis-tbl td .chip,.fis-tbl td .st,.fis-tbl td > span{
display:inline-block;vertical-align:top;height:var(--sat-lh);
line-height:calc(var(--sat-lh) - 2px);padding-top:0;padding-bottom:0}
/* (9.33) KESME SARMALAYICISI BLOK KALIR. Yukarıdaki satır-yüksekliği kuralının
".fis-tbl td > span" seçicisi (0,1,2) v9.18'in "td > .kes" kuralını (0,1,1)
ÖZGÜLLÜKLE EZİYOR ve display:block'u inline-block yapıyordu. inline-block
hücreyi doldurmaz, İÇERİĞİ KADAR genişler: üç nokta hücre kenarında değil
--ac-en sınırında devreye giriyor, metin komşu sütunun ÜSTÜNE biniyordu.
Canlı ölçüldü (Banka Fişleri · ADM-0709 · 1700 px): 216 px'lik AÇIKLAMA
hücresinde kutu 414 px'e uzuyor, hücreden 206 px taşıyor ve GİREN sütununu
örtüyordu — 81.254,00 okunmuyordu; üç nokta hiç devreye girmiyordu.
height/line-height v9.21 kuralından GELMEYE DEVAM EDER, yalnız display geri
alınır: satır yüksekliği 23 px'te kalır, v9.21'in çözdüğü sorun geri gelmez.
Kapsam .fis-tbl'i kullanan ÜÇ ekran: Banka Fişleri · Cari Hesap Fişleri ·
(9.44) Fişler. */
.fis-tbl td > span.kes{display:block}
/* (9.45) TUTAR PARÇALARI ALT ALTA — çok dövizli fişte her döviz kendi
satırında. Sütun genişliği en uzun TEK parça kadar kalır; kazanılan yer
CARİ HESAP ve AÇIKLAMA'ya gider. Her parça kendi içinde SARMAZ.
KAPSAM: yalnız Fişler listesinin TUTAR hücresi (.tut-cok). */
.fis-tbl td.tut-cok .tut-sat{display:block;white-space:nowrap}
/* (9.48) TÜM HAREKETLER — HAREKET sütunu: her bacak kendi satırında, kendi
içinde sarmaz; taşan bacak kırpılır ve tamamı ipucunda kalır. Aynı mantık,
çok parçalı tutar hücresiyle aynı (v9.45). */
.fis-tbl td.hrk-cok{max-width:0}
.fis-tbl td.hrk-cok .hrk-sat{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Ayraç YALNIZ dosya/kâğıt içindir: ekranda satır sonu onun işini görür.
Silinirse Excel'de parçalar birbirine yapışır (v9.45'te ölçüldü).
ÖZGÜLLÜK ŞART (v9.33'ün aynı tuzağı): yukarıdaki ".fis-tbl td > span"
kuralı (0,1,2) display:inline-block veriyor ve düz ".xls-ayrac" (0,1,0)
kuralını EZİYOR — ölçüldü: ayraç ekranda 7 px yer kaplıyordu. */
.fis-tbl td > span.xls-ayrac,.xls-ayrac{display:none}
/* TOPLAM satırı çok satırlı özet taşır — orada sarma serbesttir. */
.fis-tbl tr.toplam td{white-space:normal}
/* (9.20 · 9.21'de ORTAKLAŞTIRILDI) TEK SATIR SÜZGEÇ ŞERİDİ — sarmaz.
Sardığı anda kazanç geri gider. Etiket kutunun SOLUNDA; uzun etiket metni
KAYNAKTA durur, hangisinin görüneceğine burası karar verir.
Ekran başına kopyalanmaz: şeridi tek satır isteyen ekran class="fbar tek"
yazar (9.20'de yalnız .def-main altındaydı; 9.21'de üç ekran kullanıyor). */
/* overflow GİZLENMEZ, KAYDIRILIR: gizlemek dar pencerede Excel düğmesini hiçbir
iz bırakmadan yok ederdi — bu projede hiçbir denetim sessizce kaybolmaz. */
.fbar.tek{flex-wrap:nowrap;align-items:center;gap:5px;padding:7px 10px;overflow-x:auto}
/* Tek satır bir ÖLÇÜNÜN sonucudur, dilek değil: denetimlerin toplamı ölçüldü.
Bu genişliğin altında şerit KAYDIRILMAZ, SARAR — dar dizüstünde iki satır,
düğmeyi görünmez kılan yatay kaydırmadan iyidir.
(9.23) Eşik 1480 → 1560: SIRA seçicisi eklendiğinde en kalabalık şerit
(Banka Fişleri) 1551 px istiyor — ölçüldü. Eşiği güncellemek yerine seçiciyi
gizlemek, denetimi yok etmek olurdu.
(9.35) Eşik 1560 → 1640: "Sıfır bakiyelileri gizle" kutusu eklenince EN
KALABALIK ŞERİT Stoklar oldu. Canlı ölçüldü (Chromium, Segoe UI): kutusuz
asgari 1488 px, kutu 120 px + 5 px boşluk → 1613 px. 1560'ta kalsaydı
1560-1613 arası pencerelerde şerit sarmaz, yatay kaydırmaya düşerdi.
Yan etki sınırlı: flex-wrap:wrap yalnız SIĞMAYAN şeridi sarar — sığan
şeritler (Banka Fişleri 1551 dâhil) yeni eşiğin altında da tek satır kalır. */
@media(max-width:1640px){.fbar.tek{flex-wrap:wrap;overflow-x:visible}}
.fbar.tek .field{display:flex;align-items:center;gap:5px;flex:none;min-width:0}
.fbar.tek .field label{margin:0;white-space:nowrap;font-size:11px}
.fbar.tek .field input,.fbar.tek .field select{width:auto;min-width:0;padding:4px 7px;font-size:12.5px}
.fbar.tek .ara{flex:1;min-width:132px}
.fbar.tek .ara input{width:100%;flex:1}
.fbar.tek .chk{padding-bottom:0;white-space:nowrap;flex:none;gap:4px;font-size:11px}
/* !important ŞART: Yenile/Yazdır/Excel düğmelerinin dolgusu paylaşılan
yazdirExcelBtns() içinde SATIR İÇİ yazılıdır (ekranların çoğu öyle istiyor);
satır içi bildirimi sınıfla ezmenin başka yolu yok. Kapsam tek satırlık
şeritle sınırlı. */
.fbar.tek .act-btn,.fbar.tek .btn{white-space:nowrap;flex:none;padding:5px 9px!important}
.fbar.tek .sag{margin-left:auto;flex:none;white-space:nowrap}
.fbar.tek .sag > span{flex-wrap:nowrap}
.fbar.tek .mini{font-size:10.5px}
/* Kısaltma YALNIZ alan etiketlerinde; düğme ve onay kutusu adları TAM kalır. */
.fbar.tek .field label .kisa{display:inline}
.fbar.tek .field label .uzun{display:none}
/* (9.17) .fit ARTIK GENEL: kural yalnız .cari-tbl altında tanımlıydı ve
app.js'teki 57 class="fit" kullanımının çoğu (Faturalar, Siparişler…)
hiçbir işe yaramıyordu. */
th.fit,td.fit{width:1%}
.fbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:10px}
.fbar .field{margin:0;min-width:150px}
.fbar label{font-size:12px;font-weight:700;color:var(--ink)}
.fbar input,.fbar select{padding:7px 9px;font-size:13px}
.fbar .chk{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink2);padding-bottom:9px}
.ek td.ac{width:99%}
/* (9.39) EKSTRE AÇIKLAMASI TEK SATIR — fiş listeleri kalıbı: kırpılır, tamamı
fare ipucunda. max-width:0 şart (v9.18.1: genişliği th belirler, hücre uyar). */
.ek td.ac{max-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ek .toplam td{background:#E8EEF6;font-weight:700;border-top:2px solid var(--ink2)}
/* ---------------------------------------------------------------------------
STOK EKSTRESİ KOLON DÜZENİ (Sürüm 8.4) — yalnız düzen, içerik/hesap aynı
Kural: sayısal ve sabit içerikli kolonlar İÇERİĞE GÖRE EN DAR hâlini alır
(width:1% + nowrap → tarayıcı onları içeriğin gerektirdiği kadar bırakır,
rakam ASLA sarmaz); artan genişlik CARİ ile AÇIKLAMA arasında 60/40
paylaştırılır ve ikisi de esnektir (sabit piksel YOK — pencere büyüyünce
birlikte büyürler).
Kırpma: max-width:0 hilesi, table-layout:auto'da yüzdeli kolonlarda
ellipsis'i çalıştırır. Tam metin title ile erişilebilir kalır.
--------------------------------------------------------------------------- */
.sek-tbl{table-layout:auto}
/* Dar kolonlar: içeriğe göre en dar, sarma yok */
.sek-tbl th.dar,.sek-tbl td.dar,.sek-tbl th.n,.sek-tbl td.n{width:1%;white-space:nowrap}
/* Esnek ikili: artan yer 60/40 — CARİ öncelikli */
.sek-tbl th.c-cari,.sek-tbl td.c-cari{width:60%;min-width:170px;max-width:0}
.sek-tbl th.c-ac,.sek-tbl td.c-ac{width:40%;min-width:120px;max-width:0}
/* Taşan metin üç noktayla kesilir; tam hâli title'da durur, KAYBOLMAZ */
.sek-tbl td.c-cari .kes,.sek-tbl td.c-ac .kes{
display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Satır altı ek bilgi (lot kırılımı bağlantısı, kur devri notu) — kırpılmaz */
.sek-tbl td .altbilgi{display:block;font-size:10.5px;color:var(--mut);white-space:nowrap;margin-top:1px}
.sek-tbl td.c-ac .altbilgi{overflow:hidden;text-overflow:ellipsis}
/* Dar pencere: önce AÇIKLAMA daralır, CARİ daha geç — min-width farkı bunu verir.
Sayısal kolonlar korunur; gerekirse .tbl-wrap yatay kaydırır. */
@media (max-width:1100px){
.sek-tbl th.c-ac,.sek-tbl td.c-ac{min-width:90px}
.sek-tbl th.c-cari,.sek-tbl td.c-cari{min-width:150px}
}
@media print{
.sek-tbl td.c-cari .kes,.sek-tbl td.c-ac .kes,.sek-tbl td.c-stok .kes{white-space:normal;overflow:visible}
}
/* --- (9.51) FATURA KÂR & ZARAR'A ÖZGÜ ------------------------------------
.sek-tbl'i Stok Ekstresi de kullanıyor: oradaki 60/40 CARİ/AÇIKLAMA
paylaşımı DEĞİŞMEZ. Bu tabloda ise CARİ ile STOK'un genişliği v9.18'in
esnek2 mekanizmasından (satır içi) gelir, AÇIKLAMA ise kaydırılan bölgededir
ve SABİT ende durur. Özgüllük iki sınıfla yükseltilir (.sek-tbl.kz-tbl):
eşit özgüllükte dosya sırası karar verirdi — v9.40'ın dersi. */
.sek-tbl.kz-tbl th.c-cari,.sek-tbl.kz-tbl td.c-cari{width:auto}
.sek-tbl.kz-tbl th.c-ac,.sek-tbl.kz-tbl td.c-ac{width:280px;min-width:280px;max-width:280px}
.sek-tbl.kz-tbl td.c-ac .kes{max-width:280px}
/* STOK artık esnek metin sütunu: kırpma üçlüsü CARİ ile aynı */
.sek-tbl.kz-tbl th.c-stok,.sek-tbl.kz-tbl td.c-stok{min-width:170px;max-width:0}
.sek-tbl.kz-tbl td.c-stok .kes{
display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){.sek-tbl.kz-tbl th.c-ac,.sek-tbl.kz-tbl td.c-ac{min-width:280px}}
/* KÂĞITTA KAYDIRMA YOKTUR: ekranda sütunlar sabit piksele kilitlenir (yatay
kaydırma bunu gerektirir) ama baskıda o kilitler tabloyu sayfadan taşırır.
Kâğıtta 12 sütunun hepsi basılır ve genişliği sayfa paylaştırır; metin zaten
sarabildiği için (yukarıdaki print kuralı) hiçbir şey kesilmez. */
@media print{
.sek-tbl.kz-tbl,.sek-tbl.kz-tbl th,.sek-tbl.kz-tbl td,.sek-tbl.kz-tbl td .kes{
width:auto!important;min-width:0!important;max-width:none!important;table-layout:auto!important}
}
/* Yönetici girişi rozeti (Sürüm 2.6) — küçük, soluk; baskıda da görünür */
.yon-rozet{display:inline-block;font-size:10px;font-weight:700;color:#6B7A8C;background:#EEF1F5;border:1px solid #DDE3EC;border-radius:4px;padding:0 4px;margin-left:5px;letter-spacing:.2px;cursor:help;vertical-align:middle}
@media print{.yon-rozet{background:#fff;border-color:#bbb;color:#333}}
.print-baslik{display:none}
@media print{
header.top,nav.tabs,#topbar,.noprint,aside,.subtabs,.fbar,.sumstrip{display:none!important}
main{padding:0!important;max-width:none!important;display:block!important}
body{background:#fff}
.ek{border:none}
/* Baskıda sabitleme/iç kaydırma iptal — tüm satırlar tek akışta yazılsın */
#topbar{position:static!important;box-shadow:none!important}
.tbl-wrap{overflow:visible!important;max-height:none!important}
.tbl-wrap thead th{position:static!important}
.print-baslik{display:block!important;font-weight:800;font-size:13px;margin:0 0 6px;letter-spacing:.3px}
@page{size:landscape;margin:0.5mm}
}
.reset-zone button{background:none;border:1px solid var(--warn);color:var(--warn);border-radius:6px;padding:7px 12px;font-size:12px}
/* --- AZPICK: aranabilir, tam-ünvan açılır seçim listesi (Sürüm 3.0) --- */
.azpick{position:relative;width:100%}
.azpick-inp{width:100%;padding-right:26px}
.azpick-ok{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--mut);font-size:11px;pointer-events:auto;cursor:pointer}
.azpick-panel{position:absolute;top:calc(100% + 3px);left:0;z-index:45;min-width:100%;width:max-content;max-width:min(92vw,540px);max-height:min(52vh,340px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.20);padding:4px}
.azpick-panel.ust{top:auto;bottom:calc(100% + 3px)}
.azpick-panel.sag{left:auto;right:0}
.azpick-liste{display:flex;flex-direction:column;gap:1px}
.azpick-sat{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:7px 9px;border-radius:6px;cursor:pointer;font-size:13.5px}
.azpick-sat.serbest{grid-template-columns:1fr}
.azpick-sat:hover,.azpick-sat.aktif{background:#EEF2F7}
.azpick-sat.secili{background:#E8EEF6}
.azpick-k{font-family:var(--mono);font-weight:700;color:var(--ink2);white-space:nowrap}
.azpick-a{color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.azpick-bos{padding:12px;color:var(--mut);font-size:13px;text-align:center}
/* --- Geçmiş tarih soluk uyarısı (Sürüm 3.1) --- */
.tarih-uyari{font-size:11px;color:var(--mut);margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}
/* (9.77) Uzak tarih sessiz kalmaz: 3 günden eski hatırlanmış tarih, gri bir
nottan çıkıp görünür bir uyarıya döner. Tarih zorla değiştirilmez —
yalnız görünür olur; karar kullanıcınındır. */
.tarih-uyari.uzak{color:var(--uyari,#a15c00);font-weight:600;font-size:12px}
/* (9.77) Çalışılan saat dilimi işareti — fiş giriş ekranı */
.zaman-dilimi{color:var(--mut);font-weight:400;margin-left:6px;white-space:nowrap}
.zaman-dilimi.warn{color:var(--uyari,#a15c00);font-weight:600}
.tarih-uyari .tarih-bugun{background:none;border:1px solid var(--line);color:var(--ink2);border-radius:5px;padding:1px 7px;font-size:11px;font-weight:600;cursor:pointer}
.tarih-uyari .tarih-bugun:hover{background:var(--ink2);color:#fff;border-color:var(--ink2)}
/* --- TL kuru ağırlıklı ortalama dökümü (Sürüm 2.9) --- */
.tl-kaynak{font-size:12px;color:var(--ink2);font-weight:600;cursor:pointer;border-bottom:1px dotted var(--ink2);white-space:nowrap}
.tl-kaynak:hover{color:var(--amber);border-bottom-color:var(--amber)}
.tl-dokum-ic{background:#F7FAFF;border:1px dashed var(--ink2);border-radius:8px;padding:10px 12px;margin:4px 0}
.tl-dokum-tbl{width:auto;min-width:min(560px,100%)}
.tl-dokum-tbl th{background:#E8EEF6}
.tl-dokum-tbl td.n,.tl-dokum-tbl th.n{text-align:right;white-space:nowrap}
.tl-dokum-tbl .toplam td{background:#E8EEF6;font-weight:700;border-top:2px solid var(--ink2)}
.tl-dokum-ic p.mini{margin-top:8px}
kbd{display:inline-block;background:#EEF2F7;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;font:600 11px/1.6 var(--mono);color:var(--ink);min-width:14px;text-align:center}
/* ===== Kasa Defteri sol dikey kasa listesi (Sürüm 4.5) ===== */
.def-layout{display:grid;grid-template-columns:236px 1fr;gap:12px;align-items:start}
/* (9.18) Sol kasa listesi 1200 px altında daralır. 236 px'lik liste, 1100 px
pencerede tabloya 816 px bırakıyordu; İŞLEM sütununa kadar olan küme 894 px
gerektiriyor ve İŞLEM kaydırma dışında kalıyordu. Liste 148 px'e inince kap
904 px oluyor ve küme sığıyor — metin sütunlarının okunabilirlik tabanına
(150 px) dokunmadan. */
@media(max-width:1200px){.def-layout{grid-template-columns:148px 1fr}}
.def-main{min-width:0}
.def-kasalist{position:sticky;top:calc(var(--topbar-h, 96px) + 4px);max-height:calc(100vh - var(--topbar-h, 96px) - 20px);overflow:auto;display:flex;flex-direction:column;gap:9px;padding-right:2px}
.dk-grup{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(20,30,50,.04);flex-shrink:0}
.dk-bas{font-size:10.5px;font-weight:800;letter-spacing:.6px;padding:6px 10px;color:#fff}
.dk-bas.genel{background:#26356b}
.dk-bas.cez{background:#3a7bbf}
.dk-bas.izm{background:#3f9d5a}
.dk-bas.ist{background:#7a5bb0}
.dk-bas.ank{background:#69737f}
.dk-bas.dig{background:#8a94a3}
.def-kasa{display:grid;grid-template-columns:20px 1fr auto;gap:6px;align-items:center;width:100%;text-align:left;border:none;border-left:4px solid transparent;border-top:1px solid #eef1f5;background:#fff;padding:7px 9px;cursor:pointer;font-size:12px;color:var(--ink);font-family:inherit}
.def-kasa:first-of-type{border-top:none}
.def-kasa:hover{background:#f4f8fd}
.def-kasa.genel{border-left-color:#26356b;background:#eef0f7}
.def-kasa.cez{border-left-color:#3a7bbf;background:#eef6fd}
.def-kasa.izm{border-left-color:#3f9d5a;background:#eef8f0}
.def-kasa.ist{border-left-color:#7a5bb0;background:#f4eefb}
.def-kasa.ank{border-left-color:#69737f;background:#f1f3f6}
.def-kasa.dig{border-left-color:#8a94a3;background:#f4f6f8}
.def-kasa.secili{border-left-width:7px;font-weight:800;box-shadow:inset 0 0 0 1.5px rgba(20,30,50,.16);filter:saturate(1.15) brightness(.98)}
.dk-sym{font-weight:800;color:var(--ink2);text-align:center}
.dk-ad{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
.dk-bak{text-align:right;font-weight:700;white-space:nowrap;font-size:11px;color:var(--ink)}
.dk-bak.neg{color:var(--warn)}
/* Cari Net bileşen kutuları etiketi (Sürüm 4.7) */
.kpi .kpi-parca{font-size:9.5px;letter-spacing:.2px;color:var(--ink2);margin-top:4px;font-weight:700;border-top:1px dashed rgba(38,53,107,.25);padding-top:4px}
.kpi[data-sira-id="borclar"],.kpi[data-sira-id="alacaklar"],.kpi[data-sira-id="personel"]{box-shadow:inset 3px 0 0 var(--ink2)}
/* (9.38) KUTU AÇIKLAMALARI ⓘ ARKASINDA — KAPSAM: yalnız Patron Ekranı KPI kutuları.
Şeridin yüksekliğini rakamlar değil, her kutunun altındaki tanım/yöntem
cümlesi belirliyordu. O cümleler artık varsayılan olarak KAPALI (.kpi-ack);
köşedeki ⓘ kutuya .acik ekleyince açılır. GİZLEME KARARI EKRANDA DEĞİL
ÜRETİCİDE: hangi parçanın kpi-ack alacağına app.js'teki ack() karar verir —
rakam satırları, ⚠ uyarıları ve devir/sebep notları bu sınıfı hiç almaz.
Sürükleme tutamacı sol üstte (.duzen-modu .kpi::after), ⓘ sağ üstte durur. */
.kpi{position:relative}
.kpi .lb{padding-right:16px}
.kpi .kpi-info{position:absolute;top:6px;right:8px;font-size:13px;line-height:1;color:var(--mut);opacity:.65;cursor:pointer;user-select:none}
.kpi .kpi-info:hover{opacity:1;color:var(--ink2)}
.kpi .kpi-ack{display:none}
.kpi.acik .kpi-ack{display:block}
.kpi .kpi-uyari{color:var(--warn);font-weight:700}
@media print{
/* Kâğıda tıklanamaz: açıklamalar HER ZAMAN basılır, ⓘ basılmaz. */
.kpi .kpi-ack{display:block!important}
.kpi .kpi-info{display:none!important}
}
/* (9.49) Departman sorumlusunun KİLİTLİ departman alanı — seçici değil,
okunur etiket. Neden kilitli olduğu ipucunda yazar. */
.dep-kilit{display:flex;align-items:center;gap:6px;padding:7px 9px;font-size:13px;font-weight:700;
color:var(--ink);background:#EFF3F8;border:1px solid var(--line);border-radius:6px;white-space:nowrap}
.dep-kilit .mini{font-weight:400;color:var(--mut)}
/* Açıklama boşsa işlem türü (Sürüm 6.1) — kullanıcı metni normal, tür metni gri/italik */
.acik-tur{color:var(--mut);font-style:italic}
/* Patron Ekranı hızlı tarih kısayolları (Sürüm 5.5) */
.dash-kisayol{display:inline-flex;gap:5px;flex-wrap:wrap}
.dash-kisayol button{width:auto;padding:8px 11px;font-size:12px;font-weight:600;background:#EFF3F8;color:var(--ink2);border:1px solid var(--line);border-radius:6px;cursor:pointer;white-space:nowrap}
.dash-kisayol button:hover{background:var(--ink2);color:#fff;border-color:var(--ink2)}
/* Kâr & Zarar süzgeç rozetleri (Sürüm 8.5) — çoklu seçim, tıklanabilir */
.kz-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink2);
background:#EFF3F8;border:1px solid var(--line);border-radius:6px;padding:5px 9px;margin:2px 3px 0 0;cursor:pointer;white-space:nowrap}
.kz-chip.secili{background:#DCE8F6;border-color:#9DB0C6;color:var(--ink)}
.kz-chip input{margin:0;cursor:pointer}
@media print{.kz-chip{display:none}}
/* Kâr & Zarar ÇOKLU SEÇİM süzgeci (Sürüm 8.6)
Görünüm Cari Hesaplar'daki departman açılır kutusu; farkı TEK değil ÇOKLU
seçim. Seçenekler sunucudan (departman tanımları) gelir — sabit liste yok. */
.kz-coklu{position:relative}
.kz-kutu{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:13px;font-weight:600;
background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);text-align:left}
.kz-kutu.dolu{border-color:var(--ink2);background:#F5F9FF}
.kz-kutu .kes{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kz-kutu .ok{color:var(--mut);flex:none}
.kz-liste{position:absolute;z-index:40;left:0;right:0;top:100%;margin-top:3px;background:#fff;
border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.16);
max-height:300px;overflow-y:auto;padding:4px}
.kz-sat{display:flex;align-items:center;gap:7px;padding:6px 9px;font-size:13px;border-radius:5px;cursor:pointer;white-space:nowrap}
.kz-sat:hover{background:#EEF2F7}
.kz-sat.tumu{border-bottom:1px solid var(--line);margin-bottom:3px;padding-bottom:8px}
.kz-sat input{width:auto;margin:0;cursor:pointer}
@media print{.kz-coklu{display:none}}
/* (9.31) KÂR & ZARAR TEK SATIR ŞERİTTE — kutular daralır.
250 px'lik hâli şeridi tek satırda tutmuyordu (ölçüldü). Açılır listenin
kendisi position:absolute olduğu için şeridin YÜKSEKLİĞİNİ büyütmez. */
.fbar.tek .kz-coklu{min-width:0}
.fbar.tek .kz-kutu{padding:4px 8px;font-size:12.5px;width:auto;min-width:118px;max-width:190px}
.fbar.tek .dash-kisayol{flex:none;flex-wrap:nowrap}
.fbar.tek .dash-kisayol button{padding:4px 8px;font-size:11.5px}
.fbar.tek .ayr{width:1px;height:20px;background:var(--line);flex:none;margin:0 2px}
.fbar.tek .bas{font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--ink);white-space:nowrap;flex:none;text-transform:uppercase}
/* (9.31) YÖNTEM DİPNOTU — tablonun ALTINDA, ilk ekranda görünmez.
YAZDIRMADA ÇIKAR: hangi yöntemle üretildiği yazmayan bir kâr raporu okuyanı
yanıltır. Bu yüzden noprint DEĞİLDİR ve @media print gizleme listesine
(.fbar, .sumstrip, .subtabs…) EKLENMEZ. */
.rapor-dipnot{margin-top:26px;border-top:1px dashed var(--line);padding-top:12px}
.rapor-dipnot p{font-size:11.5px;margin:0 0 6px;padding:6px 8px;background:#EEF3FA;border-left:3px solid var(--mut);line-height:1.5}
.rapor-dipnot p.ok{background:#EAF6EE;border-left-color:var(--ok)}
/* ---------------------------------------------------------------------------
DEPARTMAN ANALİZİ (Sürüm 9.5) — tasarim/departman-panel-modelleri.html'den
uyarlanmış üç görünüm. da- öneki: mevcut .kpi/.drawer adlarıyla çakışmasın.
--------------------------------------------------------------------------- */
.da-clik{cursor:pointer;border-radius:6px;transition:background .12s}
.da-clik:hover{background:#eef4fd;outline:1px solid #cde2fb}
.da-clik:focus-visible{outline:2px solid #2a78d6;outline-offset:1px}
.da-clik .go,.go.da-clik{color:#2a78d6;font-weight:700}
.da-clik .go::after,.go.da-clik::after{content:" ›"}
.da-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;margin-bottom:14px}
.da-kpi{background:#fcfcfb;border:1px solid rgba(11,11,11,.10);border-radius:10px;padding:12px 13px}
.da-kpi .lab{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#898781;font-weight:700}
.da-kpi .val{font-size:24px;font-weight:700;margin:5px 0 2px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.da-kpi .cur{font-size:13px;color:#52514e;font-weight:600}
.da-kpi .foot{font-size:12px;color:#52514e}
.da-kpi.neg .val{color:#d03b3b}
.da-kpi.pos .val{color:#006300}
.da-grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:12px}
.da-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:1080px){.da-grid2,.da-grid3{grid-template-columns:1fr}}
/* (9.26) KARNE: dört grafik TEK IZGARADA (2×2). Oran da-grid2 ile aynı.
Yükseklik BURADA YAZILMAZ — ölçülen üst konumdan türetilir (daIzgaraBoyutla).
Kart verilen yüksekliği doldurur, SVG kalan alana yayılır. */
.da-grid4{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.da-grid4 .da-card{display:flex;flex-direction:column;overflow:hidden;min-height:0}
.da-grid4 .da-card>h3{flex:none}
.da-grid4 .da-card>.body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.da-grid4 .da-card>.body>svg,.da-grid4 .da-card>.body>div>svg{flex:1;min-height:0;width:100%;height:100%}
.da-grid4 .da-lg{flex:none}
/* Dar pencerede dört grafiği tek ekrana sıkıştırmak OKUNMAZ yapar: tek sütuna
düşer, sabit yükseklik uygulanmaz, sayfa kaydırılır. */
/* (9.27) ŞELALE görünümü — tek kart sayfayı doldurur. Yükseklik BURADA
YAZILMAZ; ölçülen üst konumdan türetilir (daIzgaraBoyutla · TAM_EN_AZ). */
.da-tam{display:flex}
.da-tam>.da-card{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.da-tam .da-card>h3{flex:none}
.da-tam .da-card>.body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.da-tam .da-card>.body>svg{flex:1;min-height:0;width:100%;height:100%}
.da-tam .da-lg{flex:none}
/* Kalem seçicileri — efsanenin düğme hâli, başlık altında şerit olarak. */
.da-adimlar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 14px;
border-bottom:1px solid rgba(11,11,11,.10);flex:none}
.da-adimlar .et{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#898781;font-weight:700;margin-right:2px}
.da-adimlar button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;
border-radius:20px;padding:3px 11px;font-size:12px;font-weight:600;font-family:inherit;color:#52514e;cursor:pointer}
.da-adimlar button i.sw{width:11px;height:11px;border-radius:3px;display:inline-block}
.da-adimlar button:hover{border-color:var(--ink2)}
/* Kapalı kalem SOLUKLAŞIR ama RENGİNİ KORUR — renk kaleme bağlıdır, sıraya değil. */
.da-adimlar button[aria-pressed="false"]{opacity:.42;text-decoration:line-through}
.da-adimlar .ayr{width:1px;height:18px;background:var(--line)}
.da-adimlar .da-hepsi{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px}
.da-adimlar .da-hepsi[disabled]{opacity:.35;cursor:default}
/* VARSAYIM ŞERİDİ YAZDIRMADA DA ÇIKAR: kâğıda basılan bir varsayımın varsayım
olduğu görünmezse, o kâğıt yalan söyler. Bu yüzden noprint DEĞİLDİR. */
.da-varsayim{background:#fff8e6;border:1px solid #ebd9a8;color:#6b5314;border-radius:8px;
padding:7px 11px;font-size:12px;line-height:1.45;margin:8px 14px 0;flex:none}
.da-varsayim b{color:#8f5d15}
/* Özet kutuları ızgaradan SONRA gelir ve ilk açılışta görünmez. Pay, v9.19'daki
alt şerit payıyla AYNI sayıdır: ızgara pencerenin dibine IZGARA_ALT_PAY kadar
yaklaşıyor; 10 px'lik payla kutuların üst ucu ekranda kalıyordu (ölçüldü). */
.da-grid4 + .da-kpis{margin-top:30px}
@media(max-width:1080px){.da-grid4{grid-template-columns:1fr;grid-template-rows:auto;height:auto!important}
.da-grid4 + .da-kpis{margin-top:12px}}
.da-card{background:#fcfcfb;border:1px solid rgba(11,11,11,.10);border-radius:10px}
.da-card>h3{margin:0;padding:11px 14px;border-bottom:1px solid rgba(11,11,11,.10);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#52514e;font-weight:700}
.da-card .sub{color:#898781;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0}
.da-card>.body{padding:14px}
.da-tbl{border-collapse:collapse;width:100%}
.da-tbl th,.da-tbl td{border-bottom:1px solid #e1e0d9;text-align:left}
.da-tbl th{letter-spacing:.05em;text-transform:uppercase;color:#898781;font-weight:700}
.da-tbl td.n,.da-tbl th.n{text-align:right;font-variant-numeric:tabular-nums}
.da-tbl tbody tr:hover{background:#f4f7fb}
.da-tbl .neg{color:#d03b3b}
.da-drawer{position:fixed;top:0;right:0;height:100%;width:min(560px,94vw);background:#fcfcfb;border-left:1px solid rgba(11,11,11,.10);box-shadow:-14px 0 42px rgba(11,11,11,.14);transform:translateX(102%);transition:transform .22s ease;z-index:60;display:flex;flex-direction:column}
.da-drawer.open{transform:none}
.da-drawer .dh{padding:13px 15px;border-bottom:1px solid rgba(11,11,11,.10);display:flex;align-items:flex-start;gap:10px}
.da-drawer .dh .t{flex:1}
.da-drawer .kicker,.da-sheet .kicker{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#898781;font-weight:700}
.da-drawer .dh .big{font-size:21px;font-weight:700;margin-top:3px}
.da-drawer .dh button,.da-sheet .sh button{appearance:none;border:1px solid rgba(11,11,11,.10);background:#fff;border-radius:7px;width:28px;height:28px;cursor:pointer;color:#52514e;font-size:15px;line-height:1}
.da-drawer .db{padding:13px 15px;overflow:auto}
.da-why{background:#f4f7fb;border:1px solid #dce7f5;border-radius:8px;padding:9px 11px;font-size:12px;color:#52514e;margin-bottom:12px}
.da-scrim{position:fixed;inset:0;background:rgba(11,11,11,.20);opacity:0;pointer-events:none;transition:opacity .22s;z-index:50}
.da-scrim.on{opacity:1;pointer-events:auto}
.da-sheet{position:fixed;left:0;right:0;bottom:0;background:#fcfcfb;border-top:1px solid rgba(11,11,11,.10);box-shadow:0 -14px 42px rgba(11,11,11,.13);transform:translateY(102%);transition:transform .22s ease;z-index:60;max-height:64vh;display:flex;flex-direction:column}
.da-sheet.open{transform:none}
.da-sheet .sh{padding:12px 18px;border-bottom:1px solid rgba(11,11,11,.10);display:flex;align-items:center;gap:12px}
.da-sheet .sb{padding:13px 18px;overflow:auto}
.da-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;margin-bottom:12px}
.da-crumb button{appearance:none;border:1px solid rgba(11,11,11,.10);background:#fff;border-radius:999px;padding:4px 11px;cursor:pointer;font:600 12px system-ui,sans-serif;color:#2a78d6}
.da-crumb .cur{background:#eef4fd;border:1px solid #cde2fb;border-radius:999px;padding:4px 11px;font-weight:700;font-size:12px}
.da-crumb .arw{color:#898781}
.da-rail{display:flex;flex-direction:column;gap:2px}
.da-rail button{appearance:none;border:0;background:transparent;text-align:left;cursor:pointer;padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:9px;width:100%;font:inherit}
.da-rail button:hover{background:#f2f5f9}
.da-rail button[aria-current="true"]{background:#eef4fd;box-shadow:inset 0 0 0 1px #cde2fb}
.da-rail .nm{flex:1;font-size:13px;font-weight:600}
.da-rail .vv{font-size:12px;font-variant-numeric:tabular-nums;color:#52514e}
.da-rail .dot{width:8px;height:8px;border-radius:50%;flex:none}
.da-tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.da-tiles .t3{grid-column:span 3}.da-tiles .t4{grid-column:span 4}.da-tiles .t5{grid-column:span 5}
.da-tiles .t6{grid-column:span 6}.da-tiles .t7{grid-column:span 7}
@media(max-width:1080px){.da-tiles .t3,.da-tiles .t4,.da-tiles .t5,.da-tiles .t6,.da-tiles .t7{grid-column:span 12}}
.da-tile{background:#fcfcfb;border:1px solid rgba(11,11,11,.10);border-radius:10px;padding:11px 12px}
.da-tile:hover{border-color:#cde2fb;background:#fcfdff}
.da-tile .lab{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#898781;font-weight:700}
.da-tile .lab .sub{color:#898781;font-weight:400;text-transform:none;letter-spacing:0}
.da-tile .val{font-size:20px;font-weight:700;margin:4px 0 1px;font-variant-numeric:tabular-nums}
.da-tile .foot{font-size:12px;color:#52514e}
.da-lg{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#52514e;margin-top:9px}
.da-lg span{display:inline-flex;align-items:center;gap:6px}
.da-lg .sw{width:10px;height:10px;border-radius:3px;display:inline-block}
/* (9.24) Referans çizgisi örneği — dolu renk kutucuğu DEĞİL, kesikli çizgi.
Hedef bir seri olmadığı için efsanede de seri gibi görünmemeli. */
.da-lg i.sw.ref{background:transparent;height:0;border-radius:0;width:16px;border-top:2px dashed currentColor}
/* (9.25) Efsane aynı zamanda aç/kapa düğmesi. Kapalı seri SOLUKLAŞIR ama
RENGİNİ KORUR — renk seriye bağlıdır, sıraya değil. */
.da-lg button{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;
background:transparent;font:inherit;color:inherit;cursor:pointer;border-radius:6px;padding:2px 7px}
.da-lg button:hover{border-color:var(--line);background:var(--paper)}
.da-lg button[aria-pressed="false"]{opacity:.4;text-decoration:line-through}
/* (9.24) AYLIK | KÜMÜLATİF anahtarı — kart başlığının sağ ucunda */
.da-seyir-anahtar{float:right;display:inline-flex;gap:2px}
.da-seyir-anahtar button{font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border:1px solid var(--line);
background:#fff;color:var(--mut);border-radius:5px}
.da-seyir-anahtar button.act{background:var(--ink);color:#fff;border-color:var(--ink)}
/* Dikey imleç yalnız o ayın şeridine gelinince görünür */
.da-bant .imlec{opacity:0}
.da-bant:hover .imlec{opacity:1}
.da-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid}
.da-badge.b-crit{color:#8f2020;background:#fdeeee;border-color:#f3caca}
.da-badge.b-good{color:#0a6b0a;background:#eaf7ea;border-color:#c6e6c6}
@media print{.da-drawer,.da-sheet,.da-scrim{display:none}}
/* --- KULLANICILAR (Sürüm 9.52) -------------------------------------------
İki sütun: solda kadro, sağda seçilenin ayarları. Yetki kutuları gruplu;
alt sekmeler girintili, ana bölüm kapalıysa SOLUK ve devre dışı (kural
src/yetki.js'te — burada yalnız görünüm). Varsayılandan sapan kutu turuncu
çerçeve + rozet taşır: yönetici "bu neden farklı" sorusunu ekranda görür. */
.kul-duzen{display:grid;grid-template-columns:320px 1fr;gap:12px;align-items:start}
.kul-liste{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:calc(100vh - 190px)}
.kul-sat{padding:8px 10px;border-bottom:1px solid var(--line);cursor:pointer}
.kul-sat:hover{background:#F4F8FD}
.kul-sat.secili{background:#E8F0FB;border-left:3px solid var(--ink2)}
.kul-sat.pasif{opacity:.55}
.kul-ad{font-weight:700}
.kul-detay{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}
.kul-blok{border-top:1px solid var(--line);padding:10px 0}
.kul-blok:first-child{border-top:0;padding-top:0}
.kul-blok h3{margin:0 0 8px;font-size:13px;letter-spacing:.3px;color:var(--ink2)}
.kul-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.kul-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mut)}
.kul-grid input,.kul-grid select{padding:7px 8px;border:1px solid var(--line);border-radius:6px;font-size:13px}
.kul-kasalar{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.kul-kural{background:#FFF6E5;border:1px solid #F0C36D;border-left:4px solid var(--amber);
border-radius:6px;padding:8px 10px;margin:10px 0;font-size:12px;font-weight:600}
.kul-izinler{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px 14px}
.kul-izin{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid transparent;border-radius:5px;font-size:12.5px}
.kul-izin.alt{padding-left:24px;font-size:12px;color:var(--mut)}
.kul-izin.sonuk{opacity:.45}
.kul-izin.sapan{border-color:var(--amber);background:#FFF8EC}
.kul-izin input{width:auto}
.kul-rozet{font-size:9.5px;font-weight:800;letter-spacing:.3px;color:#8A5A00;background:#FFE9BF;
border:1px solid #F0C36D;border-radius:4px;padding:0 4px;white-space:nowrap}
.kul-dugmeler{display:flex;gap:8px;margin-top:10px}
@media (max-width:900px){.kul-duzen{grid-template-columns:1fr}}
/* (9.55) KUTUDA KALAN KISA UYARI — kpi-ack DEĞİLDİR, ⓘ ile gizlenmez:
kesin olmayan bir rakam kesinmiş gibi okunmasın. Baskıda da çıkar. */
.kpi .kpi-uyari-kisa{display:inline-block;margin-top:6px;font-size:10px;font-weight:800;
color:#8f5d15;background:#FDF3DC;border:1px solid var(--amber);border-radius:4px;padding:2px 7px}
/* --- (9.56) ŞİRKET SEÇİMİ VE DENEME ORTAMI --------------------------------
Yanlış şirkete kayıt kazası GÖZE ÇARPMALI: denemede üst bar farklı renkte ve
en üstte bant var. Bant noprint DEĞİL — deneme çıktısı kâğıtta da "DENEME"
der, gerçek rapor sanılmasın. */
.sirket-secim{display:grid;gap:8px}
.sirket-kart{border:2px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer;background:#fff}
.sirket-kart:hover{border-color:var(--ink2)}
.sirket-kart.secili{border-color:var(--ink2);background:#EDF3FB;box-shadow:0 0 0 2px rgba(31,78,140,.12)}
.sirket-kart.deneme.secili{border-color:var(--amber);background:#FFF6E5;box-shadow:0 0 0 2px rgba(240,195,109,.25)}
.sk-ad{font-weight:800;font-size:13px}
.sk-ac{font-size:11px;color:var(--mut);margin-top:2px}
.sirket-rozet{font-size:11px;font-weight:800;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);
border-radius:20px;padding:4px 10px;white-space:nowrap}
.deneme-bant{background:#8f5d15;color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.3px;
text-align:center;padding:6px 10px}
body.deneme-ortami header.topbar,body.deneme-ortami #topbar{background:linear-gradient(90deg,#8f5d15,#b8862c)}
@media print{
.deneme-bant{display:block!important;background:#fff;color:#000;border-bottom:2px solid #000}
}
|