:root {
  --zemin: #f4f6f9; --kart: #fff; --yazi: #1d2330; --soluk: #6b7385; --cizgi: #e2e6ee;
  --ana: #1f4e79; --ana-acik: #e8f0f8; --gelir: #17803d; --gider: #c0392b; --uyari: #b7791f;
  --hukuk: #1f4e79; --insaat: #c46a12; --aile: #7b3fa0;
  --golge: 0 1px 3px rgba(20, 30, 50, .08);
}
@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #12151b; --kart: #1b2029; --yazi: #e4e7ee; --soluk: #9098aa; --cizgi: #2c3340;
    --ana: #5b9bd5; --ana-acik: #1d2a3a; --gelir: #4cc27a; --gider: #ef6b5b; --uyari: #e3a73c;
    --hukuk: #5b9bd5; --insaat: #f0913a; --aile: #b67fd6; --golge: none;
  }
}
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: var(--zemin); color: var(--yazi); }
a { color: var(--ana); text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 1.5rem; margin: .2rem 0 1rem; }
h2 { font-size: 1.1rem; margin: 0 0 .7rem; }
h3 { font-size: .95rem; margin: 0 0 .5rem; }
main { max-width: 1280px; margin: 0 auto; padding: 1rem; }

/* üst menü */
.ust { background: var(--ana); color: #fff; display: flex; align-items: center; gap: 1rem; padding: 0 1rem; position: sticky; top: 0; z-index: 10; }
.ust a { color: #fff; }
.logo { font-weight: 700; font-size: 1.1rem; padding: .8rem 0; white-space: nowrap; }
.ust nav { display: flex; gap: .2rem; flex-wrap: wrap; flex: 1; }
.ust nav a { padding: .45rem .7rem; border-radius: 6px; opacity: .88; white-space: nowrap; }
.ust nav a:hover, .ust nav a.aktif { background: rgba(255,255,255,.16); opacity: 1; text-decoration: none; }
.ust nav .cikis { margin-left: auto; }
.menu-dugme { display: none; background: none; border: 0; color: #fff; font-size: 1.5rem; margin-left: auto; cursor: pointer; }
.rozet { background: #f5b301; color: #222; border-radius: 10px; padding: 0 .45rem; font-size: .78rem; }
.rozet.mavi { background: #9fd0ff; }
@media (prefers-color-scheme: dark) { .ust { background: #1a2b40; } }

/* kartlar ve düzen */
.kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; padding: 1rem; box-shadow: var(--golge); margin-bottom: 1rem; }
.kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.kartlar .kart { margin: 0; }
.iki-kolon { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.iki-kolon > .kart { min-width: 0; }
.baslik-satir { display: flex; justify-content: space-between; align-items: center; gap: .8rem; flex-wrap: wrap; }
.baslik-satir h1, .baslik-satir h2 { margin-bottom: .6rem; }
.ozet-kart { color: var(--yazi); border-top: 4px solid var(--cizgi); }
a.ozet-kart:hover { text-decoration: none; border-color: var(--ana); }
.ozet-kart.b-hukuk { border-top-color: var(--hukuk); } .ozet-kart.b-insaat { border-top-color: var(--insaat); } .ozet-kart.b-aile { border-top-color: var(--aile); }
.ozet-kart .satir { display: flex; justify-content: space-between; padding: .15rem 0; }
.ozet-kart .net { border-top: 1px solid var(--cizgi); margin-top: .3rem; padding-top: .4rem; }
.buyuk { font-size: 1.45rem; }
.gelir { color: var(--gelir); } .gider { color: var(--gider); }
.soluk { color: var(--soluk); } .kucuk { font-size: .85rem; } .sag { text-align: right; } .nowrap { white-space: nowrap; }
.nokta { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; margin-right: .35rem; vertical-align: baseline; }
.nokta.b-hukuk, .cubuk.b-hukuk { background: var(--hukuk); } .nokta.b-insaat, .cubuk.b-insaat { background: var(--insaat); } .nokta.b-aile, .cubuk.b-aile { background: var(--aile); }
.ay-sec { display: flex; align-items: center; gap: .6rem; }
.hizli { display: flex; gap: .6rem; flex-wrap: wrap; }
.uyari-serit { display: block; background: #fff4d6; color: #6b4b00; border: 1px solid #f2d68a; border-radius: 8px; padding: .7rem 1rem; margin-bottom: 1rem; }
@media (prefers-color-scheme: dark) { .uyari-serit { background: #3a2f12; color: #f1d58f; border-color: #5e4a17; } }
.bos { text-align: center; padding: 2.5rem 1rem; color: var(--soluk); }

/* grafik */
.grafik { display: flex; gap: .6rem; height: 190px; align-items: stretch; }
.grafik-ay { flex: 1; display: flex; flex-direction: column; align-items: center; min-width: 0; }
.grafik-ay small { color: var(--soluk); margin-top: .3rem; }
.cubuklar { flex: 1; display: flex; gap: 3px; align-items: flex-end; width: 100%; justify-content: center; border-bottom: 1px solid var(--cizgi); }
.cubuk-cift { display: flex; gap: 1px; align-items: flex-end; height: 100%; }
.cubuk { display: block; width: 7px; min-height: 1px; border-radius: 2px 2px 0 0; }
.cubuk.gider-bg { opacity: .45; }
.lejant { font-size: .8rem; color: var(--soluk); margin: .6rem 0 0; }

/* tablolar */
.tablo-kap { overflow-x: auto; }
.tablo { width: 100%; border-collapse: collapse; }
.tablo th { text-align: left; font-weight: 600; font-size: .82rem; color: var(--soluk); border-bottom: 1px solid var(--cizgi); padding: .45rem .5rem; }
.tablo th.sag { text-align: right; }
.tablo td { border-bottom: 1px solid var(--cizgi); padding: .45rem .5rem; vertical-align: top; }
.tablo tr:last-child td { border-bottom: 0; }
.tablo.sik td { padding: .2rem .3rem; }
tr.tikla { cursor: pointer; } tr.tikla:hover td { background: var(--ana-acik); }
.etiket { display: inline-block; font-size: .75rem; padding: .05rem .45rem; border-radius: 9px; background: var(--cizgi); color: var(--yazi); }
.etiket.d-tamam { background: #d7f2e0; color: #145c2e; } .etiket.d-hata { background: #fbdcd8; color: #8c241a; }
.etiket.d-isleniyor, .etiket.d-bekliyor { background: #dceaf8; color: #1f4e79; } .etiket.uyari { background: #fff0c7; color: #7a5300; }

/* işlenecek */
.isle-tablo select { max-width: 13rem; }
.isle-tablo td { vertical-align: middle; }
.isle-tablo .aciklama { min-width: 14rem; max-width: 26rem; }
.isle-tablo tr.eksik td:first-child { box-shadow: inset 3px 0 var(--uyari); }
.isle-tablo tr.kaydediliyor { opacity: .55; }
.isle-tablo tr.gidiyor { opacity: 0; transition: opacity .25s; }
.toplu-cubuk { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; position: sticky; top: 52px; z-index: 5; padding: .6rem 1rem; }
.secim { display: flex; align-items: center; gap: .4rem; margin-right: .5rem; }

/* formlar */
input, select, textarea { font: inherit; color: var(--yazi); background: var(--kart); border: 1px solid var(--cizgi); border-radius: 6px; padding: .42rem .55rem; max-width: 100%; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--ana); outline-offset: -1px; }
select:disabled { opacity: .45; }
label { display: block; margin-bottom: .8rem; font-size: .9rem; }
label > input:not([type=checkbox]), label > select, label > textarea { display: block; width: 100%; margin-top: .25rem; }
.form-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 1rem; margin-top: 1rem; }
.dugme { display: inline-block; font: inherit; font-size: .92rem; padding: .45rem .9rem; border-radius: 6px; border: 1px solid var(--cizgi); background: var(--kart); color: var(--yazi); cursor: pointer; white-space: nowrap; }
.dugme:hover { border-color: var(--ana); text-decoration: none; }
.dugme.ana { background: var(--ana); border-color: var(--ana); color: #fff; }
.dugme.tehlike { color: var(--gider); }
.dugme.kucuk { padding: .2rem .5rem; font-size: .82rem; }
.dugme:disabled { opacity: .6; cursor: wait; }
.dugmeler { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.dugmeler form, .satir-ici { display: inline; margin: 0; }
.ekle-form { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .8rem; }
.ekle-form input { flex: 1; min-width: 9rem; }
.ad-form input { border-color: transparent; background: transparent; padding: .15rem .3rem; width: 100%; max-width: 22rem; }
.ad-form input:hover, .ad-form input:focus { border-color: var(--cizgi); }
.ad-form input.pasif { text-decoration: line-through; color: var(--soluk); }
.ad-form { display: flex; gap: .3rem; }
.filtre { display: flex; gap: 1rem; align-items: flex-end; flex-wrap: wrap; padding: .7rem 1rem; }
.filtre label { margin: 0; }
.filtre-satir { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .6rem; }
.filtre-satir input[type=search] { flex: 1; min-width: 12rem; }
.sekmeler { display: flex; gap: .3rem; flex-wrap: wrap; }
.sekmeler a { padding: .4rem .8rem; border-radius: 6px; border: 1px solid var(--cizgi); background: var(--kart); }
.sekmeler a.aktif { background: var(--ana); border-color: var(--ana); color: #fff; }
.sayfa-ici { margin-bottom: 1rem; }
.kategori-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem 1.5rem; }
.grup-baslik { font-size: .8rem; font-weight: 600; color: var(--soluk); text-transform: uppercase; letter-spacing: .03em; margin: .6rem 0 .2rem; }

/* yükleme alanı */
.birak { display: block; border: 2px dashed var(--cizgi); border-radius: 10px; padding: 2.2rem 1rem; text-align: center; cursor: pointer; position: relative; }
.birak.ustunde, .birak:hover { border-color: var(--ana); background: var(--ana-acik); }
.birak input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.dosya-listesi { list-style: none; padding: 0; margin: .6rem 0; font-size: .9rem; }

.bildirim { padding: .65rem 1rem; border-radius: 8px; margin-bottom: 1rem; background: #dff3e6; color: #145c2e; border: 1px solid #b6e2c5; }
.bildirim.hata { background: #fbe3e0; color: #8c241a; border-color: #f2bdb5; }
.bildirim.uyari { background: #fff4d6; color: #6b4b00; border-color: #f2d68a; }
.bildirim.bilgi { background: var(--ana-acik); color: var(--yazi); border-color: var(--cizgi); }

.giris-sayfa { display: grid; place-items: center; min-height: 100vh; padding: 16px; }
.giris { width: 100%; max-width: 360px; }
.giris h1 { margin-bottom: .1rem; }
.giris .dugme { width: 100%; padding: .65rem; }

@media (max-width: 900px) {
  .iki-kolon { grid-template-columns: 1fr; }
  .menu-dugme { display: block; }
  .ust { flex-wrap: wrap; }
  .ust nav { display: none; flex-direction: column; width: 100%; padding-bottom: .6rem; }
  body.menu-acik .ust nav { display: flex; }
  .ust nav .cikis { margin-left: 0; }
  .toplu-cubuk { top: 0; position: static; }
  main { padding: 1rem 16px; }
}

/* sürüm 2 */
.pasif-ad { text-decoration: line-through; color: var(--soluk); }
tr.secili td { background: var(--ana-acik); }
details > summary { cursor: pointer; }
details.duzenle { display: inline-block; position: relative; }
details.duzenle[open] > form { position: absolute; right: 0; z-index: 20; width: min(640px, 90vw); text-align: left; margin-top: .3rem; }
.alt-secim { display: block; margin-top: .3rem; }
.alt-secim[hidden] { display: none; }

/* sürüm 3: pencere ve bildirimler */
.pencere-arka { position: fixed; inset: 0; background: rgba(15, 20, 30, .45); display: grid; place-items: center; z-index: 100; padding: 16px; }
.pencere { width: 100%; max-width: 440px; margin: 0; box-shadow: 0 10px 40px rgba(0,0,0,.25); }
.pencere-mesaj { font-weight: 600; font-size: 1.05rem; margin: 0 0 .4rem; }
.pencere-aciklama { margin: 0 0 1rem; }
.pencere-aciklama:empty { display: none; }
.pencere-giris { width: 100%; margin-bottom: 1rem; }
.dugme.tehlike-dolu { background: var(--gider); border-color: var(--gider); color: #fff; }
#bildirim-kutusu { position: fixed; right: 16px; bottom: 16px; z-index: 110; display: flex; flex-direction: column; gap: .5rem; max-width: min(420px, calc(100vw - 32px)); }
.bildirim.yuzen { margin: 0; box-shadow: 0 6px 20px rgba(0,0,0,.15); cursor: pointer; animation: belir .2s ease-out; }
@keyframes belir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.toplu-cubuk.kaydediliyor { opacity: .55; pointer-events: none; }

[hidden] { display: none !important; }

/* İşlenecek: değiştirilmiş ama onaylanmamış satır */
.isle-tablo tr.yarim td { background: #fff7dc; }
.isle-tablo tr.yarim td:first-child { box-shadow: inset 3px 0 var(--uyari); }
@media (prefers-color-scheme: dark) { .isle-tablo tr.yarim td { background: #3a2f12; } }

/* İşlenecek: gönderen (hesap kartı) */
.gonderen { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin-top: .35rem; }
.gonderen .f-cari { padding: .2rem .4rem; font-size: .85rem; min-width: 11rem; flex: 1; }
.gonderen .cari-ozet { flex-basis: 100%; }

/* İşlenecek: gelen / giden grup başlıkları */
.isle-tablo tr.grup-satiri td { background: var(--zemin); font-weight: 600; padding-top: .7rem; border-bottom: 2px solid var(--cizgi); }
.isle-tablo tr.grup-satiri.gelir td { color: var(--gelir); }
.isle-tablo tr.grup-satiri.gider td { color: var(--gider); }

/* Gazete bölümü */
:root { --gazete: #2e7d6b; }
@media (prefers-color-scheme: dark) { :root { --gazete: #4fb89e; } }
.ozet-kart.b-gazete { border-top-color: var(--gazete); }
.nokta.b-gazete, .cubuk.b-gazete { background: var(--gazete); }
.etiket.kiraci { background: #e6defa; color: #4b2a8f; }
@media (prefers-color-scheme: dark) { .etiket.kiraci { background: #3b2c63; color: #d9cbff; } }

/* sürüm 6 */
.sekmeler a.uyari-sekme { border-color: #f2d68a; color: #7a5300; }
.sekmeler a.uyari-sekme.aktif { background: var(--uyari); border-color: var(--uyari); color: #fff; }
.uyari-yazi { color: var(--uyari); }
:root { --borc: #8a5a00; }
.ozet-kart.b-borc { border-top-color: var(--uyari); }
.nokta.b-borc, .cubuk.b-borc { background: var(--uyari); }

/* UYAP ödeme listesi: taraflar */
.taraflar { margin-top: .35rem; }
.taraf-listesi { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .25rem; }
.taraf { display: inline-flex; align-items: center; gap: .3rem; border: 1px solid var(--cizgi); border-radius: 6px; padding: .15rem .35rem; font-size: .82rem; }
.taraf.aday { border-color: var(--ana); background: var(--ana-acik); }

/* Bölme penceresi */
.bol-pencere { max-width: 560px; }
.bol-satir { display: flex; gap: .4rem; margin-bottom: .4rem; }
.bol-satir select { flex: 1; min-width: 0; }
.bol-satir input { width: 8rem; text-align: right; }

/* gruplar */
.kisi-ekle { display: flex; gap: .4rem; margin-top: .25rem; }
.kisi-ekle input { flex: 1; }
.cipler { display: flex; flex-wrap: wrap; gap: .35rem; margin: .2rem 0 .8rem; }
.cip { display: inline-flex; align-items: center; gap: .3rem; background: var(--ana-acik); border: 1px solid var(--cizgi); border-radius: 14px; padding: .15rem .55rem; font-size: .88rem; }
.cip button { border: 0; background: none; cursor: pointer; color: var(--gider); }
.hizli-uye { display: flex; gap: .3rem; margin-top: .3rem; }
.hizli-uye input { padding: .2rem .4rem; font-size: .85rem; width: 12rem; }

/* İşlenecek: ekrana sığdır, sığmazsa tablo kendi içinde kaydırılır */
main.genis { max-width: none; padding-left: 16px; padding-right: 16px; }
.isle-kap { padding: 0; overflow-x: auto; overflow-y: visible; scrollbar-width: none; }
.isle-kap::-webkit-scrollbar { display: none; }  /* yatay çubuk ekranın altında (yatay-cubuk) */
.isle-kap .isle-tablo thead th { background: var(--kart); padding-top: .6rem; }
.yatay-cubuk { position: sticky; bottom: 0; z-index: 6; overflow-x: auto; overflow-y: hidden; height: 16px;
  background: var(--kart); border-top: 1px solid var(--cizgi); margin-top: -1rem; margin-bottom: 1rem; }
.yatay-cubuk > div { height: 1px; }
.isle-tablo { min-width: 1100px; }
.isle-tablo td { padding: .4rem .45rem; }
.isle-tablo select { width: 100%; max-width: 13rem; min-width: 8.5rem; }
.isle-tablo .aciklama { min-width: 18rem; max-width: 34rem; }
.isle-tablo td:last-child { position: sticky; right: 0; background: var(--kart); box-shadow: -1px 0 0 var(--cizgi); }
.isle-tablo tr.yarim td:last-child { background: #fff7dc; }
.taraf { flex-wrap: wrap; }

/* Kilitli bilgi formları (Düzenle ile açılır) */
form.kilitli input[readonly], form.kilitli textarea[readonly] { background: transparent; border-color: transparent; padding-left: 0; resize: none; cursor: default; }
form.kilitli input[readonly]:focus, form.kilitli textarea[readonly]:focus { outline: none; }
form.kilitli select:disabled { opacity: 1; background: transparent; border-color: transparent; appearance: none; padding-left: 0; }
.kilit-dugmeler { grid-column: 1 / -1; }

h2.baslik-satir { margin-bottom: .7rem; }
h2.baslik-satir .dugme { font-size: .85rem; }

/* aynı olabilecek kayıt */
.eslesme { margin-top: .35rem; padding: .3rem .5rem; border: 1px dashed var(--uyari); border-radius: 6px; background: #fffaf0; }
.eslesme .birlestir { margin-left: .3rem; }
@media (prefers-color-scheme: dark) { .eslesme { background: #2c2512; } }
.pencere-aciklama { white-space: pre-line; }

.etiket.aktarim { background: #dceef8; color: #1f4e79; }
@media (prefers-color-scheme: dark) { .etiket.aktarim { background: #1d2a3a; color: #9fd0ff; } }

/* onay penceresinde işlem listesi */
.pencere.pencere-genis { max-width: 860px; }
.pencere-liste { max-height: 55vh; overflow: auto; border: 1px solid var(--cizgi); border-radius: 6px; margin-bottom: .6rem; }
.pencere-liste td { font-size: .85rem; }
.pencere-alt { margin: 0 0 1rem; font-weight: 600; }
.pencere-alt:empty { display: none; }

/* İşlenecek: sütun süzgeçleri */
.suzgec-satiri th { padding: .3rem .45rem .5rem; }
.suzgec-satiri input, .suzgec-satiri select { width: 100%; font-size: .82rem; padding: .25rem .4rem; font-weight: normal; }

/* yapılan işlemler */
.gunluk-suz { margin-bottom: .6rem; }
.gunluk-suz input { width: min(420px, 100%); }
#gunluk-tablo td { font-size: .86rem; vertical-align: top; }
#gunluk-tablo .etiket.g-onay { background: #e3f4e8; color: #1d6b37; }
#gunluk-tablo .etiket.g-geri_al { background: #fff2d6; color: #8a5a00; }
#gunluk-tablo .etiket.g-sil, #gunluk-tablo .etiket.g-belge_sil { background: #fde4e4; color: #9b1c1c; }

/* Ayarlar: sürükle-bırak ve satır içi düzenleme */
td.tasi { cursor: grab; color: var(--soluk, #888); width: 1.2rem; padding-right: 0; user-select: none; font-size: 1.05rem; }
td.tasi:active { cursor: grabbing; }
tr.suruklenen { opacity: .45; background: #eef4ff; }
table[data-sirala] { min-height: 1.5rem; }
.duzen-form { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; }
.duzen-form input, .duzen-form select { font-size: .85rem; padding: .2rem .4rem; min-width: 0; flex: 1 1 8rem; }
.duzen-form .secim { flex: 0 0 auto; }
.kategori-izgara { grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); }
table[data-sirala] td.sag { width: 1%; white-space: nowrap; }
table[data-sirala] .dugme.kucuk { padding: .15rem .4rem; font-size: .78rem; }
table[data-sirala] td { overflow-wrap: anywhere; }
.duzen-form input[name=ad], .duzen-form input[name=grup] { flex: 1 1 100%; }
.duzen-form .secim, .duzen-form .dugme { white-space: nowrap; overflow-wrap: normal; }

/* üst menü: açılır alt sayfalar */
.ust nav .menu { position: relative; }
.ust nav .menu > a { display: inline-block; }
.ust nav .alt-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 230px; background: #fff; color: var(--yazi, #222);
  border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.18); padding: .35rem; z-index: 50; }
.ust nav .alt-menu a { display: block; color: #1f2d3d; opacity: 1; padding: .45rem .7rem; border-radius: 6px; }
.ust nav .alt-menu a:hover { background: #eef3f9; }
.ust nav .menu:hover > .alt-menu, .ust nav .menu:focus-within > .alt-menu { display: block; }
.ust nav .menu:hover > a { background: rgba(255,255,255,.16); opacity: 1; }
@media (max-width: 900px) {
  .ust nav .alt-menu { display: block; position: static; box-shadow: none; background: transparent; padding: 0 0 0 1rem; min-width: 0; }
  .ust nav .alt-menu a { color: #fff; opacity: .8; padding: .3rem .7rem; font-size: .92rem; }
}
/* dosya tarafları */
.taraf-satir { display: flex; gap: .4rem; margin-bottom: .35rem; align-items: center; }
.taraf-satir input[name=taraf_rol] { flex: 0 0 13rem; }
.taraf-satir input[name=taraf_ad] { flex: 1 1 auto; }
.taraf-duzen > .dugme { margin-right: .3rem; }
.taraf-etiket { display: inline-block; margin: 0 .5rem .1rem 0; white-space: nowrap; }
.tam-genis { grid-column: 1 / -1; }
.aktar-tablo input, .aktar-tablo select, .aktar-tablo textarea { width: 100%; min-width: 7rem; font-size: .85rem; }
.aktar-tablo textarea { min-width: 16rem; }
.uyari-yazi { color: #8a5a00; }
.ust nav .menu:nth-last-of-type(1) .alt-menu, .ust nav .menu:nth-last-of-type(2) .alt-menu { left: auto; right: 0; }

.satir-ici-alanlar { display: flex; gap: .3rem; margin: .25rem 0; }
.satir-ici-alanlar select { min-width: 0; }
.aktar-tablo td { vertical-align: top; }
.aktar-tablo details summary { cursor: pointer; }
.aktar-tablo .muvekkil-yaz { margin-top: .25rem; }
.kayitli-satir { background: #f6f9f6; }
.uyari-etiket { background: #fff2d6; color: #8a5a00; }

/* önceki gibi işle */
.cari-ozet { cursor: pointer; text-decoration: underline dotted; }
.onceki-gibi { margin-left: .3rem; }
.secim-liste { max-height: 55vh; overflow: auto; margin-bottom: .8rem; }
.secim-satir { display: flex; gap: .6rem; align-items: flex-start; padding: .5rem .6rem; border: 1px solid var(--cizgi, #ddd); border-radius: 8px; margin-bottom: .4rem; cursor: pointer; }
.secim-satir:has(input:checked) { border-color: var(--ana); background: #eef3f9; }
.ek-secim { display: block; margin-bottom: .8rem; }
.secim-satir input[type=radio] { width: auto; flex: 0 0 auto; margin-top: .25rem; }
.secim-satir > span { flex: 1 1 auto; }

/* panel: dönem seçimi ve genel hesap */
.donem-sec { display: inline-flex; margin: 0 .6rem 0 0; }
.ay-sec { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.genel-hesap .tablo td, .genel-hesap .tablo th { font-size: 1rem; }
.genel-hesap .toplam-satir th { border-top: 2px solid var(--cizgi, #ccc); font-size: 1.08rem; }
.bag-dugme { background: none; border: 0; cursor: pointer; padding: 0 0 0 .2rem; color: inherit; }
.birlestir-kutu { margin-top: .8rem; }
.genel-hesap td.sag, .genel-hesap th.sag { white-space: nowrap; }

/* Hukuk Özel */
:root { --hukukozel: #4a6b8a; }
@media (prefers-color-scheme: dark) { :root { --hukukozel: #8fb0cf; } }
.ozet-kart.b-hukukozel { border-top-color: var(--hukukozel); }
.nokta.b-hukukozel, .cubuk.b-hukukozel { background: var(--hukukozel); }

.doviz-yazi { font-size: .78rem; color: var(--soluk, #777); white-space: nowrap; }

/* sıralama, süzgeç ×, sabit başlık */
th.siralanir { cursor: pointer; user-select: none; white-space: nowrap; }
th.siralanir::after { content: " ⇅"; opacity: .35; font-size: .8em; }
th.siralanir[data-yon="artan"]::after { content: " ▲"; opacity: .9; }
th.siralanir[data-yon="azalan"]::after { content: " ▼"; opacity: .9; }
.suz-kutu { position: relative; display: block; }
.suz-kutu input { padding-right: 1.4rem !important; }
.suz-x { position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); border: 0; background: none; cursor: pointer;
  font-size: 1rem; line-height: 1; color: var(--soluk, #888); padding: 0 .2rem; }
.suz-x:hover { color: var(--gider, #c0392b); }
table.sabit-baslik thead { position: relative; z-index: 4; }
table.sabit-baslik thead th { background: var(--kart, #fff); }
table.sabit-baslik thead.yapisik { box-shadow: 0 4px 8px -4px rgba(0,0,0,.25); }
.pencere-liste tr.cikarildi td { opacity: .4; text-decoration: line-through; }
.pencere-liste td input[type=checkbox] { width: auto; }
.benzer-sec { font-weight: bold; }
#tum-islemler td { vertical-align: top; }
#tum-islemler tbody tr { cursor: pointer; }
#tum-islemler tbody tr:hover { background: #f3f6fa; }
.suzgec-satiri .suz-kutu input { width: 100%; }

.sayfalama { display: flex; gap: .3rem; align-items: center; flex-wrap: wrap; margin: .6rem 0; }
.ayar-kartlari .ozet-kart h3 { margin: 0 0 .3rem; }
.ayar-kartlari a.kart:hover { text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,.12); }

.alt-ac { cursor: pointer; }
.alt-ac:hover { background: #f3f6fa; }
.alt-ac.acik td { font-weight: 600; }
.alt-kat td { font-size: .88rem; background: #fafbfd; }

/* panel: solda genel hesap, sağda duruşmalar */
.panel-iki { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
@media (max-width: 1000px) { .panel-iki { grid-template-columns: 1fr; } }
.durusma-kutu .gun-satiri td { background: #f3f6fa; padding-top: .5rem; }
.durusma-kutu .tablo td { vertical-align: top; }
.durusma-kutu .uyari-serit { margin: 0 0 .6rem; display: block; }
tr.gecmis td { background: #fffaf0; }
/* geri dönülen satır */
@keyframes son-gidilen { 0%, 60% { background: #fff3c4; } 100% { background: transparent; } }
.son-gidilen, .son-gidilen > td { animation: son-gidilen 2.6s ease-out; }

/* müvekkil kartı */
.yeni-dosya-serit { display: flex; gap: .4rem; align-items: center; flex-wrap: wrap; padding: .6rem 1rem; }
.muvekkil-ust { align-items: start; }
.muvekkil-ust > div > .kart + .kart { margin-top: 1rem; }
.dosya-listesi td { vertical-align: top; }
details.tutarlar > summary { cursor: pointer; }
/* müvekkil kartı: tutarlar düğmesi */
details.tutarlar { padding: .6rem 1rem; }
details.tutarlar > summary.dugme { list-style: none; display: inline-flex; gap: .6rem; align-items: center; }
details.tutarlar > summary::-webkit-details-marker { display: none; }
details.tutarlar .acik-yazi { display: none; }
details.tutarlar[open] .acik-yazi { display: inline; }
details.tutarlar[open] .kapali-yazi { display: none; }
details.tutarlar[open] > summary small { display: none; }

.katilim { margin-top: .3rem; display: flex; gap: .3rem; align-items: center; flex-wrap: wrap; }
.katilim select { font-size: .8rem; padding: .15rem .3rem; width: auto; }
.odeme-tutar input { font-size: .85rem; padding: .2rem .35rem; }

.geri-dugme { display: inline-block; margin: 0 0 .4rem; padding: .25rem .7rem; border: 1px solid var(--cizgi, #d0d7e2); border-radius: 6px;
  background: var(--kart, #fff); font-size: .9rem; text-decoration: none; }
.geri-dugme:hover { background: #eef3f9; text-decoration: none; }

.sonuc-dugmeleri { display: flex; flex-wrap: wrap; gap: .25rem; justify-content: flex-end; max-width: 26rem; margin-left: auto; }
