/* ==========================================================================
   Muhasebele
   TİPOGRAFİ SİSTEMİ (tek kural, istisnasız)
   --------------------------------------------------------------------------
   Arayüz, başlık, tablo, menü, form  ->  --yazi-arayuz  (sans)
   Makale metni, paragraf, liste       ->  --yazi-metin   (serif)
   Ölçek: 12 / 13 / 14 / 15 / 17 / 20 / 24 / 30 / 36  (başka boy kullanılmaz)
   ========================================================================== */

:root{
  --yazi-arayuz: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  --yazi-metin: Georgia, "Times New Roman", "Nimbus Roman", serif;

  --b-12:12px; --b-13:13px; --b-14:14px; --b-15:15px; --b-17:17px;
  --b-20:20px; --b-24:24px; --b-30:30px; --b-36:36px;

  --zemin:#ffffff;
  --zemin-alt:#f4f2ee;
  --zemin-vurgu:#eef2f6;
  --murekkep:#1c1c1c;
  --murekkep-soluk:#5a5a5a;
  --cizgi:#d8d4cd;
  --cizgi-koyu:#b9b3a9;
  --lacivert:#123a5f;
  --lacivert-acik:#1d5384;
  --baglanti:#0b4f88;
  --baglanti-gecmis:#5a3a7a;
  --kirmizi:#8f2d21;
  --yesil:#1f5c3d;
  --sari:#8a6410;

  --genislik:1200px;
  --yan-sutun:300px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--zemin-alt);
  color:var(--murekkep);
  font-family:var(--yazi-arayuz);
  font-size:var(--b-15);
  line-height:1.6;
}
img{max-width:100%;height:auto}

a{color:var(--baglanti);text-decoration:none}
a:hover{text-decoration:underline}

