:root{--zemin:#f4f6f8;--kart:#fff;--yazi:#1f2933;--soluk:#6b7785;--cizgi:#e2e6ea;--ana:#1d5fa8;--yesil:#1e8a4c;--kirmizi:#c0392b;--sari:#b7791f}
*{box-sizing:border-box}
body{margin:0;font-family:"Segoe UI",Roboto,Arial,sans-serif;background:var(--zemin);color:var(--yazi);font-size:15px}
a{color:var(--ana);text-decoration:none}a:hover{text-decoration:underline}
.ust{background:#13304f;color:#fff;display:flex;align-items:center;gap:24px;padding:0 20px;flex-wrap:wrap}
.logo{color:#fff;font-weight:700;font-size:18px;padding:14px 0}
.ust nav{display:flex;flex-wrap:wrap}
.ust nav a{color:#c9d6e3;padding:16px 12px;display:block}
.ust nav a.aktif,.ust nav a:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
main{max-width:1200px;margin:0 auto;padding:20px 16px 60px}
h1{font-size:22px;margin:4px 0 16px}h2{font-size:17px;margin:0 0 12px}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:16px;margin-bottom:16px}
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;padding:14px}
.kutu .e{color:var(--soluk);font-size:13px}.kutu .d{font-size:20px;font-weight:600;margin-top:4px}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:800px){.iki{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse}
th,td{padding:8px 6px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:middle}
th{font-size:13px;color:var(--soluk);font-weight:600}
td.r,th.r{text-align:right;white-space:nowrap}
.tablo-sar{overflow-x:auto}
.arti{color:var(--yesil)}.eksi{color:var(--kirmizi)}.uyari{color:var(--sari);font-weight:600}
.gecmis{color:var(--kirmizi);font-weight:600}
form.satir{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
form.satir label{display:flex;flex-direction:column;font-size:12px;color:var(--soluk);gap:3px}
input,select,textarea{font:inherit;padding:7px 8px;border:1px solid #c8cfd6;border-radius:6px;background:#fff;min-width:0}
button,.btn{font:inherit;padding:7px 14px;border:0;border-radius:6px;background:var(--ana);color:#fff;cursor:pointer}
button.ikincil,.btn.ikincil{background:#e8edf2;color:var(--yazi)}
.btn{display:inline-block;text-decoration:none}
button.sil{background:none;color:var(--kirmizi);padding:4px 6px}
form.ic{display:inline}
.mesaj{padding:10px 14px;border-radius:6px;margin-bottom:12px;background:#e3f3ea;color:#145c33}
.mesaj.hata{background:#fbe5e2;color:#8a2416}
.etiket{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:#e8edf2}
.etiket.portfoy,.etiket.bekliyor{background:#fff3d6;color:#7a5410}
.etiket.tahsil,.etiket.odendi{background:#e3f3ea;color:#145c33}
.etiket.karsiliksiz{background:#fbe5e2;color:#8a2416}
.sekmeler{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.sekmeler a{padding:6px 12px;border-radius:6px;background:#e8edf2;color:var(--yazi)}
.sekmeler a.aktif{background:var(--ana);color:#fff}
.soluk{color:var(--soluk);font-size:13px}
details>summary{cursor:pointer;color:var(--ana);font-weight:600;margin-bottom:10px}
details form{margin-bottom:16px}
.ust{gap:16px}
.sube-sec{margin-left:auto;display:flex;align-items:center;gap:10px;padding:8px 0}
.sube-sec select{background:#1d4670;color:#fff;border-color:#3c6690}
.ust .cikis{color:#c9d6e3;font-size:13px}
.ust nav a{padding:16px 10px}
h2 .kucuk,.kucuk{font-size:13px;font-weight:400;margin-left:8px}
tr.pasif td{opacity:.55}
.kart-uyari{border-color:#e8b4ad;background:#fffafa}
form.satir.sik{gap:4px;flex-wrap:nowrap}
form.satir.sik input,form.satir.sik select{padding:5px 6px}
form.satir.sik button{padding:5px 10px}
form.satir label.yatay,label.yatay{flex-direction:row;align-items:center;gap:6px;color:var(--yazi);font-size:14px}
form.filtre{margin-bottom:14px}
form.dikey{display:flex;flex-direction:column;gap:8px}
form.dikey textarea{width:100%}
.giris-sayfa{display:flex;align-items:center;justify-content:center;min-height:100vh}
.giris-kutu{width:320px;max-width:calc(100% - 32px)}
.giris-kutu h1{text-align:center}
label.blok{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;color:var(--soluk);font-size:13px}
.not-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.not-izgara .kart{margin:0}
.not-metin{white-space:pre-wrap;margin:10px 0}
.iki.genis-sol{grid-template-columns:3fr 1fr}
@media(max-width:800px){.iki.genis-sol{grid-template-columns:1fr}.sube-sec{margin-left:0}}
details.satir-ici>summary{font-weight:400;margin:0}
details.satir-ici[open]{padding:6px 0}
td{font-size:14px}
form.satir.sik input:not([type=date]):not([type=checkbox]){width:110px}
.kart-vurgu{border-color:#9db9dc;background:#f7faff}
.kucuk-btn{padding:4px 10px;font-size:13px}
.kucuk-btn-link{font-size:13px;margin-left:6px}
.baslik-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.baslik-satir h1{margin-bottom:12px}
.buyuk-btn{padding:10px 18px;font-size:15px;font-weight:600}
.islem-btn{padding:5px 14px;font-size:13px}
td.nowrap{white-space:nowrap}
dialog.pencere{border:0;border-radius:10px;padding:0;width:520px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
dialog.pencere::backdrop{background:rgba(15,30,50,.45)}
dialog.pencere form{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.pencere-ust{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--cizgi);padding-bottom:10px}
.pencere-baslik{font-size:18px;font-weight:700}
button.kapat{background:none;color:var(--soluk);font-size:24px;line-height:1;padding:0 6px}
.pencere label.blok{margin:0}
.pencere label.blok input,.pencere label.blok select{width:100%}
.blok-etiket{color:var(--soluk);font-size:13px;margin-bottom:-6px}
.islem-secenek{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.secenek{cursor:pointer}
.secenek input{position:absolute;opacity:0;pointer-events:none}
.secenek span{display:block;text-align:center;padding:9px 6px;border:1px solid #c8cfd6;border-radius:6px;font-size:14px}
.secenek input:checked+span{background:var(--ana);color:#fff;border-color:var(--ana);font-weight:600}
.secenek input:focus-visible+span{outline:2px solid var(--ana);outline-offset:2px}
.iki-alan{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pencere-alt{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--cizgi);padding-top:12px}
.etiket.tur-cari{background:#e6eefb;color:#1d4f91}
.etiket.tur-personel{background:#f1e8fb;color:#5b2d91}
.etiket.tur-masraf{background:#fbe5e2;color:#8a2416}
.etiket.tur-gunluk,.etiket.tur-transfer,.etiket.tur-kasa{background:#e3f3ea;color:#145c33}
.etiket.tur-plan{background:#fff3d6;color:#7a5410}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:12px}
.ust-sag .sube-sec{margin-left:0}
.islem-yap-btn{background:#2f9e5a;font-weight:700;padding:8px 16px;font-size:15px;white-space:nowrap}
.islem-yap-btn:hover{background:#278a4d}
.islem-secenek.dort{grid-template-columns:repeat(4,1fr)}
#ip-bolumler button{background:#fff;color:var(--yazi);border:1px solid #c8cfd6;padding:10px 4px;font-size:14px}
#ip-bolumler button.secili{background:var(--ana);color:#fff;border-color:var(--ana);font-weight:600}
select.secim-liste{width:100%;margin-top:6px;padding:4px;font-size:14px}
select.secim-liste option{padding:5px 6px}
dialog.pencere{width:600px}
dialog.pencere form{max-height:calc(100vh - 60px);overflow:auto}
.islem-bilgi{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media(max-width:700px){.islem-secenek.dort{grid-template-columns:1fr 1fr}}
.ekstre-ust,.liste-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ekstre-ust h2{margin:0}
.indir-btnlar{display:flex;gap:6px;flex-wrap:wrap}
.btn.indir{border:0;cursor:pointer;display:inline-block;padding:7px 12px;border-radius:6px;color:#fff;font-size:14px;text-decoration:none}
.btn.indir.pdf{background:#c0392b}
.btn.indir.xlsx{background:#1e7a45}
.btn.indir.wa{background:#25d366;color:#08311a;font-weight:600}
.btn.indir:hover{opacity:.9}
.hazir-aralik{display:flex;gap:4px;flex-wrap:wrap;align-self:flex-end}
.hazir-aralik a{padding:7px 10px;background:#e8edf2;border-radius:6px;color:var(--yazi);font-size:13px}
tr.devir-satir td{background:#f7f9fb}
tr.toplam-satir th{border-top:2px solid var(--cizgi)}
button:disabled{opacity:.45;cursor:not-allowed}
.secim-kutu{border:1px solid #c8cfd6;border-radius:6px;max-height:230px;overflow:auto;margin-top:6px}
.secim-satir{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 10px;cursor:pointer;border-bottom:1px solid #eef1f4;font-size:14px}
.secim-satir:hover,.secim-satir.ilk{background:#eaf2fc}
.secim-satir .sube{color:var(--soluk);font-size:12px}
.secim-satir .bak{color:var(--soluk);font-size:12px;min-width:90px;text-align:right}
.secili-kutu{display:flex;align-items:center;gap:10px;background:#e3f3ea;border:1px solid #9fd3b3;border-radius:8px;padding:10px 12px}
.secili-kutu .tik{font-size:20px;color:#1e8a4c;font-weight:700}
.secili-kutu>div{flex:1}
.canli-ara{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.canli-ara input{flex:1;max-width:420px;font-size:15px;padding:9px 12px}
.olay-etiket{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}
.olay-etiket.eklendi{background:#e3f3ea;color:#145c33}
.olay-etiket.silindi{background:#fbe5e2;color:#8a2416}
.olay-etiket.duzenlendi{background:#e6eefb;color:#1d4f91}
.olay-etiket.ertelendi{background:#fff3d6;color:#7a5410}
tr.olay-silindi td{background:#fff7f6}
tr.olay-silindi td:nth-child(n+4){text-decoration:line-through;text-decoration-color:#c0392b88}
.durum-btn{padding:4px 10px;font-size:12px;margin-left:6px}
.durum-btn.buyuk{padding:10px 16px;font-size:14px;margin-left:0}
.durum-btn.pasif-yap{background:#f3e3e1;color:#8a2416}
.durum-btn.aktif-yap{background:#e3f3ea;color:#145c33}
.islem-bilgi .durum-btn{padding:7px 14px;font-size:inherit;margin-left:0}
.izgara.iki-kutu{grid-template-columns:1fr 1fr;margin-bottom:12px}
.blok-etiket{margin:4px 0 6px;font-size:13px;color:var(--soluk);font-weight:600}
#ip-tip-alani{margin-top:6px}
#ip-tip-alani .islem-secenek{margin-top:0}
#ip-tipler{margin-bottom:8px}
td.bakiye-hucre{font-size:15.5px;font-weight:600}
td.maas-hucre{font-size:13.5px;color:#4a5562}
/* Eski sistem görünümünde liste tablosu */
table.liste-tablo{border-collapse:collapse;border:1px solid #dcdfe3}
table.liste-tablo thead th{background:#17a2b8;color:#fff;font-size:14px;font-weight:700;padding:10px 12px;border:1px solid #dcdfe3;
  position:relative;padding-right:26px;white-space:nowrap;user-select:none}
table.liste-tablo.siralanabilir thead th:not(.sirasiz){cursor:pointer}
table.liste-tablo.siralanabilir thead th:not(.sirasiz)::after{content:"↑↓";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font-size:11px;letter-spacing:-2px;opacity:.45}
table.liste-tablo thead th[data-yon="artan"]::after{content:"↑";opacity:1;letter-spacing:0}
table.liste-tablo thead th[data-yon="azalan"]::after{content:"↓";opacity:1;letter-spacing:0}
table.liste-tablo td{border:1px solid #dcdfe3;padding:12px;font-size:14.5px}
table.liste-tablo tbody tr:nth-child(odd) td{background:#f2f2f2}
table.liste-tablo tbody tr:hover td{background:#e6f4f7}
table.liste-tablo .orta{text-align:center}
table.liste-tablo a.ad-link{color:var(--yazi)}
table.liste-tablo a.ad-link:hover{color:var(--ana)}
.rozet{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11.5px;font-weight:700;color:#fff;line-height:1.4}
.rozet.sgk-var,.rozet.aktif{background:#28a745}
.rozet.sgk-yok{background:#dc3545}
.rozet.sgk-part{background:#fd7e14}
.rozet.pasif{background:#6c757d}
.simge{background:none;border:0;padding:3px 5px;cursor:pointer;display:inline-flex;vertical-align:middle}
.simge.detay{color:#17a2b8}
.simge.yildirim{color:#f0b400}
.simge.duzenle{color:#28a745}
.simge.sil-simge{color:#dc3545}
.simge:hover{transform:scale(1.15)}
.islem-simgeler form.ic{display:inline}
table.liste-tablo td.bakiye-hucre,table.liste-tablo td.maas-hucre{white-space:nowrap}
table.liste-tablo td.bakiye-hucre{color:var(--yazi)}
table.liste-tablo td.bakiye-hucre.eksi{color:#c0392b}
table.liste-tablo tfoot th{background:#e9f6f8;border:1px solid #dcdfe3;padding:10px 12px;font-size:14px}
td.bakiye-hucre{font-size:15.5px;font-weight:600;white-space:nowrap}
td.bakiye-hucre.eksi{color:var(--kirmizi)}
td.bakiye-hucre.arti{color:var(--yesil)}
td.maas-hucre{white-space:nowrap}
.simge.yildirim{font-size:15px;padding:2px 4px}
h3.alt-baslik{font-size:14px;margin:12px 0 8px;color:var(--yazi)}
ol.adimlar{padding-left:20px;margin:0}
ol.adimlar li{margin-bottom:12px}
ol.adimlar li .soluk{display:block;margin-top:4px}
.uc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
@media(max-width:1000px){.uc{grid-template-columns:1fr}}
.uc>.kart{margin-bottom:16px}
.avans-kutu{background:#fff8e6;border:1px solid #f0d58a;border-radius:8px;padding:10px 12px}
.avans-kutu .blok{margin-bottom:6px}
#ip-taksit-onizleme{margin-top:4px;line-height:1.5}
.avans-not{font-size:11.5px;font-weight:400;color:#7a5410}
/* ---------- Giriş paneli ---------- */
body.giris-govde{margin:0;min-height:100vh;background:#e6e6e6;font-family:"Lato","Segoe UI",Arial,sans-serif;position:relative}
.giris-ust{position:absolute;top:0;left:0;right:0;height:50vh;background:#009688}
.giris-orta{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:26vh;padding-bottom:40px}
.giris-logo{font-family:"Great Vibes","Brush Script MT","Segoe Script",cursive;color:#fff;font-size:58px;line-height:1;margin-bottom:34px;
  text-shadow:0 2px 6px rgba(0,0,0,.12)}
.giris-kart{background:#fff;width:350px;max-width:calc(100vw - 32px);padding:34px 40px 44px;box-shadow:0 18px 60px rgba(0,0,0,.28);
  display:flex;flex-direction:column;gap:14px}
.giris-baslik{display:flex;align-items:center;justify-content:center;gap:10px;font-size:25px;font-weight:700;color:#222;
  padding-bottom:18px;border-bottom:1px solid #e3e3e3;margin-bottom:6px;letter-spacing:.2px}
.giris-baslik svg{color:#222}
.giris-kart label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;color:#555}
.giris-kart input[type=email],.giris-kart input[type=password],.giris-kart input[name=ad]{padding:9px 12px;border:1px solid #ccc;border-radius:3px;
  font-size:14px;font-family:inherit;background:#fff}
.giris-kart input:focus{outline:none;border-color:#009688;box-shadow:0 0 0 1px #009688}
.giris-kart label.hatirla{flex-direction:row;align-items:center;font-weight:400;color:#666;gap:6px}
.giris-btn{background:#009688;color:#fff;border:0;border-radius:3px;padding:10px;font-weight:900;font-size:14px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;margin-top:4px}
.giris-btn:hover{background:#00897b}
.giris-not{font-size:13px;color:#666;margin:0}
.giris-kart .mesaj{margin:0}
/* üst çubuk kullanıcı */
.ust .logo{font-family:"Great Vibes","Brush Script MT","Segoe Script",cursive;font-size:30px;font-weight:400;padding:8px 0}
.kullanici-ad{color:#c9d6e3;font-size:13px;white-space:nowrap}
.kullanici-ad a{color:#fff;margin-left:8px}
.ust{gap:10px;flex-wrap:nowrap}
.ust .logo{font-size:27px;white-space:nowrap}
.ust nav{flex-wrap:nowrap;overflow-x:auto}
.ust nav a{padding:16px 8px;font-size:14.5px;white-space:nowrap}
.ust-sag{gap:8px;flex-shrink:0}
.islem-yap-btn{padding:7px 12px;font-size:14px}
.sube-sec select{max-width:150px}
@media(max-width:1250px){.kullanici-ad .ad-yazi{display:none}}
@media(max-width:1000px){.ust{flex-wrap:wrap}}
@media(max-width:1450px){.ust{padding:0 12px}.ust .logo{font-size:23px}.ust nav a{padding:16px 6px;font-size:13.5px}.sube-sec select{max-width:120px}.islem-yap-btn{padding:6px 9px;font-size:13px}}
@media(max-width:1250px){.ust nav{flex-wrap:wrap;overflow:visible}.ust nav a{padding:12px 6px}}
.giris-link{display:block;text-align:center;margin-top:12px;color:#00796b;font-size:14px}
.kod-kutu{font-size:22px;letter-spacing:6px;text-align:center}
.rozet{display:inline-block;background:#e74c3c;color:#fff;border-radius:10px;font-size:11px;font-weight:700;padding:1px 6px;margin-left:4px;vertical-align:1px}
.hatirlatma-form label.genis{flex:1 1 320px}
.hatirlatma-form label.genis input{width:100%}
.kart-bugun{border-left:4px solid #f39c12}
.yapildi-btn{background:#27ae60;color:#fff;border:0;border-radius:6px;padding:5px 10px;font-weight:700;cursor:pointer}
.yapildi-btn:hover{background:#1e8c4d}
.kucuk-not{font-size:11px;max-width:200px;white-space:normal}
.sekme-ayrac{display:inline-block;width:24px}
.mesaj.uyari{background:#fff6dd;border-color:#f0c36d;color:#7a5600}
.hatirlatma-tablo details.satir-ici[open]{display:block}
.hatirlatma-tablo details.satir-ici[open] form{background:#f7f9fb;padding:8px;border-radius:6px;margin-top:6px}
.wa-bilgi a{font-weight:700}
.wa-durum{font-size:12px;line-height:1.35}
.son-odeme-form{background:#fff8e6;border:1px solid #f0d58a;border-radius:6px;padding:6px 8px;margin-bottom:4px}
.son-odeme-form label{font-size:12px}
#kartlar summary{font-weight:600}
.izin-durum{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;background:#eef1f4;color:#445}
.izin-durum.izinde{background:#dff3e7;color:#146c3a}
.izin-durum.yaklasan{background:#fff1d6;color:#8a5a00}
.izin-durum.uyari{background:#fde2df;color:#9b2416}
.izin-durum.kullanildi{background:#eef1f4;color:#667}
.isaret-btn{border:1px solid #d5dbe1;background:#fff;border-radius:6px;padding:3px 8px;font-size:12px;cursor:pointer;white-space:nowrap}
.isaret-btn.var{background:#e3f3ea;border-color:#9fd3b4;color:#145c33;font-weight:600}
.isaret-btn.yok{color:#8a2416}
tr.satir-uyari td{background:#fff8e1}
.izin-form label.genis{flex:1 1 260px}
.izin-form label.genis input{width:100%}
.makbuz-kutu{background:#f3f8ff;border:1px solid #cfe0f5;border-radius:6px;padding:8px 10px;margin:6px 0 10px}
.makbuz-kutu .soluk{display:block;font-size:12px;margin-top:2px}
.makbuz-eksik{font-size:12px;color:#9b2416;font-weight:600}
.ek-gun-form{background:#fff;border:1px solid var(--cizgi,#dde3e9);border-radius:8px;padding:8px 12px;margin-bottom:10px;align-items:center}
.ek-gun-form input{width:56px}
.cek-etiket{background:#e8eefc;color:#1d3f8f;font-weight:700}
.cek-verilis{font-size:12px;color:#1d3f8f}
.izinsiz-kisi{display:inline-flex;align-items:center;gap:6px;background:#f3f5f7;border-radius:6px;padding:4px 4px 4px 10px;margin:0 6px 6px 0}
.izin-durum.erken{background:#e8eefc;color:#1d3f8f;margin-left:4px}
.banka-bu-ay{margin:2px 0 6px;font-size:15px}
.duzenle-detay{display:inline-block;margin-right:6px}
.duzenle-detay[open]>summary::before{content:"";position:fixed;inset:0;background:rgba(15,30,50,.35);z-index:900;cursor:default}
.duzenle-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:901;
  width:min(640px,92vw);background:#fff;border-radius:10px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.25);white-space:normal}
.duzenle-form::before{content:"Hareketi düzenle";flex:1 1 100%;font-weight:700;font-size:17px}
.duzenle-form label.genis{flex:1 1 220px}
.duzenle-form label.genis input{width:100%}
.duzenle-form.satir{flex-wrap:wrap !important}
.duzenle-form label{flex:1 1 160px}
.duzenle-form label select,.duzenle-form label input{width:100%}
.duzenle-form label.genis{flex:1 1 100%}
.duzenle-form button{flex:0 0 auto}
form.duzenle-form.satir.sik input:not([type=date]):not([type=checkbox]){width:100%}
form.duzenle-form.satir.sik input,form.duzenle-form.satir.sik select{padding:7px 8px}
.hafta-sonu{font-size:12px;color:#8a5a00;font-weight:600}
.etiket.tur-cek{background:#e8eefc;color:#1d3f8f;font-weight:700}
.etiket.tur-kredi{background:#f3e8fc;color:#5b1d8f;font-weight:700}
.etiket.tur-nakit{background:#e3f3ea;color:#145c33;font-weight:700}
.etiket.tur-genel{background:#eef1f4;color:#556}
.ayar-disli{color:#c9d6e3;font-size:22px;line-height:1;padding:4px 6px;border-radius:6px;text-decoration:none}
.ayar-disli:hover,.ayar-disli.aktif{color:#fff;background:rgba(255,255,255,.12);text-decoration:none}
.hareketsiz{display:inline-block;background:#fff1d6;color:#8a5a00;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}
.eksik-gun-tablo{flex-basis:100%;max-height:420px;overflow:auto;margin-top:.5rem}
.eksik-gun-tablo td,.eksik-gun-tablo th{padding:.25rem .5rem}
.eksik-gun-tablo input.eksik-gun{width:4.5rem}
button.kucuk-btn-link.islem-link{background:none;border:0;padding:0;font-size:13px;font-family:inherit;color:var(--ana);cursor:pointer;margin-left:0;font-weight:inherit;box-shadow:none}
button.kucuk-btn-link.islem-link:hover{text-decoration:underline;background:none}

/* ================= TELEFON (iPhone) GÖRÜNÜMÜ ================= */
.menu-btn,.alt-islem-btn{display:none}
@media(max-width:760px){
  body{font-size:15px;-webkit-text-size-adjust:100%}
  .ust{gap:8px!important;padding:calc(6px + env(safe-area-inset-top)) 12px 8px!important;align-items:center;flex-wrap:wrap}
  .ust .logo{font-size:26px!important;flex:1;line-height:1.2}
  .menu-btn{display:block;background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:8px;font-size:22px;width:44px;height:40px;cursor:pointer;order:1}
  .ust nav{display:none!important;width:100%;order:3;flex-direction:column}
  body.menu-acik .ust nav{display:flex!important}
  .ust nav a{padding:13px 8px!important;font-size:16px!important;border-top:1px solid rgba(255,255,255,.08)}
  .ust-sag{width:100%;order:2;margin-left:0!important;justify-content:space-between;gap:8px}
  .ust-sag .islem-yap-btn{display:none}
  .ust-sag .sube-sec{flex:1;display:flex;align-items:center;gap:10px;justify-content:space-between}
  .sube-sec select{max-width:none!important;flex:1;font-size:16px}
  .kullanici-ad .ad-yazi{display:none}
  main{padding:12px 10px calc(96px + env(safe-area-inset-bottom))}
  h1{font-size:21px}
  h2{font-size:18px}
  .kart{padding:12px}
  .alt-islem-btn{display:block;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;
    background:var(--yesil);color:#fff;border:0;border-radius:12px;padding:15px;font-size:17px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer;z-index:850}
  dialog[open] ~ .alt-islem-btn{display:none}
  input,select,textarea{font-size:16px!important}   /* iPhone yazarken yakınlaştırmasın */
  .satir{flex-wrap:wrap}
  .satir label{flex:1 1 140px}
  .liste-ust,.indir-btnlar{flex-wrap:wrap;gap:8px}
  .canli-ara input{max-width:none}
  .tablo-sar{overflow:visible}
  /* tablolar → kartlar */
  table.mobil-kart,table.mobil-kart tbody{display:block;width:100%}
  table.mobil-kart thead,table.mobil-kart tr.kart-baslik{display:none}
  table.mobil-kart tr{display:block;border:1px solid var(--cizgi);border-radius:10px;margin:0 0 10px;padding:6px 12px;background:#fff}
  table.mobil-kart td,table.mobil-kart th{display:block;position:relative;border:0!important;padding:6px 0 6px 42%!important;min-height:20px;
    text-align:right!important;white-space:normal!important;background:none!important;color:inherit;font-size:14.5px;overflow-wrap:anywhere}
  table.mobil-kart td::before{content:attr(data-label);position:absolute;left:0;top:6px;width:40%;color:var(--soluk);font-size:13px;text-align:left;font-weight:400;white-space:normal}
  table.mobil-kart td[data-label=""],table.mobil-kart td:not([data-label]),table.mobil-kart th{padding-left:0!important}
  table.mobil-kart td[data-label=""]::before,table.mobil-kart td:not([data-label])::before{content:none}
  table.mobil-kart td:empty{display:none}
  table.mobil-kart td input,table.mobil-kart td select{max-width:100%;box-sizing:border-box}
  table.mobil-kart td form{justify-content:flex-end}
  table.mobil-kart td.nowrap{padding:10px 0 4px!important;border-top:1px solid var(--cizgi)!important;margin-top:4px;text-align:right!important}
  table.mobil-kart td.nowrap::before{content:none}
  table.mobil-kart td.nowrap>*{margin-left:14px}
  table.mobil-kart .kucuk-btn-link,table.mobil-kart button.islem-link{font-size:15px}
  /* işlem penceresi tam ekran */
  dialog.pencere{width:100vw!important;max-width:100vw!important;height:100%;max-height:100%;margin:0;border-radius:0}
  dialog.pencere form{max-height:100%!important;min-height:100%;box-sizing:border-box;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}
}
@media(max-width:760px){
  table.mobil-kart td:has(form):not(.nowrap){padding-left:0!important;text-align:left!important}
  table.mobil-kart td:has(form):not(.nowrap)::before{position:static;display:block;width:auto;margin-bottom:6px}
  table.mobil-kart td:has(form):not(.nowrap) form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:flex-start}
  table.mobil-kart td:has(form):not(.nowrap) form input{flex:1 1 120px;min-width:0}
}
@media(max-width:760px){
  table.mobil-kart.etiketsiz td{text-align:left!important;padding:3px 0!important}
  table.mobil-kart.etiketsiz td.nowrap{border-top:0!important;margin-top:0;padding-top:3px!important}
  table.mobil-kart.etiketsiz td.nowrap>*{margin-left:0}
  table.mobil-kart.etiketsiz td:has(.olay-etiket),table.mobil-kart.etiketsiz td:has(.etiket){display:inline-block;margin-right:6px}
  .duzenle-form{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box;max-height:calc(100dvh - 40px);overflow:auto}
  .duzenle-form label{flex:1 1 140px;min-width:0}
  .satir label select,.satir label input{max-width:100%;box-sizing:border-box}
  .satir label{min-width:0}
}
@media(max-width:760px){ table.mobil-kart .duzenle-form,table.mobil-kart .duzenle-form *{text-align:left!important} }

/* ================= İŞLEM KAYDEDİLDİ ONAYI ================= */
.mesaj.islem{background:#e3f3ea;color:#145c33;font-weight:600;border-left:5px solid var(--yesil)}
.kayit-tamam{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(15,30,50,.18);
  animation:kt-gel .25s ease-out;cursor:pointer;transition:opacity .5s}
.kayit-tamam.kapan{opacity:0}
.kt-kutu{background:#fff;border-radius:16px;padding:26px 30px 22px;max-width:min(440px,88vw);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25);
  animation:kt-buyu .3s cubic-bezier(.2,1.4,.5,1)}
.kt-tik{width:72px;height:72px;border-radius:50%;background:var(--yesil);color:#fff;font-size:44px;line-height:72px;margin:0 auto 10px;font-weight:700}
.kt-baslik{font-size:22px;font-weight:700;color:#145c33;margin-bottom:6px}
.kt-yazi{font-size:15px;color:var(--yazi);line-height:1.45}
@keyframes kt-gel{from{opacity:0}to{opacity:1}}
@keyframes kt-buyu{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}

/* İşlem penceresi sürüklenebilir; arka plan hafif, alttaki bakiye okunur */
dialog.pencere::backdrop{background:rgba(15,30,50,.12)!important}
dialog.pencere .pencere-ust{cursor:move;user-select:none;touch-action:none}
dialog.pencere .pencere-ust::after{content:"⇔ sürükle";font-size:11px;color:var(--soluk);align-self:center;margin:0 10px 0 auto;order:1;opacity:.7}
dialog.pencere .pencere-ust .kapat{order:2}
dialog.pencere.suruklen{box-shadow:0 26px 70px rgba(0,0,0,.35);opacity:.97}
@media(max-width:760px){ dialog.pencere .pencere-ust{cursor:default}  dialog.pencere .pencere-ust::after{content:none} }
form.taksit-degis{display:inline-flex;gap:6px;margin-left:8px;vertical-align:middle}
form.taksit-degis input{width:110px}
.geri-al-btn{background:#fff4e5;color:#9a5b00;border:1px solid #f0c36d;border-radius:6px;padding:3px 9px;font-size:12.5px;cursor:pointer;white-space:nowrap}
.geri-al-btn:hover{background:#ffe8c2}

/* personel sekmeleri ve özlük dosyaları */
.p-sekmeler { display: flex; gap: 4px; border-bottom: 2px solid #d9dee5; margin: 6px 0 12px; flex-wrap: wrap; }
.sekme { padding: 8px 16px; border-radius: 8px 8px 0 0; text-decoration: none; color: #445; background: #eef1f5; margin-bottom: -2px; border: 2px solid transparent; }
.sekme:hover { background: #e2e7ee; }
.sekme.secili { background: #fff; border-color: #d9dee5; border-bottom-color: #fff; font-weight: 600; color: #123; }
.sekme .sayac { background: #2b6cb0; color: #fff; border-radius: 10px; padding: 0 7px; font-size: 12px; }
.belge-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.belge { border: 1px solid #dde2e8; border-radius: 10px; overflow: hidden; background: #fafbfc; display: flex; flex-direction: column; }
.belge-onizle { display: flex; align-items: center; justify-content: center; height: 140px; background: #eef1f5; cursor: zoom-in; }
.belge-onizle img { max-width: 100%; max-height: 140px; object-fit: contain; }
.pdf-ikon { background: #c0392b; color: #fff; font-weight: 700; padding: 18px 14px; border-radius: 6px; font-size: 18px; }
.belge-bilgi { padding: 8px 10px; font-size: 14px; line-height: 1.4; }
.belge-dugme { display: flex; gap: 10px; align-items: flex-start; margin-top: 4px; flex-wrap: wrap; }
.belge-dugme form { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; }
dialog.belge-pencere { width: min(95vw, 1000px); max-width: 95vw; }
#belge-icerik img { max-width: 100%; max-height: 78vh; display: block; margin: 0 auto; }
#belge-icerik iframe { width: 100%; height: 78vh; border: 0; }
.banka-ozet { display: grid; gap: 4px; margin-bottom: 8px; font-size: 15px; }
.banka-ozet .iban { font-family: monospace; font-size: 16px; letter-spacing: .5px; }
.tazminat-blok { border: 1px solid #e1e5ea; border-radius: 10px; padding: 10px 12px; margin-bottom: 12px; }
.tazminat-ust { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 8px; }
.tazminat-dugmeler { display: flex; gap: 6px; flex-wrap: wrap; }
tr.toplam-satir td{border-top:2px solid var(--cizgi);background:#f3f6f9}
tr.sube-baslik td{background:#e8edf2;border-top:2px solid var(--cizgi);padding-top:8px}
.iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:800px){.iki-sutun{grid-template-columns:1fr}}
.anormal-liste{margin:6px 0;padding-left:4px;list-style:none}
.anormal-liste li{padding:5px 0;border-bottom:1px solid var(--cizgi)}
.tahmin-tablo td{padding:6px 10px}
.tahmin-sonuc{font-size:20px}
.tahmin-ayrinti summary{font-size:13px;color:var(--ana);cursor:pointer}
.tahmin-ayrinti table{margin:6px 0 4px;font-size:13px}
.tahmin-ayrinti td{padding:3px 8px!important}
.wa-web{margin-top:12px;padding:10px 12px;border:1px dashed var(--cizgi);border-radius:8px}
.wa-web h3{margin:0 0 6px}
.wa-durum img{max-width:300px;background:#fff;padding:10px;border-radius:8px;margin-top:6px;border:1px solid var(--cizgi)}

/* Alacak / Borç / Personel listeleri: daha büyük ve okunaklı (yalnız bilgisayar ekranında; telefonda kart görünümü kalır) */
@media(min-width:761px){
  #cari-tablo th, #personel-tablo th{font-size:13.5px;padding:10px 12px;background:#f3f6f9;position:sticky;top:0;z-index:1}
  #cari-tablo td, #personel-tablo td{font-size:15.5px;padding:11px 12px}
  #cari-tablo tr.ara-satir:nth-child(even) td, #personel-tablo tr.ara-satir:nth-child(even) td{background:#fafbfd}
  #cari-tablo tr.ara-satir:hover td, #personel-tablo tr.ara-satir:hover td{background:#eef4fb}
  #cari-tablo td a b, #personel-tablo td a b{font-size:16px}
  #cari-tablo td.r:not(.nowrap){font-size:16.5px;font-weight:700}
  #cari-tablo td.r.soluk{font-weight:400;color:#a3acb7}
  #cari-tablo .kucuk-btn-link, #personel-tablo .kucuk-btn-link{display:inline-block;font-size:14px;font-weight:600;padding:6px 13px;border-radius:7px;
     background:#e8eef6;color:var(--ana);margin-left:6px;text-decoration:none;line-height:1.2}
  #cari-tablo .kucuk-btn-link.islem-link, #personel-tablo .kucuk-btn-link.islem-link{background:var(--ana);color:#fff}
  #cari-tablo .kucuk-btn-link:hover, #personel-tablo .kucuk-btn-link:hover{filter:brightness(.95)}
}
/* Ödeme planı: sade satırlar */
.plan-tablo td{padding:12px 10px;vertical-align:middle}
.plan-tablo .plan-vade b{font-size:15.5px}
.plan-kalan{font-size:13px;color:#6b7684}
.plan-vade.gecmis .plan-kalan{color:var(--kirmizi);font-weight:600}
.plan-vade.uyari .plan-kalan{color:#a16207;font-weight:600}
.wa-iz{margin-left:6px;color:#15803d;font-size:12px}
.plan-ad b{font-size:15.5px}
.plan-ad .soluk{font-size:13px;margin-top:2px}
.plan-tutar{font-size:16.5px}
.plan-islem{white-space:nowrap}
.plan-islem button{padding:7px 13px;margin-left:4px}
.plan-islem form.ic{display:inline}
.plan-islem dialog{text-align:left;white-space:normal}
.makbuz-btn{display:inline-block;font-size:13px;padding:3px 9px;border-radius:6px;background:#eef6ee;color:#14622f;text-decoration:none;margin-right:6px}
.makbuz-btn:hover{background:#dff0df}
.makbuz-form{max-width:820px}
.makbuz-form table input{width:100%}
.sayin-satir{font-size:16px;margin:4px 0 10px}.sayin-satir a{font-size:13px;margin-left:8px}
/* Ekstre satır düğmeleri: aynı boy ve hizada */
.ekstre-islem{white-space:nowrap;text-align:right}
.ekstre-islem details.duzenle-detay{display:inline-block;vertical-align:middle}
.ekstre-islem details.duzenle-detay[open]{display:block;white-space:normal;text-align:left}
.ekstre-islem details.duzenle-detay > summary{list-style:none;display:inline-block;padding:5px 12px;border-radius:6px;background:#e8eef6;color:var(--ana);font-size:13px;font-weight:600;cursor:pointer}
.ekstre-islem details.duzenle-detay > summary::-webkit-details-marker{display:none}
.ekstre-islem form.ic{display:inline-block;vertical-align:middle;margin-left:6px}
.ekstre-islem button.sil{padding:5px 12px;border-radius:6px;background:#fdecea;color:var(--kirmizi);font-size:13px;font-weight:600}
.makbuz-btn{padding:5px 11px;font-weight:600;margin-right:0}
.makbuz-btn .mk-no{color:#4b6b52;font-weight:400}
.ekstre-islem .makbuz-btn{display:inline-block;min-width:112px;text-align:center;vertical-align:middle;margin-right:2px}
.ekstre-islem .makbuz-bos{visibility:hidden}
.logo-alan{display:flex;gap:14px;align-items:flex-start;margin:8px 0}
.logo-onizle{width:150px;height:90px;border:1px dashed var(--cizgi);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;flex:none}
.logo-onizle img{max-width:140px;max-height:80px;object-fit:contain}
.makbuz-ozet{flex-basis:100%;margin-top:4px}

/* fatura yükleme */
.fatura-ek { font-size: .82em; white-space: nowrap; text-decoration: none; padding: 1px 6px; border-radius: 6px;
  background: #eef4ff; border: 1px solid #c9d8f5; margin-left: 4px; }
.fatura-ek:hover { background: #dde9ff; }

/* her ay tekrarlayan ödeme günü (SGK...) */
.sabit-uyari { margin: 0 0 10px; padding: 2px 0; font-size: 1.02em; }
.sabit-uyari .su-durum { color: #2a5bb8; }
.sabit-uyari.yakin .su-durum { color: #b86e00; }
.sabit-uyari.gecmis .su-durum { color: #c62828; }
.sabit-uyari .su-btn { margin-left: 8px; padding: 3px 10px; font-size: .9em; }
.sabit-tanim { padding: 6px 0; border-top: 1px dashed #dde3ee; }

.sabit-satir td { background: #f3f7ff; }
.kilit-kart { max-width: 460px; text-align: center; }
.kilit-kart .kilit-ikon { font-size: 2.4em; }
.kilit-kart form { justify-content: center; }
/* faturanın yanındaki Ödendi */
.makbuz-btn.odendi-btn { border: 0; cursor: pointer; font-family: inherit; line-height: inherit; }
.makbuz-btn.fatura-kapali { color: #1d7a3a; font-size: .85em; opacity: .75; }
.fo-bilgi { background: #f4f7fb; border-radius: 8px; padding: 8px 12px; margin-bottom: 10px; }
/* menüye e-Belge eklenince dar ekranlarda sığsın */
@media(max-width:1500px){.ust nav a{padding:16px 6px;font-size:13.5px}.ust{gap:8px}}
#fat-ozet span{margin-left:18px}
@media(max-width:1360px){.ust nav a{padding:16px 5px;font-size:13px}.ust .logo{font-size:20px}}

/* e-Belge alıcı formu (Türmob alıcı kartı düzeni) */
.alici-form { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px 12px; margin-top: 8px; }
.alici-form label { display: flex; flex-direction: column; gap: 3px; font-size: .9em; }
.alici-form label.secim { flex-direction: row; align-items: center; gap: 6px; }
.alici-form .genis { grid-column: span 2; }
.alici-form input, .alici-form select { width: 100%; box-sizing: border-box; }
.alici-form label.secim input { width: auto; }
.iki-kart { display: grid; grid-template-columns: 1fr 1.4fr; gap: 16px; align-items: start; }
@media (max-width: 1000px) { .iki-kart { grid-template-columns: 1fr; } }
.eslestir-tablo input.alici-sec { width: 100%; min-width: 280px; }
.eslestir-tablo input.wa-no { width: 100%; min-width: 200px; }
.eslestir-tablo tr.degisti td { background: #fff8e1; }
.wa-durum { font-size: 12px; display: block; }
.wa-durum.ok { color: #1e7b34; } .wa-durum.hata { color: #c0392b; } .wa-durum.bekliyor { color: #8a6d00; }

.turmob-durum { padding: 10px 14px; }
.turmob-durum.bagli { border-left: 4px solid #2e9d4f; }
.turmob-durum.bagli-degil { border-left: 4px solid #c0392b; }
.turmob-durum.bekliyor { border-left: 4px solid #e0a800; }

/* e-Belge: işlem düğmesi kalemlerin üstünde de */
.ust-adim .kart, .kart.ust-adim { border-left: 4px solid #1f5fa8; }
.ust-adim .kart h2 { margin-top: 0; }

/* uzun süren Türmob işlemlerinde bekleme penceresi */
.bekle-perde { position: fixed; inset: 0; background: rgba(15, 30, 50, .45); z-index: 9999; display: flex; align-items: center; justify-content: center; }
.bekle-perde[hidden] { display: none; }
.bekle-kutu { background: #fff; border-radius: 12px; padding: 26px 34px; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,.25); font-size: 17px; font-weight: 600; color: #1b2b44; min-width: 300px; }
.bekle-donen { width: 42px; height: 42px; margin: 0 auto 14px; border: 4px solid #d6e2f0; border-top-color: #1f5fa8; border-radius: 50%; animation: bekle-don 0.9s linear infinite; }
@keyframes bekle-don { to { transform: rotate(360deg); } }

/* fatura durumu: açık satır */
tr.secili-satir td { background: #eef4fb; }

/* fatura durumu / icralar: işi biten (kapanan) satır üstü çizili, hafif sarı */
tr.kapali-satir td { background: #fff8d6; color: #7d7458; text-decoration: line-through; text-decoration-color: #b7a96a; }
tr.kapali-satir td:last-child, tr.kapali-satir td .arti, tr.kapali-satir td .kucuk-not { text-decoration: none; }
button.onerilen { font-weight: 700; color: #1f7a3a !important; }
dialog.pencere label.blok input, dialog.pencere label.blok select { width: 100%; box-sizing: border-box; }
.icra-odemeler { background: #f6f8fb; }
.icra-odemeler table { width: auto; min-width: 420px; }

/* icra ödeme planı */
.icra-plan { background: #f6f8fb; border-radius: 8px; padding: 10px 12px; margin: 10px 0; }
.icra-plan .plan-tablo tr.gizli-ay { display: none; }
.icra-plan.tum .plan-tablo tr.gizli-ay { display: table-row; }
.icra-plan .plan-tablo tr.gecikti td { background: #fdecec; }

.cevap-form { display: flex; gap: 4px; align-items: center; margin-top: 4px; }
.cevap-form input[type=date] { width: 130px; padding: 3px 4px; font-size: 13px; }
.cevap-form .kucuk-btn { white-space: nowrap; }

.sira-ok { display: inline-flex; flex-direction: column; margin-left: 4px; vertical-align: middle; }
.sira-ok button { background: none; border: 0; padding: 0 2px; font-size: 10px; line-height: 1; color: var(--soluk, #8a96a8); cursor: pointer; }
.sira-ok button:hover { color: #1f5fa8; }
.cevap-form[hidden] { display: none; }

/* personelin kendi İcralar sekmesi yalnız görüntüleme (değişiklik İcralar sayfasından) */
.salt-okunur form, .salt-okunur .yalniz-icralar { display: none !important; }


.icra-uyari { background: #fdecec; border: 1px solid #f3b4b4; border-left: 5px solid #c0392b; color: #7a1f17; border-radius: 8px; padding: 10px 14px; margin: 10px 0 12px; }
.icra-uyari a { font-weight: 600; }

/* Özet · Borçlular: her şubede ilk 10, gerisi "tümünü göster" ile */
tr.borclu-fazla { display: none; }
table.borclu-hepsi tr.borclu-fazla { display: table-row; }

/* bağlantılar */
.baglanti.azaldi { border-left: 5px solid #d9822b; }
.baglanti.bitti { opacity: .6; }
.bag-etiket { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 10px; margin-left: 6px; vertical-align: middle; }
.uyari-etiket { background: #fff1dd; color: #a35a00; }
.bitti-etiket { background: #e3f4e8; color: #1f7a3a; }
.bag-rakam { display: flex; gap: 18px; flex-wrap: wrap; }
.bag-rakam div { display: flex; flex-direction: column; align-items: flex-end; }
.bag-rakam span { font-size: 12px; }
.bag-cubuk { position: relative; height: 8px; background: #e8edf2; border-radius: 5px; margin: 10px 0 6px; overflow: hidden; }
.bag-cubuk span { display: block; height: 100%; background: #2e8b57; }
.baglanti.azaldi .bag-cubuk span { background: #d9822b; }
.bag-cubuk i { position: absolute; top: 0; bottom: 0; width: 2px; background: #a35a00; opacity: .5; }
.bag-teslim { width: auto; min-width: 380px; }
a.btn.bag-uyari-btn { background: #fff1dd; color: #a35a00; }

a.bag-simge { text-decoration: none; margin-left: 4px; font-size: 15px; }
a.bag-simge.azaldi { background: #fff1dd; border-radius: 8px; padding: 0 4px; }

/* İmalat fiyat */
.imalat-sutunlar { align-items: flex-start; }
.imalat-tablo input { padding: 3px 5px; font-size: 13px; }
.imalat-tablo input.ad-kutu { width: 100%; min-width: 150px; }
.imalat-tablo input.fiyat-kutu { width: 66px; text-align: right; }
.imalat-tablo input.degisti { background: #fff6d9; border-color: #e0b84a; }
/* İmalat fiyat: sıralama */
.imalat-blok-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.imalat-blok-ust .tasi-btnlar { display: flex; gap: 4px; }
.imalat-tablo .tasi-td { white-space: nowrap; width: 1%; padding-right: 2px; }
.imalat-tablo .tut { cursor: grab; color: #8a96a8; padding: 0 4px; font-size: 15px; user-select: none; }
.imalat-tablo .ok { background: none; border: 0; padding: 0 2px; color: #8a96a8; cursor: pointer; font-size: 10px; min-height: 0; box-shadow: none; }
.imalat-tablo .ok:hover, .imalat-tablo .tut:hover { color: #1b2b44; }
.imalat-tablo tr.surukleniyor td { background: #fff6d6; opacity: .7; }
.imalat-tablo tr.tasindi td { background: #fff6d6; transition: background .6s; }
.imalat-blok.bos-blok tbody::after { content: "Boş — ürün sürükleyip bırakabilirsiniz"; display: block; padding: 10px; color: #8a96a8; font-size: 12px; }
.imalat-uyari { background: #fff6d6; border-color: #e8c96a; position: sticky; top: 0; z-index: 5; }
.imalat-uyari[hidden] { display: none; }
.imalat-sutunlar > div { min-width: 0; }
.imalat-tablo td, .imalat-tablo th { padding-left: 3px; padding-right: 3px; }
.imalat-tablo input[name^="birim_"] { width: 66px; padding-right: 2px; }
.imalat-tablo input.ad-kutu { min-width: 0; }
.imalat-tablo td:nth-child(2) { width: 100%; }
.imalat-tablo .tut { padding: 0 2px; }
.iki-kart.imalat-sutunlar { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
/* İmalat fiyat: kilitli görünüm (Düzenle'ye basınca açılır) */
#fiyat-form:not(.imalat-salt) .salt-goster, #fiyat-form.imalat-salt .duzen-goster { display: none !important; }
#fiyat-form.imalat-salt .tasi-td, #fiyat-form.imalat-salt .tasi-btnlar, #fiyat-form.imalat-salt .imalat-tablo td:last-child,
#fiyat-form.imalat-salt .imalat-tablo th:first-child, #fiyat-form.imalat-salt .imalat-tablo th:last-child { display: none; }
#fiyat-form.imalat-salt input:not([type=hidden]), #fiyat-form.imalat-salt textarea { border-color: transparent; background: transparent; box-shadow: none; pointer-events: none; color: inherit; }
#fiyat-form.imalat-salt .imalat-tablo tbody tr:hover td { background: #f6f8fb; }
th.islem-th { text-align: right; white-space: nowrap; }
th.islem-th .hayalet { visibility: hidden; }
.sekme-satir { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.sekme-satir > .sekmeler { margin-bottom: 0; }
.sekme-satir { margin-bottom: 14px; }
.fatura-wa { background: #e7f8ee; color: #128c4a; border: 1px solid #b9e8cc; padding: 1px 8px; font-size: 12px; border-radius: 10px; margin-left: 4px; min-height: 0; font-weight: 600; cursor: pointer; }
.fatura-wa:hover { background: #25d366; color: #fff; }
.fwa-durum { font-size: 11.5px; margin-left: 4px; padding: 1px 7px; border-radius: 10px; white-space: nowrap; }
.fwa-durum.bekliyor { background: #fff6d6; color: #8a6400; }
.fwa-durum.ok { background: #e7f8ee; color: #128c4a; }
.fwa-durum.hata { background: #fde8e8; color: #b02a2a; cursor: help; }
input.kilitli { background: #f1f3f6; color: #5b6878; cursor: not-allowed; }
.bakiye-tumu { display: inline-block; width: auto !important; margin-top: 6px; background: #eef4fb; color: #1f5fa8; border: 1px solid #c9daf0; padding: 3px 10px; font-size: 12.5px; border-radius: 12px; font-weight: 600; min-height: 0; cursor: pointer; }
.bakiye-tumu:hover { background: #1f5fa8; color: #fff; }
.hesap-disi-form { margin-left: 10px; }
.hesap-disi-btn { background: #f3f4f6; color: #5b6878; border: 1px solid #d5dae1; padding: 2px 10px; font-size: 12.5px; border-radius: 12px; min-height: 0; font-weight: 600; cursor: pointer; }
.hesap-disi-btn.acik { background: #fff3e0; color: #a35a00; border-color: #f0c98a; }
tr.disi-baslik td { background: #f6f7f9; font-weight: 600; padding-top: 14px; }
tr.disi-satir td { color: #6b7685; background: #fbfbfc; }
.not-wa { margin-top: 8px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
/* telefonda: alttaki sabit "+ İşlem Yap" varken sekme satırındaki ikinci düğme gizlenir */
@media(max-width:760px){ .sekme-satir > .buyuk-btn { display: none; } }
/* ana ekrandan uygulama gibi açılınca (tam ekran): kaydırma esnemesi ve dokunma vurgusu olmasın */
@media (display-mode: standalone) { html, body { overscroll-behavior-y: none; } * { -webkit-tap-highlight-color: transparent; } }
/* 🎤 sesli komut */
.sesli-btn{background:#1f6fb2;color:#fff;border:0;border-radius:8px;font-size:18px;padding:6px 10px;margin-right:6px;cursor:pointer;line-height:1}
.sesli-btn:hover{background:#185d96}
.alt-sesli-btn{display:none}
dialog.sesli-pencere{width:520px}
.sesli-orta{display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0}
.sesli-sonuc:empty{display:none}
.sesli-mik{width:84px;height:84px;border-radius:50%;border:0;background:#2f9e5a;color:#fff;font-size:38px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.sesli-mik.dinliyor{background:#e74c3c;animation:sesliNabiz 1.2s infinite}
@keyframes sesliNabiz{0%{box-shadow:0 0 0 0 rgba(231,76,60,.55)}70%{box-shadow:0 0 0 18px rgba(231,76,60,0)}100%{box-shadow:0 0 0 0 rgba(231,76,60,0)}}
.sesli-durum{font-weight:600;color:#333;text-align:center}
.sesli-durum.dinle{color:#c0392b}
.sesli-durum.uyari{color:#b9770e}
#sesli-metin{width:100%;font-size:16px;padding:10px;border:1px solid #c8cfd6;border-radius:8px;resize:vertical;box-sizing:border-box}
.sesli-sonuc{margin-top:10px}
.sesli-cevap{background:#eef7f1;border:1px solid #b9e0c6;border-radius:8px;padding:10px 12px;font-size:16px;font-weight:600;line-height:1.5}
.sesli-secenek{display:flex;flex-direction:column;gap:6px}
.sesli-secenek button{display:flex;justify-content:space-between;gap:10px;text-align:left;padding:10px 12px}
.sesli-secenek button span{color:#666;font-size:13px}
.sesli-ornek{margin-top:12px;font-size:14px}
.sesli-ornek summary{cursor:pointer;color:#00796b;font-weight:600}
.sesli-ornek ul{margin:6px 0 6px 18px;padding:0}
.sesli-ornek li{margin:2px 0}
.sesli-not{background:#fff8e1;border:1px solid #f3d27a;border-radius:8px;padding:8px 10px;margin:0 0 10px;font-size:14px}
@media(max-width:760px){
  .ust-sag .sesli-btn{display:none}
  .alt-sesli-btn{display:block;position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:50%;
    border:0;background:#1f6fb2;color:#fff;font-size:24px;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:850;cursor:pointer}
  .alt-islem-btn{right:76px!important}
  dialog[open] ~ .alt-sesli-btn{display:none}
  dialog.sesli-pencere{width:auto}
}
.kod-durum{margin-top:12px;padding:10px 12px;border-radius:8px;background:#f2f5f8;color:#455;font-size:14px;line-height:1.45}
.kod-durum.tamam{background:#eef7f1;color:#1e7a43}
.kod-durum.hata{background:#fdecea;color:#b03a2e;font-weight:600}