/* ============================== ÜST BÖLÜM ============================== */
.ust-serit{background:var(--lacivert);color:#dfe7ee;font-size:var(--b-12)}
.ust-serit .kabuk{display:flex;justify-content:space-between;align-items:center;
  height:30px;flex-wrap:wrap;overflow:hidden}
.ust-serit a{color:#dfe7ee}
.ust-serit span{white-space:nowrap}

.kabuk{max-width:var(--genislik);margin:0 auto;padding:0 18px}

.baslik-alani{background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.baslik-ic{display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:16px 0;flex-wrap:wrap}
.marka{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--murekkep)}
.marka:hover{text-decoration:none}
.marka svg{flex-shrink:0;display:block}
.marka .yazi{display:block}
.marka .ad{display:block;font-size:var(--b-30);font-weight:700;letter-spacing:-.7px;
  line-height:1.05;color:var(--lacivert)}
.marka .alt{display:block;font-size:var(--b-12);color:var(--murekkep-soluk);
  letter-spacing:1.1px;text-transform:uppercase;margin-top:3px;font-weight:600}

.ust-kutu{font-size:var(--b-13);color:var(--murekkep-soluk);text-align:right;
  border-left:3px solid var(--cizgi);padding-left:14px;max-width:330px}
.ust-kutu b{color:var(--murekkep);font-size:var(--b-14)}

/* ============================== ANA MENÜ ============================== */
.ana-menu{background:var(--lacivert);border-bottom:1px solid rgba(0,0,0,.12)}
.ana-menu > .kabuk{display:flex;flex-wrap:wrap}
.ana-menu a.ust-oge,.ana-menu button.ust-oge{
  display:block;padding:12px 17px;color:#fff;font-size:var(--b-14);font-weight:600;
  border:0;background:none;font-family:inherit;cursor:pointer;line-height:1.4;
  text-decoration:none
}
.ana-menu a.ust-oge:hover,.ana-menu button.ust-oge:hover,
.ana-menu .acilir:hover > button.ust-oge{background:var(--lacivert-acik);text-decoration:none}
.ana-menu a.ust-oge[aria-current]{background:var(--zemin);color:var(--lacivert)}

.acilir{position:relative}
.acilir > button.ust-oge::after{content:" \25BE";font-size:10px;opacity:.8}
.acilir-govde{
  display:none;position:absolute;top:100%;left:0;z-index:100;min-width:250px;
  background:var(--zemin);border:1px solid var(--cizgi-koyu);border-top:0;
  box-shadow:0 6px 18px rgba(0,0,0,.14)
}
.acilir.acik .acilir-govde{display:block}
.acilir-govde a{
  display:block;padding:8px 15px;font-size:var(--b-14);color:var(--murekkep);
  border-bottom:1px solid var(--zemin-alt);white-space:nowrap
}
.acilir-govde a:last-child{border-bottom:0}
.acilir-govde a:hover{background:var(--zemin-vurgu);color:var(--lacivert);text-decoration:none}

/* ============================== YERLEŞİM ============================== */
.govde-alani{background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.yerlesim{display:grid;grid-template-columns:1fr var(--yan-sutun);gap:36px;
  padding:22px 0 44px;align-items:start}
.yerlesim.tek-sutun{grid-template-columns:1fr}
.icerik{min-width:0}

.izlek{font-size:var(--b-13);color:var(--murekkep-soluk);padding:9px 0;
  border-bottom:1px solid var(--cizgi);margin-bottom:20px}
.izlek a{color:var(--murekkep-soluk)}
.izlek .ayrac{margin:0 6px;color:var(--cizgi-koyu)}

/* ============================== BAŞLIKLAR ============================== */
h1,h2,h3,h4{font-family:var(--yazi-arayuz);font-weight:700;color:var(--murekkep);
  letter-spacing:-.3px;line-height:1.25}
h1{font-size:var(--b-30);margin:0 0 6px;padding-bottom:10px;border-bottom:2px solid var(--lacivert)}
h2{font-size:var(--b-20);margin:34px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--cizgi)}
h3{font-size:var(--b-17);margin:24px 0 8px}
h4{font-size:var(--b-15);margin:18px 0 6px}

.ust-ozet{font-family:var(--yazi-metin);font-size:var(--b-17);line-height:1.6;
  color:var(--murekkep-soluk);margin:0 0 18px}

/* ============================== MAKALE METNİ ============================== */
.metin{font-family:var(--yazi-metin);font-size:var(--b-17);line-height:1.75}
.metin p{margin:0 0 15px}
.metin ul,.metin ol{margin:0 0 15px;padding-left:24px}
.metin li{margin-bottom:7px}
.metin strong{font-weight:700}
.metin a{text-decoration:underline}
.metin h2,.metin h3,.metin h4{font-family:var(--yazi-arayuz)}

.oncikan{border-left:4px solid var(--lacivert);background:var(--zemin-vurgu);
  padding:13px 17px;margin:18px 0;font-family:var(--yazi-metin);font-size:var(--b-15);line-height:1.7}
.oncikan p{margin:0 0 9px}
.oncikan p:last-child{margin:0}
.oncikan .basligi{font-family:var(--yazi-arayuz);font-size:var(--b-13);font-weight:700;
  text-transform:uppercase;letter-spacing:.6px;color:var(--lacivert);margin-bottom:5px}

.uyari{border-left:4px solid var(--sari);background:#fdf8ec;padding:13px 17px;margin:18px 0;
  font-family:var(--yazi-metin);font-size:var(--b-15);line-height:1.7}
.uyari p{margin:0}

.dipnot{font-family:var(--yazi-metin);font-size:var(--b-14);color:var(--murekkep-soluk);
  line-height:1.65;margin:12px 0;padding-left:14px;border-left:2px solid var(--cizgi)}

/* ============================== TABLOLAR ============================== */
.tablo-kutu{margin:18px 0;overflow-x:auto;border:1px solid var(--cizgi-koyu)}
table{width:100%;border-collapse:collapse;font-family:var(--yazi-arayuz);font-size:var(--b-14);
  font-variant-numeric:tabular-nums}
caption{caption-side:top;text-align:left;font-size:var(--b-14);font-weight:700;
  padding:9px 12px;background:var(--zemin-vurgu);border-bottom:1px solid var(--cizgi-koyu)}
th{background:var(--zemin-alt);text-align:left;font-weight:700;font-size:var(--b-13);
  padding:9px 13px;border-bottom:1px solid var(--cizgi-koyu)}
td{padding:9px 13px;border-bottom:1px solid var(--cizgi)}
tbody tr:last-child td{border-bottom:0}
td.sayi,th.sayi{text-align:right}
tr.ara td{color:var(--murekkep-soluk);background:#fbfaf8}
tr.vurgu td{background:var(--zemin-vurgu)}
tr.toplam td{background:var(--zemin-vurgu);font-weight:700;font-size:var(--b-15);
  border-top:2px solid var(--lacivert)}
tbody tr:hover td{background:#f7f9fb}
tr.toplam:hover td,tr.vurgu:hover td{background:var(--zemin-vurgu)}

/* yevmiye kaydı tablosu */
.yevmiye td:first-child{width:44%}
.yevmiye .alacakli td:first-child{padding-left:38px;font-style:italic}

/* ============================== KAYNAK KÜNYESİ ============================== */
.kaynak-kutu{border:1px solid var(--cizgi);border-left:3px solid var(--lacivert);
  background:#fbfaf8;margin:16px 0;font-family:var(--yazi-arayuz)}
.kaynak-ust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:8px 14px;border-bottom:1px solid var(--cizgi);background:#fff}
.kaynak-ust .baslik{font-size:var(--b-13);font-weight:700;color:var(--murekkep);
  text-transform:uppercase;letter-spacing:.5px}
.kaynak-ust .tarih{margin-left:auto;font-size:var(--b-12);color:var(--murekkep-soluk)}
.kaynak-ust .tarih b{color:var(--murekkep);font-weight:600}
.kaynak-liste{list-style:none;margin:0;padding:6px 14px 8px}
.kaynak-liste li{font-size:var(--b-13);line-height:1.55;padding:3px 0 3px 15px;position:relative;
  color:var(--murekkep-soluk)}
.kaynak-liste li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;
  background:var(--cizgi-koyu)}
.kaynak-liste .ad{color:var(--murekkep);font-weight:600}
.kaynak-liste .rg{color:var(--murekkep-soluk)}
.damga{display:inline-flex;align-items:center;gap:5px;font-size:var(--b-12);font-weight:700;
  letter-spacing:.4px;text-transform:uppercase;padding:2px 8px;
  border:1px solid var(--yesil);color:var(--yesil);background:#f1f7f3}
.damga::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yesil)}
.damga.bekliyor{border-color:var(--sari);color:var(--sari);background:#fdf8ec}
.damga.bekliyor::before{background:var(--sari)}

/* ============================== LİSTELER ============================== */
.konu-listesi{list-style:none;margin:0 0 18px;padding:0;
  border-top:1px solid var(--cizgi);font-family:var(--yazi-arayuz)}
.konu-listesi li{border-bottom:1px solid var(--cizgi)}
.konu-listesi a{display:block;padding:9px 4px 9px 18px;font-size:var(--b-15);position:relative}
.konu-listesi a::before{content:"\203A";position:absolute;left:4px;color:var(--cizgi-koyu);font-size:var(--b-17)}
.konu-listesi a:hover{background:var(--zemin-vurgu);text-decoration:none}
.konu-listesi a:hover::before{color:var(--lacivert)}
.konu-listesi .aciklama{display:block;font-size:var(--b-13);color:var(--murekkep-soluk);margin-top:1px}

.iki-sutun{column-count:2;column-gap:32px}
.iki-sutun .konu-listesi{break-inside:avoid}
@media (max-width:760px){.iki-sutun{column-count:1}}

/* hesap planı listesi */
.hesap-listesi{list-style:none;margin:0;padding:0;border:1px solid var(--cizgi);
  font-family:var(--yazi-arayuz);font-size:var(--b-14)}
.hesap-listesi li{display:flex;gap:12px;padding:6px 11px;border-bottom:1px solid var(--zemin-alt)}
.hesap-listesi li:last-child{border-bottom:0}
.hesap-listesi li:nth-child(even){background:#fbfaf8}
.hesap-listesi li:hover{background:var(--zemin-vurgu)}
.hesap-listesi .kod{font-weight:700;color:var(--lacivert);min-width:38px;font-variant-numeric:tabular-nums}
.hesap-listesi .pasif{color:var(--murekkep-soluk)}

.grup-basligi{font-family:var(--yazi-arayuz);font-size:var(--b-13);font-weight:700;
  text-transform:uppercase;letter-spacing:.5px;color:var(--murekkep-soluk);
  margin:20px 0 7px;padding-bottom:4px;border-bottom:1px solid var(--cizgi)}

/* ============================== YAN SÜTUN ============================== */
.yan{font-family:var(--yazi-arayuz)}
.yan-blok{border:1px solid var(--cizgi);margin-bottom:20px;background:var(--zemin)}
.yan-blok > h3{margin:0;padding:10px 14px;font-size:var(--b-13);font-weight:700;
  text-transform:uppercase;letter-spacing:.6px;background:var(--zemin-alt);
  color:var(--lacivert);border:0;border-bottom:2px solid var(--lacivert);border-radius:0}
.yan-blok ul{list-style:none;margin:0;padding:0}
.yan-blok li{border-bottom:1px solid var(--zemin-alt)}
.yan-blok li:last-child{border-bottom:0}
.yan-blok li a{display:block;padding:7px 13px;font-size:var(--b-14);color:var(--murekkep)}
.yan-blok li a:hover{background:var(--zemin-vurgu);color:var(--lacivert);text-decoration:none}
.yan-blok li a[aria-current]{background:var(--zemin-vurgu);color:var(--lacivert);font-weight:700}
.yan-blok .govde{padding:12px 13px;font-size:var(--b-14);line-height:1.6}

.rakam-satir{display:flex;justify-content:space-between;gap:10px;padding:6px 13px;
  border-bottom:1px solid var(--zemin-alt);font-size:var(--b-14)}
.rakam-satir:last-child{border-bottom:0}
.rakam-satir .etiket{color:var(--murekkep-soluk)}
.rakam-satir .deger{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ============================== FORMLAR ============================== */
.arac{border:1px solid var(--cizgi-koyu);background:#fbfaf8;padding:18px;margin:18px 0}
.arac-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
label{display:block;font-size:var(--b-13);font-weight:700;color:var(--murekkep);margin-bottom:4px}
input,select{width:100%;padding:8px 10px;font-size:var(--b-15);font-family:var(--yazi-arayuz);
  border:1px solid var(--cizgi-koyu);background:#fff;color:var(--murekkep);border-radius:0}
input:focus,select:focus{outline:2px solid var(--lacivert-acik);outline-offset:-1px}
.secim{display:flex;border:1px solid var(--cizgi-koyu);background:#fff}
.secim button{flex:1;padding:8px 6px;border:0;background:#fff;font-family:var(--yazi-arayuz);
  font-size:var(--b-14);cursor:pointer;color:var(--murekkep-soluk);border-right:1px solid var(--cizgi)}
.secim button:last-child{border-right:0}
.secim button[aria-pressed="true"]{background:var(--lacivert);color:#fff;font-weight:700}

.sonuc-serit{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  border:1px solid var(--cizgi-koyu);border-left:0;margin:18px 0;background:#fff}
.sonuc-serit > div{border-left:1px solid var(--cizgi-koyu);padding:11px 14px}
.sonuc-serit .etiket{font-size:var(--b-12);text-transform:uppercase;letter-spacing:.5px;
  color:var(--murekkep-soluk);font-weight:700}
.sonuc-serit .deger{font-size:var(--b-24);font-weight:700;font-variant-numeric:tabular-nums;
  letter-spacing:-.5px;margin-top:2px;color:var(--lacivert)}

.gizli{display:none}

/* ============================== ALT BÖLÜM ============================== */
.alt-alan{background:var(--lacivert);color:#c9d5e0;padding:30px 0 20px;font-size:var(--b-14)}
.alt-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px}
.alt-alan h4{color:#fff;font-size:var(--b-13);text-transform:uppercase;letter-spacing:.6px;
  margin:0 0 9px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.2)}
.alt-alan ul{list-style:none;margin:0;padding:0}
.alt-alan li{margin-bottom:5px}
.alt-alan a{color:#c9d5e0;font-size:var(--b-14)}
.alt-alan a:hover{color:#fff}
.alt-not{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);
  font-size:var(--b-13);line-height:1.7;color:#a9b9c8;font-family:var(--yazi-metin)}
.alt-not p{margin:0 0 8px;max-width:none}

/* ============================== DUYARLI ============================== */
@media (max-width:980px){
  .yerlesim{grid-template-columns:1fr;gap:0}
  .yan{margin-top:32px}
  .ust-kutu{display:none}
}
@media (max-width:640px){
  :root{--b-30:24px;--b-24:20px}
  .ana-menu > .kabuk{display:block}
  .ana-menu a.ust-oge,.ana-menu button.ust-oge{border-right:0;
    border-bottom:1px solid rgba(255,255,255,.13);width:100%;text-align:left}
  .acilir-govde{position:static;border:0;box-shadow:none;background:rgba(0,0,0,.15)}
  .acilir-govde a{color:#e4ebf1;border-bottom-color:rgba(255,255,255,.1);padding-left:28px}
  .metin{font-size:var(--b-15)}
  .ust-serit .kabuk{justify-content:center}
}
@media print{
  .ust-serit,.ana-menu,.alt-alan,.yan,.izlek{display:none}
  body{background:#fff}
  .yerlesim{grid-template-columns:1fr}
}

/* ---------------------- sozluk ve genis icerik ---------------------- */
.harf-serit{display:flex;flex-wrap:wrap;gap:4px;margin:16px 0;padding:10px;
  border:1px solid var(--cizgi);background:#fbfaf8}
.harf-serit a{display:inline-block;min-width:28px;text-align:center;padding:4px 6px;
  font-weight:700;font-size:var(--b-14);border:1px solid var(--cizgi)}
.harf-serit a:hover{background:var(--lacivert);color:#fff;text-decoration:none;border-color:var(--lacivert)}
.harf-serit a.bos{color:var(--cizgi-koyu);pointer-events:none;background:#fff}

.sozluk-blok{margin:26px 0}
.sozluk-blok > h2{scroll-margin-top:12px}
.terim{border-bottom:1px solid var(--cizgi);padding:12px 0}
.terim:last-child{border-bottom:0}
.terim dt{font-family:var(--yazi-arayuz);font-weight:700;font-size:var(--b-17);margin-bottom:4px}
.terim dd{margin:0;font-family:var(--yazi-metin);font-size:var(--b-15);line-height:1.7;color:var(--murekkep)}
.terim .ingilizce{font-family:var(--yazi-arayuz);font-size:var(--b-13);color:var(--murekkep-soluk);font-weight:400}
.terim .baglar{font-family:var(--yazi-arayuz);font-size:var(--b-13);margin-top:5px}

/* sayfalama */
.sayfalama{display:flex;justify-content:space-between;gap:14px;margin:32px 0 0;
  padding-top:16px;border-top:1px solid var(--cizgi);font-family:var(--yazi-arayuz);font-size:var(--b-14)}
.sayfalama a{display:block;max-width:46%}
.sayfalama .yon{display:block;font-size:var(--b-12);text-transform:uppercase;
  letter-spacing:.5px;color:var(--murekkep-soluk);font-weight:700}
.sayfalama .sonraki{text-align:right;margin-left:auto}

/* guncelleme bilgisi */
.tarih-serit{font-family:var(--yazi-arayuz);font-size:var(--b-13);color:var(--murekkep-soluk);
  padding:8px 0;border-bottom:1px solid var(--cizgi);margin-bottom:16px}
.tarih-serit strong{color:var(--murekkep)}