/* Nova görünümü: appnovalabs.com renkleri (koyu lacivert zemin, camgöbeği vurgu, cam kartlar).
   Ana dosyadaki eski tema katmanları !important kullandığı için buradaki kurallar html.nova önekiyle ve !important ile yazılır. */
html.nova{
  --nv-zemin:#050b16;--nv-zemin2:#07111f;--nv-kart:rgba(255,255,255,.045);--nv-kart2:rgba(255,255,255,.07);
  --nv-cizgi:rgba(255,255,255,.09);--nv-cizgi2:rgba(255,255,255,.16);--nv-yazi:#e7edf5;--nv-soluk:#8b98ad;
  --nv-mavi:#22d3ee;--nv-mavi2:#0ea5c6;--nv-mor:#6366f1;
  --nv-yes:#7bd88f;--nv-yesZ:#173326;--nv-sar:#e8b84a;--nv-sarZ:#382f15;--nv-kir:#ef8a8a;--nv-kirZ:#3f1f24;--nv-gri:#5d6a7e;--nv-griZ:#111a29;
  --nv-yazi-tipi:"DM Sans","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
}
html.nova,html.nova body{background:var(--nv-zemin)!important;color:var(--nv-yazi)}
html.nova #kap{background:radial-gradient(1200px 600px at 85% -10%,rgba(34,211,238,.13),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(99,102,241,.12),transparent 60%),linear-gradient(160deg,#050b16,#07111f 55%,#050b16)!important}
html.nova #form{background:transparent!important}
html.nova #nvUst,html.nova #nvUst *,html.nova #nvMenu,html.nova #nvMenu *,html.nova #form .nvAna,html.nova #form .nvAna *{font-family:var(--nv-yazi-tipi)!important}
html.nova #dekor,html.nova #ustSerit,html.nova #baslik,html.nova #form>.k{display:none!important}
html.nova #durum{background:#040912!important;color:var(--nv-soluk)!important;border-top:1px solid var(--nv-cizgi)!important;font-family:var(--nv-yazi-tipi)!important}

/* ---------- Üst şerit ---------- */
html.nova #nvUst{position:absolute;left:0;right:0;top:0;height:84px;display:flex;align-items:center;gap:18px;padding:0 20px;z-index:3;
  background:rgba(4,9,18,.72)!important;border-bottom:1px solid var(--nv-cizgi)!important;backdrop-filter:blur(10px)}
html.nova #form .nvLogo{display:flex;align-items:center;gap:12px;width:226px;flex:none}
html.nova #form .nvLogo i{font-style:normal;width:46px;height:46px;border-radius:14px!important;display:grid;place-items:center;font-size:22px;font-weight:800;color:#04121a;
  background:linear-gradient(135deg,var(--nv-mavi),var(--nv-mor))!important;box-shadow:0 0 24px rgba(34,211,238,.35)!important}
html.nova #form .nvLogo b{display:block;font-size:15px;letter-spacing:.4px;color:#fff;line-height:1.15}
html.nova #form .nvLogo small{display:block;font-size:11.5px;color:var(--nv-soluk);margin-top:3px}
html.nova #form .nvOzetler{display:flex;gap:10px;flex:1;min-width:0}
html.nova #form .nvOz{flex:1;min-width:0;padding:9px 14px;border-radius:14px!important;background:var(--nv-kart)!important;border:1px solid var(--nv-cizgi)!important}
html.nova #form .nvOz span{display:block;font-size:11.5px;color:var(--nv-soluk)}
html.nova #form .nvOz b{display:block;font-size:19px;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
html.nova #form .nvOz.vurgu{border-color:rgba(34,211,238,.45)!important;background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(99,102,241,.10))!important}
html.nova #form .nvOz.vurgu b{color:var(--nv-mavi)}
html.nova #form .nvUstBtn{display:flex;align-items:center;gap:8px;flex:none}
html.nova #form .nvRozet{font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--nv-sar);border:1px solid rgba(232,184,74,.5)!important;border-radius:20px!important;padding:5px 10px}

/* ---------- Düğmeler ---------- */
html.nova #form .nvB{font-family:var(--nv-yazi-tipi);font-size:13px;font-weight:600;height:36px;padding:0 12px;cursor:pointer;white-space:nowrap;color:var(--nv-yazi);
  background:var(--nv-kart2)!important;border:1px solid var(--nv-cizgi2)!important;border-radius:12px!important;transition:background .12s,border-color .12s}
html.nova #form .nvB:hover:not(:disabled){background:rgba(255,255,255,.12)!important;border-color:rgba(34,211,238,.5)!important}
html.nova #form .nvB.ana{background:var(--nv-mavi)!important;border-color:var(--nv-mavi)!important;color:#04121a}
html.nova #form .nvB.ana:hover{background:#5ee3f5!important}
html.nova #form .nvB.kirmizi{background:#b4232c!important;border-color:#b4232c!important;color:#fff}
html.nova #form .nvB:disabled{opacity:.4;cursor:default}

/* ---------- Sol menü ---------- */
html.nova #nvMenu{position:absolute;left:0;top:84px;bottom:0;width:248px;padding:10px 12px 14px;overflow-y:auto;z-index:2;border-right:1px solid var(--nv-cizgi)!important;background:rgba(4,9,18,.45)!important}
html.nova #nvMenu h4{margin:9px 10px 3px;font-size:10.5px;letter-spacing:1.4px;color:var(--nv-soluk);font-weight:700}
html.nova #nvMenu a{display:flex;align-items:center;gap:10px;padding:5px 10px;margin:1px 0;font-size:13.5px;color:#c9d3e1;cursor:pointer;border-radius:10px!important;white-space:nowrap;border:1px solid transparent!important}
html.nova #nvMenu a i{font-style:normal;width:20px;text-align:center;color:var(--nv-soluk)}
html.nova #nvMenu a:hover{background:var(--nv-kart2)!important;color:#fff}
html.nova #nvMenu a.akt{background:linear-gradient(90deg,rgba(34,211,238,.20),rgba(34,211,238,.05))!important;border-color:rgba(34,211,238,.4)!important;color:#fff;font-weight:700}
html.nova #nvMenu a.akt i{color:var(--nv-mavi)}
html.nova #nvMenu a em{margin-left:auto;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--nv-mavi);border:1px solid rgba(34,211,238,.45)!important;border-radius:6px!important;padding:1px 5px}

/* ---------- Sayfa alanı ---------- */
/* Diğer ekranlar (Adım 2'de yeni görünüme geçecek) şimdilik açık renkli bir kartın içinde, eski düzeniyle açılır */
html.nova #form .sayfa{left:264px!important;top:100px!important;right:16px!important;bottom:12px!important;overflow:auto;background:#f4f7fb!important;border-radius:18px!important;color:#1b1b1b}
html.nova #form .sayfa.nvAnaSayfa{background:transparent!important;overflow:hidden;color:var(--nv-yazi)}
html.nova #form .nvAna{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px}
html.nova #form .nvKart{background:var(--nv-kart)!important;border:1px solid var(--nv-cizgi)!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
html.nova #form .nvSecim{display:flex;align-items:center;gap:12px;padding:12px 16px;flex:none}
html.nova #form .nvSecim .et{white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--nv-soluk)}
html.nova #form .nvCipler{display:flex;gap:6px;flex-wrap:nowrap}
html.nova #form .nvCip{font-family:var(--nv-yazi-tipi);font-size:12.5px;font-weight:600;height:34px;padding:0 12px;white-space:nowrap;cursor:pointer;color:#c9d3e1;background:transparent!important;border:1px solid var(--nv-cizgi2)!important;border-radius:20px!important}
html.nova #form .nvCip:hover{border-color:rgba(34,211,238,.55)!important;color:#fff}
html.nova #form .nvCip.akt{background:var(--nv-mavi)!important;border-color:var(--nv-mavi)!important;color:#04121a}
html.nova #form .nvYil{display:flex;align-items:center;gap:4px;margin-left:6px;padding:3px;border:1px solid var(--nv-cizgi2)!important;border-radius:12px!important}
html.nova #form .nvYil b{font-size:16px;min-width:52px;text-align:center;color:#fff}
html.nova #form .nvYil button{width:30px;height:28px;cursor:pointer;color:var(--nv-mavi);background:transparent!important;border:0!important;border-radius:9px!important;font-size:12px}
html.nova #form .nvYil button:hover{background:var(--nv-kart2)!important}
html.nova #form .nvIslem{margin-left:auto;display:flex;gap:8px}

/* ---------- Aidat tablosu ---------- */
html.nova #form .nvTablo{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 14px 10px}
html.nova #form .nvBilgi{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--nv-soluk);margin:0 2px 10px;flex-wrap:wrap}
html.nova #form .nvBilgi b{color:#dbe3ee}
html.nova #form .nvBilgi .ren{display:inline-flex;align-items:center;gap:6px}
html.nova #form .nvBilgi .ren::before{content:"";width:12px;height:12px;border-radius:4px!important;border:1px solid}
html.nova #form .nvBilgi .ren.odendi::before{background:var(--nv-yesZ);border-color:var(--nv-yes)}
html.nova #form .nvBilgi .ren.kismi::before{background:var(--nv-sarZ);border-color:var(--nv-sar)}
html.nova #form .nvBilgi .ren.borclu::before{background:var(--nv-kirZ);border-color:var(--nv-kir)}
html.nova #form .nvBilgi .ren.bekliyor::before{background:#152238;border-color:#5b7397}
html.nova #form .nvBilgi .ren.yok::before{background:var(--nv-griZ);border-color:var(--nv-gri)}
html.nova #form .nvBilgi .kurul{margin-left:auto;color:var(--nv-mavi);font-weight:700}
html.nova #form .nvKaydir{flex:1;min-height:0;overflow:auto}
html.nova #form .nvKaydir table{width:100%;border-collapse:separate;border-spacing:4px 4px;font-size:13px;font-variant-numeric:tabular-nums}
html.nova #form .nvKaydir th{position:sticky;top:0;z-index:1;padding:8px 4px;font-size:11.5px;font-weight:700;letter-spacing:.6px;color:#aeb9ca;background:#0a1424!important;border-bottom:1px solid var(--nv-cizgi2)!important;white-space:nowrap}
html.nova #form .nvKaydir th.ad{text-align:left;padding-left:10px}
html.nova #form .nvKaydir td{padding:6px 4px;text-align:center;white-space:nowrap;border-radius:8px!important;font-weight:600}
html.nova #form .nvKaydir td.dno{text-align:left;padding-left:10px;color:#fff;font-weight:700;cursor:pointer}
html.nova #form .nvKaydir td.dno:hover{color:var(--nv-mavi);text-decoration:underline}
html.nova #form .nvKaydir td.ad{text-align:left;padding-left:10px;color:#c9d3e1;font-weight:400;max-width:190px;overflow:hidden;text-overflow:ellipsis}
html.nova #form .nvKaydir td.h.odendi{background:var(--nv-yesZ)!important;color:var(--nv-yes)}
html.nova #form .nvKaydir td.h.kismi{background:var(--nv-sarZ)!important;color:var(--nv-sar)}
html.nova #form .nvKaydir td.h.borclu{background:var(--nv-kirZ)!important;color:var(--nv-kir)}
html.nova #form .nvKaydir td.h.bekliyor{background:#101b2e!important;color:#7d93b5;font-weight:500}
html.nova #form .nvKaydir td.h.yok{background:var(--nv-griZ)!important;color:var(--nv-gri);font-weight:400}
html.nova #form .nvKaydir td.tik{cursor:pointer;transition:box-shadow .1s}
html.nova #form .nvKaydir td.tik:hover{box-shadow:inset 0 0 0 2px var(--nv-mavi)!important}
html.nova #form .nvKaydir td.kal{min-width:96px}
html.nova #form .nvKaydir td.kal.var{color:var(--nv-kir);background:rgba(239,138,138,.08)!important}
html.nova #form .nvKaydir td.kal.yok{color:var(--nv-yes)}
html.nova #form .nvKaydir td.bos{padding:30px;color:var(--nv-soluk);font-weight:400}
html.nova #form .nvKaydir tfoot td{position:sticky;bottom:0;background:#0b1a2b!important;color:#fff;font-weight:800;padding:9px 4px;border-top:1px solid rgba(34,211,238,.35)!important}
html.nova #form .nvKaydir tfoot td:first-child{text-align:right;padding-right:12px;letter-spacing:.6px}

html.nova #form .nvDip{font-size:11.5px;color:var(--nv-soluk);margin:8px 2px 0}

/* İleti pencereleri de koyu temaya uyar */
html.nova #mb .kutu{background:#0b1626!important;color:var(--nv-yazi)!important;border:1px solid var(--nv-cizgi2)!important;border-radius:16px!important;overflow:hidden}
html.nova #mb .bas,html.nova #mb .alt{background:#08111f!important;color:var(--nv-yazi)!important}
html.nova #mb .ic,html.nova #mb #mbYazi{color:var(--nv-yazi)!important}
html.nova #mb .ik{background:var(--nv-mavi)!important;color:#04121a!important;border-radius:10px!important}
html.nova #mb .alt .btn{background:var(--nv-mavi)!important;border-color:var(--nv-mavi)!important;color:#04121a!important;border-radius:10px!important}
html.nova #mb .alt .btn+.btn,html.nova #mb .alt .btn:not(:first-child){background:transparent!important;color:var(--nv-yazi)!important;border-color:var(--nv-cizgi2)!important}
html.nova #form .nvKaydir tfoot td.bek{color:#5b7397!important}
html.nova #nvMenu,html.nova #form .nvKaydir,html.nova #form .sayfa{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}

/* ---------- Aidat tablosu, Screenshot_48 düzeni: başlık şeridi, renkli açıklama, TOPLAM sütunu, hap hücreler ---------- */
html.nova #form .nvTablo{padding:0!important;overflow:hidden}
html.nova #form .nvTabBas{display:flex;align-items:center;gap:16px;padding:13px 18px;border-bottom:1px solid var(--nv-cizgi)!important;background:rgba(255,255,255,.025)!important}
html.nova #form .nvTabBas h3{margin:0;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:9px}
html.nova #form .nvTabBas h3 i{font-style:normal;color:var(--nv-mavi);font-size:17px}
html.nova #form .nvTabBas h3 small{font-size:12px;font-weight:500;color:var(--nv-soluk);margin-left:4px}
html.nova #form .nvTabBas .kurul{margin-left:auto;font-size:12.5px;color:var(--nv-mavi);font-weight:700;padding:4px 11px;border:1px solid rgba(34,211,238,.35)!important;border-radius:20px!important}
html.nova #form .nvTabBas .nokta{display:flex;gap:14px;margin-left:auto;font-size:12.5px;font-weight:600;color:#dbe3ee}
html.nova #form .nvTabBas .kurul+.nokta{margin-left:0}
html.nova #form .nvTabBas .nokta span{display:inline-flex;align-items:center;gap:6px}
html.nova #form .nvTabBas .nokta span::before{content:"";width:8px;height:8px;border-radius:50%!important}
html.nova #form .nvTabBas .nokta .odendi::before{background:var(--nv-yes);box-shadow:0 0 8px var(--nv-yes)}
html.nova #form .nvTabBas .nokta .kismi::before{background:var(--nv-sar);box-shadow:0 0 8px var(--nv-sar)}
html.nova #form .nvTabBas .nokta .borclu::before{background:var(--nv-kir);box-shadow:0 0 8px var(--nv-kir)}
html.nova #form .nvBilgi{display:block!important;margin:0!important;padding:11px 18px;font-size:13px;line-height:1.75;color:#c9d3e1;border-bottom:1px solid var(--nv-cizgi)!important}
html.nova #form .nvBilgi b{color:#fff}
html.nova #form .nvBilgi em{font-style:normal;font-weight:700}
html.nova #form .nvBilgi em.ry{color:var(--nv-yes)}html.nova #form .nvBilgi em.rs{color:var(--nv-sar)}html.nova #form .nvBilgi em.rk{color:var(--nv-kir)}
html.nova #form .nvBilgi em.rm{color:#7d93b5}html.nova #form .nvBilgi em.rg{color:var(--nv-gri)}
html.nova #form .nvBilgi s{text-decoration:none;color:var(--nv-cizgi2);margin:0 6px}
html.nova #form .nvKaydir{padding:0 8px}
html.nova #form .nvKaydir table{border-spacing:0!important;font-size:13px}
html.nova #form .nvKaydir th{padding:10px 6px!important;font-size:11.5px!important;letter-spacing:.8px!important;color:#9fb0c6!important;background:#08121f!important;text-align:center}
html.nova #form .nvKaydir td{border-radius:0!important;padding:5px 5px!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
html.nova #form .nvKaydir tbody tr:hover td{background:rgba(34,211,238,.045)!important}
html.nova #form .nvKaydir td.h{padding:5px 4px!important}
html.nova #form .nvKaydir .p{display:block;min-width:58px;padding:4px 6px;border-radius:7px!important;font-size:12.5px;font-weight:600;line-height:1.25;border:1px solid transparent!important}
html.nova #form .nvKaydir .p.odendi{background:var(--nv-yesZ)!important;color:var(--nv-yes);border-color:rgba(123,216,143,.18)!important}
html.nova #form .nvKaydir .p.kismi{background:var(--nv-sarZ)!important;color:var(--nv-sar);border-color:rgba(232,184,74,.22)!important}
html.nova #form .nvKaydir .p.borclu{background:var(--nv-kirZ)!important;color:var(--nv-kir);border-color:rgba(239,138,138,.22)!important}
html.nova #form .nvKaydir .p.bekliyor{background:#0f1a2c!important;color:#7d93b5;font-weight:500}
html.nova #form .nvKaydir .p.yok{background:rgba(255,255,255,.035)!important;color:var(--nv-gri);font-weight:400}
html.nova #form .nvKaydir .p.tik{cursor:pointer;transition:transform .1s,box-shadow .1s}
html.nova #form .nvKaydir .p.tik:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--nv-mavi),0 4px 14px rgba(34,211,238,.25)!important}
html.nova #form .nvKaydir td.kal{min-width:90px;font-weight:800;background:rgba(255,255,255,.035)!important;border-left:1px solid var(--nv-cizgi)!important;border-right:1px solid var(--nv-cizgi)!important}
html.nova #form .nvKaydir th.kal{border-left:1px solid var(--nv-cizgi)!important;border-right:1px solid var(--nv-cizgi)!important}
html.nova #form .nvKaydir td.kal.var{color:var(--nv-kir)}
html.nova #form .nvKaydir td.kal.yok{color:var(--nv-yes)}
html.nova #form .nvKaydir tfoot td{background:#0a1626!important;font-size:14px;padding:11px 5px!important;border-top:1px solid rgba(34,211,238,.35)!important;border-bottom:0!important}
html.nova #form .nvKaydir tfoot td.kal{color:var(--nv-kir);background:rgba(239,138,138,.10)!important}
html.nova #form .nvKaydir tfoot td.borc{color:var(--nv-kir)}
html.nova #form .nvKaydir tfoot td.sifir{color:var(--nv-yes)}
html.nova #form .nvKaydir tfoot td.bek{color:#5b7397!important}
html.nova #form .nvDip{padding:0 18px 10px}
html.nova #form .nvBilgi em{position:static!important}

/* ---------- İşlem menüsü: sol şeritteki düğmeyle sayfanın üstünde açılan altı renkli kategori kartı ---------- */
html.nova #nvMenu{display:none;left:260px!important;right:0;top:84px!important;bottom:0!important;width:auto!important;padding:16px!important;overflow:auto;z-index:20!important;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start;background:rgba(3,7,14,.66)!important;border:0!important}
html.nova #nvMenu.acik{display:grid}
html.nova #nvMenu .nvGrup{padding:12px;background:#0d1828!important;border:1px solid color-mix(in srgb,var(--r) 45%,transparent)!important;border-radius:14px!important}
html.nova #nvMenu .nvGrup h4{margin:0 0 8px;padding-bottom:8px;font-size:12.5px;letter-spacing:.3px;font-weight:600;color:var(--r);border-bottom:1px solid color-mix(in srgb,var(--r) 30%,transparent)!important}
html.nova #nvMenu .nvGrup h4 i{font-style:normal;opacity:.75;margin-right:6px}
html.nova #nvMenu .nvGrup a{padding:8px 9px;font-size:13.5px;color:#fff;border:0!important;border-radius:8px!important}
html.nova #nvMenu .nvGrup a:hover{background:color-mix(in srgb,var(--r) 14%,transparent)!important}
html.nova #nvMenu .nvGrup a.akt,html.nova #nvMenu .nvGrup a.akt:hover{background:var(--r)!important;color:#04121a;font-weight:600}
html.nova #form .nvMenuBtn{width:100%;min-height:54px;padding:8px 12px;display:flex;align-items:center;gap:9px;flex:none;text-align:left;cursor:pointer;color:#fff;border:1.5px solid var(--r)!important;border-radius:12px!important;background:color-mix(in srgb,var(--r) 12%,transparent)!important}
html.nova #form .nvMenuBtn>span{flex:1;min-width:0;display:block}
html.nova #form .nvMenuBtn small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.4px;color:var(--r)}
html.nova #form .nvMenuBtn b{display:block;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.nova #form .nvMenuBtn i{font-style:normal;color:var(--r);font-size:11px;transition:transform .15s}
html.nova #form .nvMenuBtn.acik i{transform:rotate(180deg)}
html.nova #form .nvLogo{cursor:pointer;width:auto;max-width:250px}
html.nova #form .nvOz{padding:8px 12px}
html.nova #form .nvOz b{font-size:17px}
html.nova #form .sayfa{left:16px!important}

/* ---------- Eski program alışkanlığı: solda İşlem Tipi açılır listesi ve işlem düğmeleri, sağda KAPAT ---------- */
html.nova #form .nvIslemSec{display:flex;flex-direction:column;gap:4px;flex:none}
html.nova #form .nvIslemSec span{font-size:10.5px;font-weight:700;letter-spacing:1.2px;color:var(--nv-soluk)}
html.nova #form select.nvSec{appearance:none;-webkit-appearance:none;height:38px;min-width:220px;padding:0 36px 0 14px;font-size:14px;font-weight:600;color:#fff!important;cursor:pointer;
  background-color:rgba(255,255,255,.06)!important;border:1px solid var(--nv-cizgi2)!important;border-radius:12px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2322d3ee' stroke-width='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:12px 8px!important}
html.nova #form select.nvSec:hover,html.nova #form select.nvSec:focus{border-color:var(--nv-mavi)!important;outline:none}
html.nova #form select.nvSec.buyuk{height:42px;min-width:300px;font-size:15.5px;border-color:rgba(34,211,238,.5)!important;background-color:rgba(34,211,238,.10)!important}
html.nova #form select.nvSec option{background:#0b1626;color:#e7edf5;font-weight:400}
html.nova #form .nvIslem{margin-left:10px!important}
html.nova #form .nvUstBtn{margin-left:4px}
html.nova #form .nvB.kapat{height:46px;padding:0 18px;font-size:14.5px;font-weight:800;letter-spacing:.5px;box-shadow:0 6px 18px rgba(180,35,44,.35)!important}
html.nova #form .nvB.kapat:hover{background:#d22f39!important;border-color:#d22f39!important}
html.nova #form .nvOzetler{gap:8px}
html.nova #form .nvOz{padding:7px 11px!important}
html.nova #form .nvOz b{font-size:15.5px!important}

/* ---------- Sol şerit (Screenshot_48 düzeni) ve ekrana tam oturan sayfa ---------- */
html.nova #kap{overflow:hidden!important}
html.nova #nvSerit{position:absolute;left:0;top:84px;bottom:0;width:260px;z-index:2;display:flex;flex-direction:column;gap:12px;padding:18px 16px 16px;
  background:rgba(3,7,14,.72)!important;border-right:1px solid var(--nv-cizgi)!important;overflow-y:auto;font-family:var(--nv-yazi-tipi)}
html.nova #nvSerit *{font-family:var(--nv-yazi-tipi)!important}
html.nova #form #nvSerit .nvAlan{display:flex;flex-direction:column;gap:6px}
html.nova #form #nvSerit .nvAlan>span{font-size:10.5px;font-weight:700;letter-spacing:1.2px;color:var(--nv-soluk)}
html.nova #form #nvSerit select.nvSec{width:100%;min-width:0}
html.nova #form #nvSerit .nvYil{margin-left:0;justify-content:space-between}
html.nova #form #nvSerit .nvAyrac{height:1px;background:var(--nv-cizgi)!important;margin:2px 0}
html.nova #form #nvSerit .nvB.tam{width:100%;height:40px;text-align:left;padding:0 14px;font-size:13px;letter-spacing:.3px}
html.nova #form #nvSerit .nvKurul{margin-top:4px;padding:9px 12px;font-size:12.5px;color:#c9d3e1;border:1px solid rgba(34,211,238,.35)!important;border-radius:12px!important;background:rgba(34,211,238,.06)!important}
html.nova #form #nvSerit .nvKurul b{color:var(--nv-mavi);font-size:15px}
html.nova #form #nvSerit .nvSeritAlt{margin-top:auto;display:flex;flex-direction:column;gap:8px}
html.nova #form #nvSerit .nvRozet{text-align:center}
html.nova #form .sayfa{left:276px!important;top:100px!important;bottom:14px!important}
html.nova #form .nvAna{gap:0}
html.nova #form .nvTablo{height:100%}
html.nova #form .nvKaydir tfoot td.kal{background:#2a1820!important}
html.nova #form .nvKaydir thead th.kal{background:#08121f!important}

/* ---------- Simetri: üst şerit, sol şerit ve sayfa aynı 16px ızgaraya oturur ---------- */
html.nova #nvUst{padding:0 16px!important;gap:16px!important}
html.nova #form .nvLogo{width:228px!important;max-width:none!important;flex:none}
html.nova #form .nvOzetler{gap:16px!important}
html.nova #form .nvOz{flex:1 1 0!important;padding:8px 14px!important;position:relative;overflow:hidden}
html.nova #form .nvOz::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0!important;background:var(--oz)}
html.nova #form .nvOz b{color:var(--oz)!important;font-size:17px!important}
html.nova #form .nvOz.gel{--oz:#7bd88f;background:linear-gradient(135deg,rgba(123,216,143,.13),rgba(123,216,143,.03))!important;border-color:rgba(123,216,143,.32)!important}
html.nova #form .nvOz.gid{--oz:#ef8a8a;background:linear-gradient(135deg,rgba(239,138,138,.13),rgba(239,138,138,.03))!important;border-color:rgba(239,138,138,.32)!important}
html.nova #form .nvOz.kasa{--oz:#e8b84a;background:linear-gradient(135deg,rgba(232,184,74,.13),rgba(232,184,74,.03))!important;border-color:rgba(232,184,74,.32)!important}
html.nova #form .nvOz.banka{--oz:#7aa7ff;background:linear-gradient(135deg,rgba(122,167,255,.14),rgba(122,167,255,.03))!important;border-color:rgba(122,167,255,.34)!important}
html.nova #form .nvOz.vurgu{--oz:#22d3ee}
html.nova #form .nvB.kapat{width:140px;justify-content:center}
html.nova #nvSerit{width:260px!important;padding:16px!important;gap:12px!important}
html.nova #form .sayfa{left:276px!important;top:100px!important;right:16px!important;bottom:16px!important}

/* ---------- Aidat tablosu: Screenshot_48 gibi daha ince hap hücreler ---------- */
html.nova #form .nvKaydir td{padding:3px 4px!important}
html.nova #form .nvKaydir td.h{padding:3px 5px!important}
html.nova #form .nvKaydir td.dno,html.nova #form .nvKaydir td.ad{font-size:13px}
html.nova #form .nvKaydir .p{min-width:0!important;max-width:86px;margin:0 auto;padding:2px 4px!important;font-size:11.5px!important;line-height:1.35!important;border-radius:6px!important}
html.nova #form .nvKaydir th{padding:9px 4px!important;font-size:11px!important}
html.nova #form .nvKaydir td.kal{font-size:13px}
html.nova #form .nvLogo{width:244px!important}

/* ---------- Ay sütunları eşit genişlikte, haplar eşit boyda ---------- */
html.nova #form .nvKaydir table.esit{table-layout:fixed;width:100%}
html.nova #form .nvKaydir col.c-d{width:84px}
html.nova #form .nvKaydir col.c-a{width:150px}
html.nova #form .nvKaydir col.c-t{width:96px}
html.nova #form .nvKaydir td.ad{overflow:hidden;text-overflow:ellipsis}
html.nova #form .nvKaydir .p{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:none!important;height:24px!important;padding:0 2px!important;box-sizing:border-box;white-space:nowrap;overflow:hidden}

/* ---------- Sol şerit: AppNova lacivert-camgöbeği tonu ---------- */
html.nova #nvSerit{background:linear-gradient(180deg,#0c2236 0%,#0a1b2c 45%,#081523 100%)!important;border-right:1px solid rgba(34,211,238,.22)!important;box-shadow:inset -1px 0 0 rgba(34,211,238,.06),8px 0 30px rgba(0,0,0,.25)!important}
html.nova #form #nvSerit .nvAlan>span{color:#7fb9cc}
html.nova #form #nvSerit .nvAyrac{background:rgba(34,211,238,.16)!important}
html.nova #form #nvSerit select.nvSec{background-color:rgba(34,211,238,.07)!important;border-color:rgba(34,211,238,.28)!important}
html.nova #form #nvSerit .nvYil{background:rgba(34,211,238,.05)!important;border-color:rgba(34,211,238,.28)!important}
html.nova #form #nvSerit .nvB:not(.ana){background:rgba(255,255,255,.05)!important;border-color:rgba(34,211,238,.22)!important}
html.nova #form .nvKaydir .p.bekliyor{background:rgba(122,167,255,.07)!important;border:1px solid rgba(125,147,181,.28)!important}
html.nova #form .nvKaydir .p.yok{border:1px solid rgba(255,255,255,.08)!important}

/* ---------- Premium ince ve keskin yazı + appnovalabs.com mavisi (#22d3ee) ---------- */
html.nova #nvUst,html.nova #nvUst *,html.nova #nvSerit,html.nova #nvSerit *,html.nova #form .nvAna,html.nova #form .nvAna *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
html.nova #form .nvLogo b{font-weight:600!important;letter-spacing:.8px}
html.nova #form .nvLogo small{font-weight:400;color:#8fb3c4}
html.nova #form .nvOz span{font-weight:400;letter-spacing:.3px;color:#9fb6c6}
html.nova #form .nvOz b{font-weight:500!important;letter-spacing:.2px}
html.nova #form .nvB{font-weight:500!important;letter-spacing:.4px}
html.nova #form .nvB.kapat{font-weight:600!important}
html.nova #form select.nvSec{font-weight:500!important}
html.nova #form .nvYil b{font-weight:500!important}
html.nova #form #nvSerit .nvAlan>span{font-weight:500!important;letter-spacing:1.6px;color:#22d3ee!important;opacity:.85}
html.nova #form .nvTabBas h3{font-weight:500!important;letter-spacing:.3px}
html.nova #form .nvTabBas h3 small{font-weight:400}
html.nova #form .nvTabBas .nokta{font-weight:400!important}
html.nova #form .nvBilgi{font-weight:400}
html.nova #form .nvBilgi b{font-weight:500!important;color:#22d3ee!important}
html.nova #form .nvBilgi em{font-weight:500!important}
html.nova #form .nvKaydir th{font-weight:500!important;letter-spacing:1.1px!important;color:#7fd8ea!important}
html.nova #form .nvKaydir td.dno{font-weight:500!important}
html.nova #form .nvKaydir td.ad{font-weight:300!important;color:#d5dde8}
html.nova #form .nvKaydir td.kal{font-weight:500!important}
html.nova #form .nvKaydir .p{font-weight:500!important}
html.nova #form .nvKaydir .p.yok,html.nova #form .nvKaydir .p.bekliyor{font-weight:400!important}
html.nova #form .nvKaydir tfoot td{font-weight:500!important}
html.nova #form .nvKaydir tfoot td:first-child{font-weight:500!important;letter-spacing:1.4px;color:#22d3ee}
html.nova #form .nvDip{font-weight:300}
/* Site mavisi: sol şerit, çizgiler ve vurgular */
html.nova #nvSerit{background:radial-gradient(420px 260px at 0% 0%,rgba(34,211,238,.14),transparent 70%),linear-gradient(180deg,#07111f 0%,#050c18 100%)!important;border-right:1px solid rgba(34,211,238,.28)!important}
html.nova #nvUst{border-bottom:1px solid rgba(34,211,238,.22)!important}
html.nova #form .nvKart{border-color:rgba(34,211,238,.16)!important}
html.nova #form .nvTabBas{border-bottom-color:rgba(34,211,238,.14)!important}
html.nova #form .nvTabBas h3 i{color:#22d3ee}
html.nova #form .nvKaydir th{border-bottom:1px solid rgba(34,211,238,.25)!important}
html.nova #form .nvB.ana{background:#22d3ee!important;border-color:#22d3ee!important;color:#03141b!important}
html.nova #form .nvLogo i{background:linear-gradient(135deg,#22d3ee,#3b82f6 55%,#6366f1)!important;font-weight:600!important}

/* ---------- Sol şerit: AYARLAR düğmesi ve açılan alt seçenekler ---------- */
html.nova #form #nvSerit .nvAyarBtn{display:flex;align-items:center;justify-content:space-between}
html.nova #form #nvSerit .nvAyarBtn i{font-style:normal;color:#22d3ee;transition:transform .15s}
html.nova #form #nvSerit .nvAyarBtn.acik{border-color:rgba(34,211,238,.55)!important;background:rgba(34,211,238,.10)!important}
html.nova #form #nvSerit .nvAyarBtn.acik i{transform:rotate(180deg)}
html.nova #form #nvSerit .nvAyarAlt{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:1px solid rgba(34,211,238,.3)!important;margin-left:8px}
html.nova #form #nvSerit .nvB.alt{height:34px;font-size:12.5px;font-weight:400!important}
html.nova #form #nvSerit .nvB.alt.akt{color:#22d3ee;border-color:rgba(34,211,238,.55)!important}
html.nova #form #nvSerit .nvAyarBtn i{font-size:13px}

/* ---------- AYARLAR: sabit açılır liste, logo renklerinde (mavi → mor) ---------- */
html.nova #form #nvSerit select.nvAyarSec{height:42px;font-size:13.5px;font-weight:500!important;letter-spacing:.6px;color:#fff!important;
  background-color:transparent!important;border:1px solid rgba(129,140,248,.55)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"),linear-gradient(135deg,#0ea5c6 0%,#3b82f6 55%,#6366f1 100%)!important;
  background-repeat:no-repeat,no-repeat!important;background-position:right 13px center,0 0!important;background-size:12px 8px,100% 100%!important;box-shadow:0 6px 20px rgba(99,102,241,.28)!important}
html.nova #form #nvSerit select.nvAyarSec:hover{filter:brightness(1.1)}
html.nova #form #nvSerit select.nvAyarSec.akt{box-shadow:0 0 0 2px rgba(34,211,238,.6),0 6px 20px rgba(99,102,241,.35)!important}

/* ---------- BLOK sütunu ve sol sütunlar arasında dikey çizgiler ---------- */
html.nova #form .nvKaydir col.c-b{width:56px}
html.nova #form .nvKaydir col.c-d{width:80px}
html.nova #form .nvKaydir th.blk,html.nova #form .nvKaydir td.blk{text-align:center;color:#9fb6c6;font-weight:400}
html.nova #form .nvKaydir th:nth-child(-n+3),html.nova #form .nvKaydir td.blk,html.nova #form .nvKaydir td.dno,html.nova #form .nvKaydir td.ad{border-right:1px solid rgba(34,211,238,.18)!important}
html.nova #form .nvKaydir td.dno{padding-left:12px!important}
html.nova #form .nvKaydir td.ad{padding-left:12px!important}
html.nova #form .nvKaydir th.ad{padding-left:12px!important}
html.nova #form .nvKaydir th.kal,html.nova #form .nvKaydir td.kal{border-left:1px solid rgba(34,211,238,.18)!important;border-right:1px solid rgba(34,211,238,.18)!important}
html.nova #form .nvKaydir tfoot td:first-child{border-right:1px solid rgba(34,211,238,.18)!important}
html.nova #form .nvKaydir th.blk,html.nova #form .nvKaydir td.blk{text-align:center!important;padding-left:4px!important}

/* ---------- Daha sıkı tablo: daha dar, daha alçak, birbirine yakın kutular ---------- */
html.nova #form .nvKaydir table.esit{width:auto!important;margin:0 auto}
html.nova #form .nvKaydir col.c-b{width:50px}
html.nova #form .nvKaydir col.c-d{width:76px}
html.nova #form .nvKaydir col.c-a{width:150px}
html.nova #form .nvKaydir col.c-t{width:92px}
html.nova #form .nvKaydir col.c-m{width:82px}
html.nova #form .nvKaydir td{padding:2px 3px!important;font-size:12.5px}
html.nova #form .nvKaydir td.h{padding:2px 2px!important}
html.nova #form .nvKaydir .p{height:21px!important;font-size:11px!important;border-radius:5px!important}
html.nova #form .nvKaydir th{padding:7px 3px!important}
html.nova #form .nvKaydir tfoot td{padding:8px 3px!important;font-size:13px}
html.nova #form .nvKaydir{scrollbar-width:auto!important;scrollbar-color:rgba(34,211,238,.55) rgba(255,255,255,.04)!important}
html.nova #form .nvKaydir::-webkit-scrollbar{width:10px}
html.nova #form .nvKaydir::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
html.nova #form .nvKaydir::-webkit-scrollbar-thumb{background:rgba(34,211,238,.5);border-radius:6px}

/* ---------- AYARLAR: tablonun sağ üstünde (Ödendi açıklamasının altında) ---------- */
html.nova #form .nvBilgiSatir{display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(34,211,238,.14)!important}
html.nova #form .nvBilgiSatir .nvBilgi{flex:1;border-bottom:0!important;order:1}
html.nova #form .nvAyarYer{order:2;flex:none;padding-right:18px}
html.nova #form select.nvAyarSec{width:240px;height:40px;font-size:13.5px;font-weight:500!important;letter-spacing:.6px;color:#fff!important;
  border:1px solid rgba(129,140,248,.55)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"),linear-gradient(135deg,#0ea5c6 0%,#3b82f6 55%,#6366f1 100%)!important;
  background-repeat:no-repeat,no-repeat!important;background-position:right 13px center,0 0!important;background-size:12px 8px,100% 100%!important;box-shadow:0 6px 20px rgba(99,102,241,.28)!important}
html.nova #form #nvSerit select.nvAyarSec{width:100%}

/* ---------- Daireleri ayıran yatay çizgiler ---------- */
html.nova #form .nvKaydir tbody td{border-bottom:1px solid rgba(34,211,238,.13)!important}
html.nova #form .nvKaydir tbody tr:last-child td{border-bottom:0!important}

/* ---------- 7 öneri: sönük ödenenler, büyük yazı, gelmemiş aylar, bu ay vurgusu, tek satır açıklama, arama/blok, bu ay özeti ---------- */
/* 1. Ödenen aylar sönük: zeminsiz, ince yeşil ✓; kırmızı ve sarı öne çıkar */
html.nova #form .nvKaydir .nvMuaf{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid rgba(34,211,238,.55)!important;border-radius:999px!important;color:#22d3ee;font-size:10.5px;font-weight:500;letter-spacing:.6px;vertical-align:1px}
html.nova #form .nvKaydir .p.odendi{background:transparent!important;border-color:transparent!important;color:rgba(123,216,143,.75)!important;font-weight:400!important}
html.nova #form .nvKaydir .p.borclu{background:#4a1f26!important;border-color:rgba(239,138,138,.55)!important;color:#ffb1b1!important}
html.nova #form .nvKaydir .p.kismi{background:#43360f!important;border-color:rgba(232,184,74,.6)!important;color:#ffd77a!important}
/* 2. Okunaklı yazı */
html.nova #form .nvKaydir .p{font-size:12.5px!important;height:23px!important}
html.nova #form .nvKaydir td{font-size:13px!important}
html.nova #form .nvKaydir th{font-size:11.5px!important}
/* 3. Gelmemiş aylar: tutar yok, yalnızca soluk nokta */
html.nova #form .nvKaydir .p.bekliyor{background:transparent!important;border-color:transparent!important;color:#4f6585!important;font-size:16px!important}
html.nova #form .nvKaydir .p.yok{background:transparent!important;border-color:transparent!important;color:#4a5568!important}
html.nova #form .nvKaydir tfoot td.bek{color:#4f6585!important}
/* 4. Bu ay sütunu */
html.nova #form .nvKaydir th.buay{color:#04121a!important;background:#22d3ee!important;border-radius:8px 8px 0 0!important}
html.nova #form .nvKaydir th.buay small{display:block;font-size:8.5px;letter-spacing:1.2px;font-weight:600;opacity:.8;margin-top:1px}
html.nova #form .nvKaydir td.buay{background:rgba(34,211,238,.07)!important;border-left:1px solid rgba(34,211,238,.35)!important;border-right:1px solid rgba(34,211,238,.35)!important}
html.nova #form .nvKaydir tfoot td.buay{background:linear-gradient(rgba(34,211,238,.14),rgba(34,211,238,.14)),#0a1626!important}
/* 5. Tek satır açıklama, AYARLAR başlık şeridinin sağında */
html.nova #form .nvTabBas{padding:10px 18px!important}
html.nova #form .nvTabBas .nvAyarYer{margin-left:auto;padding:0}
html.nova #form .nvBilgi{padding:8px 18px!important;line-height:1.5!important;font-size:12.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid rgba(34,211,238,.14)!important}
html.nova #form .nvBilgi em.rm{font-size:16px;line-height:0}
/* 6. Arama ve blok */
html.nova #form #nvSerit .nvAraSatir{display:flex;gap:8px}
html.nova #form #nvSerit input.nvAra{flex:1;min-width:0;height:38px;padding:0 12px;font-size:13.5px;color:#fff;background:rgba(34,211,238,.07)!important;border:1px solid rgba(34,211,238,.28)!important;border-radius:12px!important;outline:none}
html.nova #form #nvSerit input.nvAra:focus{border-color:#22d3ee!important}
html.nova #form #nvSerit input.nvAra::placeholder{color:#6f8aa0}
html.nova #form #nvSerit select.nvBlokSec{width:84px!important;min-width:0;flex:none;padding-right:28px;background-position:right 10px center!important}
/* 7. Bu ay özeti */
html.nova #form #nvSerit .nvBuAy{padding:10px 12px;border:1px solid rgba(34,211,238,.25)!important;border-radius:14px!important;background:rgba(34,211,238,.05)!important;display:flex;flex-direction:column;gap:5px}
html.nova #form #nvSerit .nvBuAy .bas{font-size:10.5px;letter-spacing:1.3px;color:#22d3ee;font-weight:500;margin-bottom:2px}
html.nova #form #nvSerit .nvBuAy .sat{display:flex;justify-content:space-between;font-size:12.5px;color:#b9c7d6}
html.nova #form #nvSerit .nvBuAy .sat b{font-weight:500;color:#fff}
html.nova #form #nvSerit .nvBuAy .sat b.y{color:#7bd88f}html.nova #form #nvSerit .nvBuAy .sat b.k{color:#ef8a8a}
html.nova #form #nvSerit .nvBuAy .sat.kurul b{color:#22d3ee}
/* Şerit sığsın: daha sık aralık, alt düğmeler yan yana */
html.nova #nvSerit{gap:10px!important}
html.nova #form #nvSerit .nvB.tam{height:36px}
html.nova #form #nvSerit .nvIkili{display:flex;gap:8px}
html.nova #form #nvSerit .nvIkili .nvB{flex:1;height:36px;padding:0 8px;font-size:12px}
html.nova #form #nvSerit .nvBuAy .sat b.yes{color:#7bd88f}
html.nova #form #nvSerit .nvBuAy .sat b.kir{color:#ef8a8a}
html.nova #form .nvDip .nvRozet{font-size:10px;padding:2px 8px;margin-right:6px}

/* =====================================================================================
   ADIM 2: Tüm işlem ekranları Nova görünümüne (koyu cam kart, ince yazı, site mavisi #22d3ee)
   Eski ekranların yerleşimi aynen korunur; yalnızca renk, yazı ve kutu biçimleri değişir.
   ===================================================================================== */
html.nova #form .sayfa:not(.nvAnaSayfa){background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))!important;border:1px solid rgba(34,211,238,.16)!important;border-radius:18px!important;color:#e7edf5!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) *{font-family:var(--nv-yazi-tipi)!important;-webkit-font-smoothing:antialiased}
html.nova #form .sayfa:not(.nvAnaSayfa) :is(.lbl,label,.blok label,span,p,div,td,th,h3){color:inherit}
html.nova #form .sayfa:not(.nvAnaSayfa) :is(.lbl,.blok label){color:#9fb6c6!important;font-weight:400!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .red{color:#22d3ee!important;font-weight:500!important}
html.nova #form .sayfa:not(.nvAnaSayfa) :is(b,strong){font-weight:500!important}
html.nova #form .sayfa:not(.nvAnaSayfa) :is(.not,p.not){color:#8fa3b8!important;font-weight:300}
html.nova #form .sayfa:not(.nvAnaSayfa) a{color:#22d3ee!important}
/* Yazı kutuları ve açılır listeler */
html.nova #form .sayfa:not(.nvAnaSayfa) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background-color:rgba(255,255,255,.05)!important;color:#fff!important;border:1px solid rgba(34,211,238,.25)!important;border-radius:10px!important;font-weight:400!important;box-shadow:none!important;color-scheme:dark}
html.nova #form .sayfa:not(.nvAnaSayfa) :is(input,select,textarea):focus{border-color:#22d3ee!important;outline:none!important;box-shadow:0 0 0 2px rgba(34,211,238,.18)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) :is(input,select,textarea):disabled{opacity:.5}
html.nova #form .sayfa:not(.nvAnaSayfa) input::placeholder,html.nova #form .sayfa:not(.nvAnaSayfa) textarea::placeholder{color:#6f8aa0!important}
html.nova #form .sayfa:not(.nvAnaSayfa) select{appearance:none!important;-webkit-appearance:none!important;padding-right:28px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2322d3ee' stroke-width='2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:11px 7px!important}
html.nova #form .sayfa:not(.nvAnaSayfa) select option{background:#0b1626!important;color:#e7edf5!important}
html.nova #form .sayfa:not(.nvAnaSayfa) :is(input[type=checkbox],input[type=radio]){accent-color:#22d3ee!important}
html.nova #form .sayfa:not(.nvAnaSayfa) label:has(>input[type=radio]){background:rgba(255,255,255,.04)!important;border:1px solid rgba(34,211,238,.22)!important;border-radius:20px!important;color:#c9d3e1!important}
html.nova #form .sayfa:not(.nvAnaSayfa) label:has(>input[type=radio]:checked){background:rgba(34,211,238,.16)!important;border-color:#22d3ee!important;color:#fff!important}
/* Düğmeler: kendi anlam rengini korur ama koyu temaya uygun yarı saydam; KAYDET site mavisi */
html.nova #form .sayfa:not(.nvAnaSayfa) .btn{border-radius:10px!important;font-weight:500!important;letter-spacing:.4px;box-shadow:none!important;
  background:color-mix(in srgb,var(--r,#22d3ee) 24%,transparent)!important;border:1px solid color-mix(in srgb,var(--r,#22d3ee) 70%,transparent)!important;color:#fff!important;filter:none!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .btn:hover:not(:disabled){background:color-mix(in srgb,var(--r,#22d3ee) 40%,transparent)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .btn:is([data-a$=Kaydet],[data-a=kurulDeftere]){background:#22d3ee!important;border-color:#22d3ee!important;color:#03141b!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .btn:is([data-a$=Kaydet],[data-a=kurulDeftere]):hover{background:#5ee3f5!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .btn[data-v="Ana Menü"]{--r:#64748b}
html.nova #form .sayfa:not(.nvAnaSayfa) .btn:disabled{opacity:.4!important}
/* Çerçeveler (kutu bölümleri) */
html.nova #form .sayfa:not(.nvAnaSayfa) .cerceve{background:rgba(255,255,255,.035)!important;border:1px solid rgba(34,211,238,.18)!important;border-radius:14px!important;box-shadow:none!important;color:#e7edf5!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .cerceve h3{color:#22d3ee!important;font-weight:500!important;letter-spacing:.3px}
/* Liste tabloları */
html.nova #form .sayfa:not(.nvAnaSayfa) .lb{background:rgba(5,11,22,.55)!important;border:1px solid rgba(34,211,238,.18)!important;border-radius:12px!important;color:#d5dde8!important;box-shadow:none!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb th,html.nova #form .sayfa:not(.nvAnaSayfa) #defterLb th{background:#08121f!important;color:#7fd8ea!important;font-weight:500!important;letter-spacing:.6px;border:0!important;border-bottom:1px solid rgba(34,211,238,.3)!important;border-right:1px solid rgba(34,211,238,.08)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td{color:#d5dde8!important;font-weight:400!important;border:0!important;border-bottom:1px solid rgba(34,211,238,.09)!important;border-right:1px solid rgba(34,211,238,.05)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb tbody tr:nth-child(odd) td,html.nova #form .sayfa:not(.nvAnaSayfa) .lb tbody tr:nth-child(even) td{background:transparent!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb tbody tr:hover:not(.sec) td{background:rgba(34,211,238,.06)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb tr.sec td{background:rgba(34,211,238,.20)!important;color:#fff!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb tr.top td{background:#0b1a2b!important;color:#fff!important;font-weight:500!important;border-top:1px solid rgba(34,211,238,.35)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td.s{color:#e7edf5!important;font-variant-numeric:tabular-nums}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td.s.sifir{color:#55677d!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td:is(.neg,.gid){color:#ef8a8a!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td.gel{color:#7bd88f!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td.bak{color:#22d3ee!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td .btn{height:24px!important;font-size:11.5px!important;padding:0 8px!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb::-webkit-scrollbar{width:10px;height:10px}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb::-webkit-scrollbar-thumb{background:rgba(34,211,238,.45);border-radius:6px}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
/* Özet tabloları ve defter özeti */
html.nova #form .sayfa:not(.nvAnaSayfa) .ozet td{color:#c9d3e1!important;font-weight:400!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .ozet td.s{color:#22d3ee!important;font-weight:500!important;background:rgba(34,211,238,.06)!important;border-radius:8px!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .defterOzet{background:rgba(255,255,255,.035)!important;border:1px solid rgba(34,211,238,.18)!important;border-radius:12px!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .defterOzet .oz-gel{color:#7bd88f!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .defterOzet .oz-gid{color:#ef8a8a!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .defterOzet .oz-bak{color:#22d3ee!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .defterOzet .oz-dev{color:#8fa3b8!important}
html.nova #form .sayfa:not(.nvAnaSayfa)::-webkit-scrollbar{width:10px;height:10px}
html.nova #form .sayfa:not(.nvAnaSayfa)::-webkit-scrollbar-thumb{background:rgba(34,211,238,.4);border-radius:6px}
html.nova #form .sayfa:not(.nvAnaSayfa) :is(.ozet,.anaOzet){background:rgba(255,255,255,.035)!important;border:1px solid rgba(34,211,238,.18)!important;border-radius:12px!important;border-collapse:separate!important;padding:4px!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .ozet td{background:transparent!important;border:0!important}

/* =====================================================================================
   PANO (Genel Bakış): Prototip-4_Pano taslağının programdaki hali
   ===================================================================================== */
html.nova #form .pnPano{position:absolute;inset:0;display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-template-rows:96px 1fr 1fr;gap:14px}
html.nova #form .pnPano *{font-family:var(--nv-yazi-tipi)!important;-webkit-font-smoothing:antialiased}
html.nova #form .pnKpiler{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
html.nova #form .pnKpi{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px!important;border:1px solid rgba(34,211,238,.16)!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))!important}
html.nova #form .pnIk{flex:none;width:46px;height:46px;border-radius:14px!important;display:grid;place-items:center;font-size:20px;color:var(--pc);background:color-mix(in srgb,var(--pc) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--pc) 40%,transparent)!important}
html.nova #form .pnKpi span{display:block;font-size:12px;color:#9fb6c6}
html.nova #form .pnKpi b{display:block;font-size:24px;font-weight:500!important;color:#fff;letter-spacing:.3px;line-height:1.2}
html.nova #form .pnKpi em{display:block;font-style:normal;font-size:11.5px;color:var(--pc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
html.nova #form .pnKart{position:relative;overflow:hidden;min-height:0;padding:14px 16px;border-radius:18px!important;border:1px solid rgba(34,211,238,.16)!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;display:flex;flex-direction:column}
html.nova #form .pnKart h3{margin:0 0 10px;font-size:13px;font-weight:500!important;letter-spacing:.4px;color:#cfe9f1;display:flex;align-items:center;gap:8px}
html.nova #form .pnKart h3 i{font-style:normal;color:#22d3ee}
html.nova #form .pnKart h3 small{margin-left:auto;font-size:11px;color:#8fa3b8;font-weight:400}
html.nova #form .pnKart h3 .pnLink{cursor:pointer;color:#22d3ee}
html.nova #form .pnGrafik{grid-row:2/4}
html.nova #form .pnGrafik svg{flex:1;min-height:0;width:100%}
html.nova #form .pnLej{margin-left:auto;display:flex;gap:16px;font-size:11.5px;color:#b9c7d6;font-weight:400}
html.nova #form .pnLej span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px!important;margin-right:6px;background:var(--pc)}
html.nova #form .pnHalka{flex:1;display:flex;align-items:center;gap:20px}
html.nova #form .pnHalkaLej{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#c9d3e1}
html.nova #form .pnHalkaLej b{font-weight:500!important;margin-left:8px;color:#fff}
html.nova #form .pnSatir{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid rgba(34,211,238,.09)!important;font-size:13px}
html.nova #form .pnSatir:last-child{border-bottom:0!important}
html.nova #form .pnTik{cursor:pointer;border-radius:8px!important}
html.nova #form .pnTik:hover{background:rgba(34,211,238,.07)!important}
html.nova #form .pnNo{width:68px;color:#fff;font-weight:500}
html.nova #form .pnAd{flex:1;color:#c9d3e1;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.nova #form .pnAy{width:56px;font-size:11px;color:#8fa3b8;text-align:right}
html.nova #form .pnPil{padding:2px 10px;border-radius:7px!important;font-size:12px;font-weight:500;background:#4a1f26!important;border:1px solid rgba(239,138,138,.55)!important;color:#ffb1b1;white-space:nowrap}
html.nova #form .pnPil.kis{background:#43360f!important;border-color:rgba(232,184,74,.6)!important;color:#ffd77a}
html.nova #form .pnDag{margin-bottom:9px;font-size:12.5px}
html.nova #form .pnDag>div{display:flex;justify-content:space-between;color:#e7edf5}
html.nova #form .pnDag>div span+span{color:#9fb6c6}
html.nova #form .pnDag i{display:block;height:7px;border-radius:4px!important;background:rgba(255,255,255,.06)!important;margin-top:4px;overflow:hidden}
html.nova #form .pnDag i b{display:block;height:100%;border-radius:4px!important}
html.nova #form .pnIs{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(34,211,238,.09)!important;font-size:12.5px;color:#e7edf5}
html.nova #form .pnIs:last-child{border-bottom:0!important}
html.nova #form .pnGun{flex:none;min-width:62px;text-align:center;font-size:11px;padding:3px 6px;border-radius:7px!important;border:1px solid rgba(34,211,238,.35)!important;color:#22d3ee}
html.nova #form .pnGun.yak{border-color:rgba(232,184,74,.6)!important;color:#e8b84a}
html.nova #form .pnGun.gec{border-color:rgba(239,138,138,.6)!important;color:#ef8a8a}
html.nova #form .pnBos{color:#8fa3b8;font-size:12.5px;padding:10px 0}

/* ---------- YAZDIRMA: Nova teması çıktılara karışmaz. Makbuzlar, işletme defteri ve raporlar eski sürümdeki renk ve düzenle basılır ---------- */
@media print{
  html.nova,html.nova body{background:#fff!important;color:#000!important}
  html.nova #kap,html.nova #nvUst,html.nova #nvSerit,html.nova #nvMenu,html.nova #durum{display:none!important}
}

/* ---------- Tüm ekranlardaki tablolar: aidat tablosundaki gibi belirgin dikey ve yatay çizgiler ---------- */
html.nova #form .sayfa:not(.nvAnaSayfa) .lb table{border-collapse:collapse!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb th{border-right:1px solid rgba(34,211,238,.18)!important;border-bottom:1px solid rgba(34,211,238,.32)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td{border-bottom:1px solid rgba(34,211,238,.13)!important;border-right:1px solid rgba(34,211,238,.13)!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb :is(th,td):last-child{border-right:0!important}
html.nova #form .sayfa:not(.nvAnaSayfa) [style*="color:#333"],html.nova #form .sayfa:not(.nvAnaSayfa) [style*="color:#555"],html.nova #form .sayfa:not(.nvAnaSayfa) [style*="color:#1B1B1B"],html.nova #form .sayfa:not(.nvAnaSayfa) [style*="color:#212121"],html.nova #form .sayfa:not(.nvAnaSayfa) [style*="color:#000"]{color:#c9d3e1!important}

/* ---------- Borçlandırma: 18 sütunlu borç tablosunda rakamlar tam görünsün (500,00 / 6.000,00 / 2026) ---------- */
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb :is(th,td){padding:6px 3px!important;font-size:12px!important;letter-spacing:0!important;text-overflow:clip!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb th{font-size:11.5px!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb td.s{text-align:right;padding-right:4px!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb td .btn{padding:0 5px!important;font-size:10.5px!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .cerceve{width:410px!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb td{font-size:11.5px!important;padding:6px 2px!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb td.s{padding-right:3px!important}

/* Yedekleme ve Ayarlar: alt kutular (Apartmanlar, Gecikme Tazminatı, Program Şifresi) yan yana, tek ekrana sığar */
html.nova #form .sayfa[data-ekran="Yedekleme ve Ayarlar"]>div>div:nth-child(2){flex:1 1 100%!important;flex-direction:row!important;align-items:stretch!important}
html.nova #form .sayfa[data-ekran="Yedekleme ve Ayarlar"]>div>div:nth-child(2)>.cerceve{flex:1 1 0!important;min-width:0}
html.nova #form .sayfa[data-ekran="Yedekleme ve Ayarlar"] .cerceve{overflow:hidden}
html.nova #form .sayfa[data-ekran="Yedekleme ve Ayarlar"] .blok label{white-space:normal!important}
html.nova #form .sayfa .nvBinaTablo input.nvBinaAdi{width:100%;max-width:360px}
html.nova #form .sayfa .nvBinaTablo td{vertical-align:middle;padding:6px 8px!important}
html.nova #form .sayfa .nvBinaTablo .btn[data-a=nvBinaSil]{--r:#C42B1C}
html.nova #form .sayfa .nvBinaTablo .btn[data-a=nvBinaAc]{--r:#22d3ee}

/* ---------- Hakkında ---------- */
html.nova #form .hkSayfa{display:flex;gap:18px;align-items:flex-start;padding:4px}
html.nova #form .hkKart{flex:0 0 380px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 22px!important}
html.nova #form .hkLogo{width:170px;height:170px;object-fit:cover;border-radius:28px!important;box-shadow:0 0 40px rgba(34,211,238,.25)!important;margin-bottom:16px}
html.nova #form .hkAd{font-size:21px;font-weight:500!important;color:#fff;letter-spacing:.4px}
html.nova #form .hkSurum{margin-top:6px;font-size:13px;color:#22d3ee;border:1px solid rgba(34,211,238,.4)!important;border-radius:20px!important;padding:3px 12px}
html.nova #form .hkGelistiren{margin-top:12px;font-size:13px;color:#9fb6c6}
html.nova #form .hkBag{margin-top:18px;width:100%;display:flex;flex-direction:column;gap:8px}
html.nova #form .hkBag>div{display:flex;justify-content:space-between;padding:8px 12px;border:1px solid rgba(34,211,238,.16)!important;border-radius:10px!important;font-size:13px}
html.nova #form .hkBag span{color:#8fa3b8}
html.nova #form .hkTelif{margin-top:18px;font-size:11.5px;color:#6f8aa0}
html.nova #form .hkSag{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
html.nova #form .hkSag p{margin:0;line-height:1.6;color:#c9d3e1;font-size:13.5px}
html.nova #form .hkListe{margin:0;padding-left:18px;line-height:1.75;font-size:13.5px;color:#c9d3e1}
html.nova #form .hkListe b{color:#fff}

/* DASHBOARD düğmesi: sol şeridin en üstü, panodayken turkuaz yanar */
html.nova #nvSerit .nvDash{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;margin:0 0 6px;border-radius:14px;border:1px solid rgba(34,211,238,.35);background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(59,130,246,.06));color:#e7edf5;cursor:pointer;font-family:inherit;text-align:left;transition:background .2s,box-shadow .2s,border-color .2s}
html.nova #nvSerit .nvDash:hover{border-color:rgba(34,211,238,.7);background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(59,130,246,.10))}
html.nova #nvSerit .nvDash i{font-style:normal;font-size:20px;line-height:1;color:#22d3ee;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(34,211,238,.12)}
html.nova #nvSerit .nvDash span{display:flex;flex-direction:column;line-height:1.15}
html.nova #nvSerit .nvDash b{font-weight:600;font-size:14px;letter-spacing:1.6px}
html.nova #nvSerit .nvDash small{font-weight:400;font-size:11px;color:#9fb6c6;margin-top:2px}
html.nova #nvSerit .nvDash.aktif{border-color:#22d3ee;background:linear-gradient(135deg,rgba(34,211,238,.28),rgba(59,130,246,.16));box-shadow:0 0 0 1px rgba(34,211,238,.35),0 8px 26px rgba(34,211,238,.22)}
html.nova #nvSerit .nvDash.aktif i{background:#22d3ee;color:#04121a}
html.nova #nvSerit .nvDash.aktif small{color:#c9f4fb}

/* Simetri (tüm kayıt ekranları): sol form + sağ tablo düzenindeki ekranlarda ikisi de alta kadar uzar, form kutuları eşit genişlikte, düğmeler satırı doldurur */
@media screen{
html.nova #form .sayfa:not(.nvAnaSayfa):not([data-ekran="Yedekleme ve Ayarlar"]):has(>div[style*="display:flex"]>.cerceve){display:flex;flex-direction:column}
html.nova #form .sayfa:not(.nvAnaSayfa):not([data-ekran="Yedekleme ve Ayarlar"])>div[style*="display:flex"]:has(>.cerceve){flex:1;min-height:0;box-sizing:border-box;align-items:stretch!important}
html.nova #form .sayfa:not(.nvAnaSayfa):not([data-ekran="Yedekleme ve Ayarlar"])>div[style*="display:flex"]:has(>.cerceve)>.cerceve{min-height:0!important;box-sizing:border-box;overflow:auto}
html.nova #form .sayfa:not(.nvAnaSayfa):not([data-ekran="Yedekleme ve Ayarlar"])>div[style*="display:flex"]:has(>.cerceve)>.lb{height:auto!important}
html.nova #form .sayfa:not(.nvAnaSayfa):not([data-ekran="Yedekleme ve Ayarlar"])>div[style*="display:flex"]:has(>.cerceve)>div[style*="flex:1"]{display:flex;flex-direction:column;min-height:0}
html.nova #form .sayfa:not(.nvAnaSayfa):not([data-ekran="Yedekleme ve Ayarlar"])>div[style*="display:flex"]:has(>.cerceve)>div[style*="flex:1"]>.lb{flex:1;height:auto!important;min-height:0}
html.nova #form .sayfa:not(.nvAnaSayfa) .cerceve .blok>:is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%!important;max-width:100%;box-sizing:border-box}
html.nova #form .sayfa:not(.nvAnaSayfa) .cerceve .blok>div:has(>input:not([type=checkbox]):not([type=radio])){display:flex;align-items:center;gap:8px;min-width:0}
html.nova #form .sayfa:not(.nvAnaSayfa) .cerceve .blok>div>input:not([type=checkbox]):not([type=radio]){flex:1;min-width:0;width:auto!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .cerceve>div[style*="display:flex"]:has(>.btn):not(:has(>input,>select)) .btn{flex:1}
}

/* Daire Kayıt İşlemleri: form ve tablo ekranın altına kadar uzar, kutular eşit genişlikte, Daire/Blok/Hane ortalı */
@media screen{
html.nova #form .sayfa[data-ekran="Daire Kayıt İşlemleri"]>div{height:100%;box-sizing:border-box;align-items:stretch!important}
html.nova #form .sayfa[data-ekran="Daire Kayıt İşlemleri"] .cerceve{width:400px!important;min-height:0!important;flex:none;box-sizing:border-box}
html.nova #form .sayfa[data-ekran="Daire Kayıt İşlemleri"] .blok :is(input,select){width:100%!important;box-sizing:border-box}
html.nova #form .sayfa[data-ekran="Daire Kayıt İşlemleri"] .lb{height:auto!important}
html.nova #form .sayfa[data-ekran="Daire Kayıt İşlemleri"] .lb :is(th,td){padding:7px 6px!important;font-size:12.5px!important;letter-spacing:0!important}
html.nova #form .sayfa[data-ekran="Daire Kayıt İşlemleri"] .lb :is(th,td):is(:nth-child(1),:nth-child(2),:nth-child(5)){text-align:center!important}

/* Borçlandırma: dar form ve aylar paneli, form ve tablo ekranın altına kadar */
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"]>div{height:100%;box-sizing:border-box;align-items:stretch!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .cerceve{width:340px!important;min-height:0!important;box-sizing:border-box}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .blok :is(input:not([type=checkbox]),select){width:100%!important;max-width:100%;box-sizing:border-box}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .blok>div{display:flex;align-items:center;gap:10px}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .blok>div>input{flex:1;min-width:0;width:auto!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .blok>div>label{white-space:nowrap;font-size:12.5px!important;display:flex;align-items:center;gap:5px}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .cerceve>div:has(>[data-a="borcKaydet"]) .btn{flex:1}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .cerceve>div[style*="repeat(4"]{gap:4px 6px!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .cerceve>div[style*="repeat(4"] label{font-size:11.5px!important;font-weight:500!important;text-align:center}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .cerceve>div[style*="repeat(4"] input{height:28px!important;padding:0 6px!important;font-size:12.5px!important;box-sizing:border-box}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb{height:auto!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb :is(td,th){text-align:center!important}
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .cerceve>div[style*="repeat(4"] input{text-align:center!important}
}

/* Sakin kartı: aidat tablosunda isme tıklayınca ortada açılır. Net, kalın çerçeveler (göz yormasın) */
html.nova #form .nvAdTik{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(34,211,238,.45);text-underline-offset:3px}
html.nova #form .nvAdTik:hover{color:#22d3ee;text-decoration-color:#22d3ee}
html.nova .nvKartPen{position:fixed;inset:0;z-index:40;background:rgba(2,8,18,.72);display:flex;align-items:center;justify-content:center;font-family:var(--nv-yazi-tipi)}
html.nova .nvKartK{width:min(980px,94vw);max-height:92vh;overflow:auto;background:#0a1626;border:2px solid #22d3ee;border-radius:16px;padding:18px 22px;color:#e7edf5;box-shadow:0 20px 60px rgba(0,0,0,.6);cursor:default}
html.nova .nvKartBas{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(34,211,238,.3);padding-bottom:10px}
html.nova .nvKartBas h2{margin:0;font-size:22px;font-weight:600;color:#fff}
html.nova .nvKartBas p{margin:4px 0 0;font-size:14px;color:#a9b6c7}
html.nova .nvKartK .nvB{font-family:var(--nv-yazi-tipi);font-size:13px;font-weight:600;height:36px;padding:0 14px;cursor:pointer;color:#e7edf5;background:rgba(34,211,238,.10);border:1.5px solid rgba(34,211,238,.55);border-radius:10px}
html.nova .nvKartK .nvB:hover{background:rgba(34,211,238,.22)}
html.nova .nvKartYil{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px 0 10px}
html.nova .nvKartYil h3{margin:0;font-size:18px;font-weight:600;color:#22d3ee;min-width:200px;text-align:center}
html.nova .nvAyIzgara{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
html.nova .nvAyKutu{border:2px solid;border-radius:12px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:3px;min-height:92px;justify-content:center}
html.nova .nvAyKutu span{font-size:13px;font-weight:700;letter-spacing:.6px}
html.nova .nvAyKutu b{font-size:17px;font-weight:700}
html.nova .nvAyKutu i{font-style:normal;font-size:12.5px}
html.nova .nvAyKutu em{font-style:normal;font-size:11.5px;opacity:.9}
html.nova .nvAyKutu.odendi{border-color:#22c55e;background:rgba(34,197,94,.14);color:#bbf7d0}
html.nova .nvAyKutu.kismi{border-color:#facc15;background:rgba(250,204,21,.14);color:#fef08a}
html.nova .nvAyKutu.borclu{border-color:#ef4444;background:rgba(239,68,68,.16);color:#fecaca}
html.nova .nvAyKutu.bekliyor{border-color:#64748b;background:rgba(100,116,139,.12);color:#cbd5e1}
html.nova .nvAyKutu.yok{border-color:#334155;color:#64748b}
html.nova .nvKartTop{display:flex;gap:14px;margin:14px 0 6px}
html.nova .nvKartTop span{flex:1;border:2px solid;border-radius:12px;padding:10px 14px;font-size:15px}
html.nova .nvKartTop span b{font-size:18px}
html.nova .nvKartTop .b{border-color:#ef4444;color:#fecaca;background:rgba(239,68,68,.10)}
html.nova .nvKartTop .o{border-color:#22c55e;color:#bbf7d0;background:rgba(34,197,94,.10)}
html.nova .nvKartSon h4{margin:12px 0 6px;font-size:14px;font-weight:600;color:#7fd8ea}
html.nova .nvKartSon table{width:100%;border-collapse:collapse;font-size:13.5px}
html.nova .nvKartSon th{text-align:left;color:#7fd8ea;font-weight:500;border-bottom:1.5px solid rgba(34,211,238,.4);padding:5px 8px}
html.nova .nvKartSon td{border-bottom:1px solid rgba(34,211,238,.18);padding:5px 8px}
html.nova .nvKartSon td.s{text-align:right;font-variant-numeric:tabular-nums}
html.nova .nvKartSon p{color:#a9b6c7;font-size:13.5px}html.nova .nvKDs{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}
html.nova .nvKD{font-family:var(--nv-yazi-tipi);font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:4px 8px;cursor:pointer;color:#fff;background:rgba(255,255,255,.10);border:1.5px solid rgba(255,255,255,.55);border-radius:7px}
html.nova .nvKD:hover{background:rgba(255,255,255,.24)}
html.nova .nvKD.ode{background:#16a34a;border-color:#86efac}
html.nova .nvKD.ipt{background:rgba(239,68,68,.25);border-color:#f87171}
html.nova .nvKD.wa{background:#15803d;border-color:#86efac;padding:2px 8px;margin-left:4px}
html.nova .nvAyKutu.secili{outline:3px solid #22d3ee;outline-offset:2px}
html.nova .nvKartOde{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:2px solid #22d3ee;border-radius:12px;background:rgba(34,211,238,.08);font-size:14.5px}
html.nova .nvKartOde b{color:#22d3ee;font-size:16px}
html.nova .nvKartOde input,html.nova .nvKartOde select{font-family:var(--nv-yazi-tipi);font-size:15px;height:36px;margin-left:6px;padding:0 10px;color:#fff;background:#0f2238;border:1.5px solid rgba(34,211,238,.6);border-radius:8px}
html.nova .nvKartOde input{width:120px}
html.nova .nvKartOde small{flex-basis:100%;color:#a9b6c7;font-size:12.5px}
/* Başlıktaki apartman adı: tıklanınca apartman / site listesi (kullanıcı isteği 04.11; sol şeritteki seçim kutusu kalktı) */
@media screen{
html.nova #nvUst{overflow:visible}
html.nova .nvLogoK{position:relative;flex:none}
html.nova #nvUst .nvLogo{cursor:pointer;border-radius:14px!important;padding:6px 10px 6px 6px;margin-left:-6px;border:1px solid transparent;transition:background .12s,border-color .12s}
html.nova #nvUst .nvLogo:hover,html.nova #nvUst .nvLogo.acik{background:rgba(34,211,238,.10);border-color:rgba(34,211,238,.45)}
html.nova #nvUst .nvLogoOk{font-style:normal;color:#22d3ee;font-size:13px;margin-left:8px;vertical-align:1px}
html.nova .nvBinaPanel{position:absolute;left:-6px;top:calc(100% + 10px);width:330px;z-index:60;padding:12px;border-radius:16px;background:#0b1626;border:1.5px solid rgba(34,211,238,.55);box-shadow:0 22px 60px rgba(0,0,0,.6),0 0 30px rgba(34,211,238,.10);display:flex;flex-direction:column;gap:6px}
html.nova .nvBinaPanel h4{margin:2px 4px 6px;font-size:11.5px;font-weight:500;letter-spacing:.8px;color:#22d3ee}
html.nova .nvBinaPanel a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(34,211,238,.28);background:rgba(34,211,238,.05);color:#e7edf5;font-size:14.5px;cursor:pointer;text-decoration:none}
html.nova .nvBinaPanel a:hover{background:rgba(34,211,238,.16);border-color:rgba(34,211,238,.6)}
html.nova .nvBinaPanel a i{font-style:normal;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:600;color:#04121a;background:linear-gradient(135deg,#22d3ee,#3b82f6 55%,#6366f1);flex:none}
html.nova .nvBinaPanel a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.nova .nvBinaPanel a.akt{border:2px solid #22d3ee;background:rgba(34,211,238,.18)}
html.nova .nvBinaPanel a b{color:#22d3ee;font-weight:600}
html.nova .nvBinaPanel a.yeni{border-style:dashed;color:#9fb0c4;margin-top:4px}
html.nova .nvBinaPanel a.yeni i{background:none;border:1.5px dashed #22d3ee;color:#22d3ee}
}
@media screen{html.nova .nvBinaPanel{border-radius:16px!important}html.nova .nvBinaPanel a{border-radius:12px!important}html.nova .nvBinaPanel a i{border-radius:10px!important}}

/* ONLINE sürüm: tahsil penceresi (iki hamle), köşe bildirimi, deneme girişi, Hesabım. Yalnız GENEL.online iken oluşur */
@media screen{
html.nova #nvUst .kapat[hidden]{display:none!important}
html.nova #nvUst .nvCikisDug{border:1.5px solid rgba(34,211,238,.55)!important;background:rgba(34,211,238,.10)!important;color:#e7edf5!important;border-radius:12px!important;padding:0 16px;height:44px;font-size:13.5px;white-space:nowrap}
.nvTahPen{position:fixed;inset:0;z-index:45;background:rgba(2,6,13,.6);display:grid;place-items:center;font-family:'DM Sans',system-ui,sans-serif}
.nvTahK{width:540px;border-radius:22px;background:#0b1a2c;border:1.5px solid #22d3ee;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 40px rgba(34,211,238,.15);padding:24px 26px;color:#e7edf5}
.nvTahK h2{margin:0;font-weight:500;font-size:20px;display:flex;align-items:center;gap:10px}.nvTahK h2 span{color:#9fb0c4;font-size:14px;font-weight:400}
.nvTahK h2 button{margin-left:auto;background:none;border:0;color:#9fb0c4;font-size:20px;cursor:pointer}
.nvTahAlt{margin:4px 0 0;color:#9fb0c4;font-size:13px}
.nvTahAylar{margin:14px 0 4px;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto}
.nvTahAylar a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1.5px solid rgba(255,255,255,.22);font-size:15px;cursor:pointer;color:#c9d4e1}
.nvTahAylar a.on{border-color:rgba(239,138,138,.75);background:rgba(239,138,138,.10);color:#fff}
.nvTahAylar a.gel.on{border-color:rgba(34,211,238,.7);background:rgba(34,211,238,.10)}
.nvTahAylar a i{font-style:normal;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;border:1.5px solid #9fb0c4;font-size:14px;font-weight:600;flex:none}
.nvTahAylar a.on i{background:#22d3ee;border-color:#22d3ee;color:#04121a}
.nvTahAylar a b{margin-left:auto;font-weight:500}
.nvTahIki{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.nvTahIki label{font-size:12.5px;color:#22d3ee;letter-spacing:.06em;display:flex;flex-direction:column;gap:6px}
.nvTahIki input{height:52px;border-radius:12px;border:2px solid #22d3ee;background:rgba(34,211,238,.06);padding:0 14px;font:inherit;font-size:22px;font-weight:500;color:#fff;outline:none;width:100%;box-sizing:border-box}
.nvTahIki label span{display:flex;gap:8px}
.nvTahIki label span button{flex:1;height:52px;border-radius:12px;border:1.5px solid rgba(34,211,238,.4);background:none;font:inherit;font-size:15px;color:#9fb0c4;cursor:pointer}
.nvTahIki label span button.on{border:2px solid #22d3ee;background:rgba(34,211,238,.2);color:#fff;font-weight:500}
.nvTahDug{display:block;width:100%;margin-top:18px;height:58px;border:0;border-radius:14px;font:inherit;font-weight:600;font-size:18px;letter-spacing:.05em;color:#04121a;background:linear-gradient(90deg,#22d3ee,#3b82f6);box-shadow:0 0 0 4px rgba(34,211,238,.25);cursor:pointer}
.nvTahDug:focus{outline:3px solid #fff;outline-offset:2px}.nvTahDug small{font-weight:500;font-size:12px;opacity:.75;margin-left:8px}
.nvTahNot{margin:12px 0 0;font-size:12.5px;color:#9fb0c4;text-align:center}
#nvTost{position:fixed;right:30px;bottom:30px;width:470px;z-index:46;border-radius:18px;background:#0d2a22;border:1.5px solid #7bd88f;box-shadow:0 20px 60px rgba(0,0,0,.55);padding:18px 20px;font-family:'DM Sans',system-ui,sans-serif;display:none}
#nvTost.acik{display:block}
#nvTost h3{margin:0 0 4px;font-weight:500;color:#d7ffe0;font-size:17px}#nvTost p{margin:0 0 14px;color:#a9d8b8;font-size:13.5px}
#nvTost div{display:flex;gap:10px}#nvTost button{flex:1;height:44px;border-radius:12px;border:1.5px solid var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);color:#fff;font:inherit;font-size:14px;cursor:pointer}
#nvGiris{position:fixed;inset:0;z-index:48;display:grid;place-items:center;font-family:'DM Sans',system-ui,sans-serif;color:#e7edf5;background:radial-gradient(1200px 600px at 15% -10%,rgba(34,211,238,.14),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(59,130,246,.12),transparent 60%),#050c18}
.nvGirisK{width:440px;padding:36px 38px;border-radius:24px;background:rgba(10,22,38,.9);border:1px solid rgba(34,211,238,.45);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(34,211,238,.08)}
.nvGirisLogo{display:flex;align-items:center;gap:12px}.nvGirisLogo i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:600;color:#04121a;background:linear-gradient(135deg,#22d3ee,#3b82f6 55%,#6366f1)}
.nvGirisLogo b{display:block;font-weight:600}.nvGirisLogo small{color:#9fb0c4;font-size:12px}
.nvGirisK h1{font-weight:500;font-size:24px;margin:26px 0 6px}.nvGirisK>p{color:#9fb0c4;margin:0 0 14px;font-size:14px}
.nvGirisK label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#22d3ee;letter-spacing:.06em;margin-top:12px}
.nvGirisK input{height:48px;border-radius:12px;border:1.5px solid rgba(34,211,238,.5);background:rgba(34,211,238,.05);padding:0 14px;color:#fff;font:inherit;font-size:15px;outline:none}
.nvGirisK input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.2)}
.nvGirisDug{display:block;width:100%;margin-top:22px;height:52px;border:0;border-radius:14px;font:inherit;font-weight:600;font-size:16px;letter-spacing:.04em;color:#04121a;background:linear-gradient(90deg,#22d3ee,#3b82f6);cursor:pointer}
.nvGirisAlt{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:12.5px;color:#9fb0c4}.nvGirisAlt a{color:#22d3ee;cursor:pointer}.nvGirisAlt a b{font-weight:600}
.nvGirisK label small{color:#9fb0c4;letter-spacing:0;font-size:11.5px}
.nvGirisMsj{margin-top:16px;padding:12px 14px;border-radius:12px;font-size:13.5px;line-height:1.45}
.nvGirisMsj.hata{color:#ffd0d0;background:rgba(239,68,68,.12);border:1.5px solid rgba(239,68,68,.6)}
.nvGirisMsj.ok{color:#cfeedd;background:rgba(123,216,143,.10);border:1.5px solid rgba(123,216,143,.6)}
.nvGirisDug:disabled{opacity:.6;cursor:wait}
.nvGirisDene{margin-top:20px;padding:14px 16px;border-radius:14px;border:1.5px dashed rgba(123,216,143,.6);background:rgba(123,216,143,.07);font-size:13.5px;color:#cfeedd}.nvGirisDene b{color:#7bd88f;font-weight:500}
html.nova #form .nvHes{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:4px}
html.nova #form .nvHesRoz{display:inline-block;padding:4px 12px;border-radius:999px!important;border:1.5px solid #7bd88f;color:#d7ffe0;background:rgba(123,216,143,.14);margin-right:8px}
html.nova #form .nvHesPlan{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
html.nova #form .nvHesPlan div{border-radius:14px!important;border:1.5px solid rgba(34,211,238,.4);padding:14px;text-align:center}
html.nova #form .nvHesPlan div.on{border:2px solid #22d3ee;background:rgba(34,211,238,.12)}
html.nova #form .nvHesPlan b{display:block;font-size:20px;font-weight:500;color:#22d3ee;margin:6px 0}html.nova #form .nvHesPlan small{color:#9fb0c4;font-size:12.5px}
html.nova #form .nvHesSat{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-bottom:1px solid rgba(34,211,238,.38);font-size:14.5px}html.nova #form .nvHesSat span{color:#9fb0c4}
}
/* İkinci online prototip (html.sekmeli): sol şerit yok, üst sekmeler; çizgiler belirgin (görsel netlik) */
@media screen{
html.nova.sekmeli #form #nvSerit{display:none!important}
html.nova.sekmeli #nvUst{z-index:30}/* üst şerit sekmelerin ve sayfanın üstünde kalsın (Prototip2'de elle yapılan düzeltme, 05.11) */
html.nova.sekmeli #form #nvSekme{position:absolute;left:0;right:0;top:84px;z-index:3;font-family:var(--nv-yazi-tipi);background:linear-gradient(180deg,#07111f,#050c18)!important;border-bottom:1px solid rgba(34,211,238,.35)!important}
html.nova.sekmeli #form #nvSekme *{font-family:var(--nv-yazi-tipi)!important}
html.nova.sekmeli #form .nvSekSatir,html.nova.sekmeli #form .nvSekAlt{display:flex;align-items:center;gap:8px;padding:0 16px}
html.nova.sekmeli #form .nvSekSatir{height:52px}
html.nova.sekmeli #form .nvSekAlt{height:50px;border-top:1px solid rgba(34,211,238,.22)!important;background:rgba(34,211,238,.04)!important}
html.nova.sekmeli #form .nvBosluk{flex:1}
html.nova.sekmeli #form .nvSek{height:38px;padding:0 18px;font-size:14px;font-weight:500;color:#dbe6f2;cursor:pointer;white-space:nowrap;background:rgba(255,255,255,.04)!important;border:1px solid rgba(34,211,238,.35)!important;border-radius:10px!important}
html.nova.sekmeli #form .nvSek:hover{background:rgba(34,211,238,.12)!important;border-color:#22d3ee!important}
html.nova.sekmeli #form .nvSek.akt,html.nova.sekmeli #form .nvSek.acik{background:#22d3ee!important;border-color:#22d3ee!important;color:#04121a}
html.nova.sekmeli #form .nvAltSek{height:34px;padding:0 16px;font-size:13.5px;font-weight:500;color:#dbe6f2;cursor:pointer;white-space:nowrap;background:transparent!important;border:1px solid rgba(34,211,238,.35)!important;border-radius:18px!important}
html.nova.sekmeli #form .nvAltSek:hover{border-color:#22d3ee!important}
html.nova.sekmeli #form .nvAltSek.akt{background:rgba(34,211,238,.18)!important;border-color:#22d3ee!important;color:#fff}
html.nova.sekmeli #form .nvSekAlt label{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.6px;color:var(--nv-soluk)}
html.nova.sekmeli #form .nvSekAlt select.nvSec{height:36px;min-width:150px;background-color:rgba(34,211,238,.07)!important;border-color:rgba(34,211,238,.35)!important}
html.nova.sekmeli #form .nvSekAlt select.nvBlokSec{min-width:130px}
html.nova.sekmeli #form .nvSekAlt .nvYil{margin-left:0;border-color:rgba(34,211,238,.35)!important}
html.nova.sekmeli #form .nvSekAlt input.nvAraBuyuk{width:300px;height:36px;padding:0 14px;font-size:14px;color:#fff;background:rgba(34,211,238,.07)!important;border:1.5px solid rgba(34,211,238,.5)!important;border-radius:12px!important;outline:none}
html.nova.sekmeli #form .nvSekAlt input.nvAraBuyuk:focus{border-color:#22d3ee!important}
html.nova.sekmeli #form .nvSekAlt input.nvAraBuyuk::placeholder{color:#7f97ab}
html.nova.sekmeli #form .nvSekSatir select.nvSec{height:38px}
html.nova.sekmeli #form .nvAyarYer{display:none}
html.nova.sekmeli #form .sayfa{left:16px!important;top:150px!important}
html.nova.sekmeli.sekme2 #form .sayfa{top:200px!important}
html.nova.sekmeli #nvMenu{left:0!important;top:136px!important}
}
@media screen{.nvTahK .nvTahIki input{background:rgba(34,211,238,.06)!important;color:#fff!important;border:2px solid #22d3ee!important;border-radius:12px!important;font-size:22px!important;height:52px!important}.nvGirisK input{background:rgba(34,211,238,.05)!important;color:#fff!important;border:1.5px solid rgba(34,211,238,.5)!important;border-radius:12px!important}}

/* Online kayıt durumu (sol alt) ve açılışta "yükleniyor" perdesi */
#nvBulut{position:fixed;left:18px;bottom:14px;z-index:44;padding:7px 14px;border-radius:999px;font:500 13px 'DM Sans',system-ui,sans-serif;background:#0a1626;border:1.5px solid #22d3ee;color:#bfefff;box-shadow:0 6px 20px rgba(0,0,0,.4)}
#nvBulut.bekliyor{border-color:#9fb0c4;color:#d6dee8}
#nvBulut.hata{border-color:#f87171;color:#fecaca;background:#2a0f12}
#nvBulutPerde{position:fixed;inset:0;z-index:47;display:grid;place-items:center;background:rgba(5,12,22,.88);font-family:'DM Sans',system-ui,sans-serif;color:#e7edf5}
#nvBulutPerde>div{width:420px;padding:30px 32px;border-radius:20px;background:#0a1626;border:1.5px solid #22d3ee;text-align:center}
#nvBulutPerde b{display:block;font-size:20px;font-weight:600;margin-bottom:8px}
#nvBulutPerde small{display:block;font-size:14px;color:#b9c6d6;line-height:1.5}

/* Giriş ekranı: şifre kutusunun içinde GÖSTER/GİZLE düğmesi, Caps Lock uyarısı */
.nvSifreK{position:relative;display:block}
.nvSifreK input{width:100%;box-sizing:border-box;padding-right:104px!important}
.nvGoz{position:absolute;right:7px;top:50%;transform:translateY(-50%);height:34px;min-width:86px;padding:0 12px;border-radius:9px;border:1.5px solid #22d3ee;background:#0a1626;color:#bfefff;font:600 13px 'DM Sans',system-ui,sans-serif;letter-spacing:.05em;cursor:pointer}
.nvGoz:hover{background:rgba(34,211,238,.15)}
.nvGoz.acik{background:#22d3ee;color:#04121a}
.nvCaps{margin-top:10px;padding:8px 12px;border-radius:10px;border:1.5px solid #fbbf24;background:rgba(251,191,36,.1);color:#fde68a;font-size:13.5px}
.nvCaps[hidden]{display:none}

/* ===== 08.11 MASAÜSTÜ: LİSTELER DİKEY SIKILAŞTIRMA =====
   Aidat tablosu (ana sayfa, .nvKaydir) HARİÇ bütün .lb listeleri: yazı ve genişlik aynı, satırlar alçak.
   Düğme/kutu köşelerine (yuvarlaklık) dokunulmaz. */
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td,html.nova #form .sayfa:not(.nvAnaSayfa) .lb.sig td{padding-top:2px!important;padding-bottom:2px!important;line-height:1.25!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb th,html.nova #form .sayfa:not(.nvAnaSayfa) .lb.sig th{padding-top:5px!important;padding-bottom:5px!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td .btn{height:20px!important;line-height:18px!important}
html.nova #form .sayfa:not(.nvAnaSayfa) .lb td input[type=checkbox]{height:14px;width:14px}
html.nova #form .sayfa:not(.nvAnaSayfa) #defterLb td{padding-top:2px!important;padding-bottom:2px!important;line-height:1.25!important}
/* Borçlandırma: uzun borç türü adı kesilmesin (sığmazsa alt satıra geçer) */
html.nova #form .sayfa[data-ekran="Borçlandırma İşlemleri"] .lb td:nth-child(4){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word}
/* ===================== GELİR / GİDER YENİ GÖRÜNÜM (08.11 · masaüstü) =====================
   index.html'deki SAYFALAR['Gelir İşlemleri'] / ['Gider İşlemleri'] (.gg) için. #sayfa kimliği eski katmanları ezer. */
html.nova #form #sayfa .gg{display:flex;flex-direction:column;gap:10px;font-family:var(--nv-yazi-tipi);font-size:13px;color:#e7edf5;min-width:1060px}
html.nova #form #sayfa .gg *{box-sizing:border-box}
html.nova #form #sayfa .gg .ggKart{background:rgba(255,255,255,.035)!important;border:1px solid rgba(34,211,238,.16)!important;border-radius:12px!important;padding:11px 14px}
html.nova #form #sayfa .gg h4{margin:0;font-size:12.5px;font-weight:700;letter-spacing:1px;color:#22d3ee!important;white-space:nowrap}
html.nova #form #sayfa .gg h4.sar{color:#fbbf24!important}
html.nova #form #sayfa .gg .ggBaslik{display:flex;align-items:center;gap:10px;margin-bottom:9px;min-height:26px}
html.nova #form #sayfa .gg .ggBaslik small,html.nova #form #sayfa .gg .ggSoluk{color:#8b98ad!important;font-size:11.5px}
html.nova #form #sayfa .gg .ggSag{margin-left:auto;display:flex;align-items:center;gap:6px;color:#8b98ad!important;font-size:12px}
html.nova #form #sayfa .gg .kir{color:#f87171!important}
/* girişler */
html.nova #form #sayfa .gg :is(input:not([type=checkbox]):not([type=radio]),select){height:32px!important;font-size:13px!important;padding:0 10px!important;border-radius:8px!important;background-color:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;width:100%;min-width:0;font-family:var(--nv-yazi-tipi)!important}
html.nova #form #sayfa .gg select{padding-right:26px!important}
html.nova #form #sayfa .gg :is(input,select):focus{border-color:#22d3ee!important;box-shadow:0 0 0 2px rgba(34,211,238,.2)!important;outline:none!important}
html.nova #form #sayfa .gg input:disabled{opacity:.55}
html.nova #form #sayfa .gg .ggYan{display:flex;gap:6px;align-items:center}
html.nova #form #sayfa .gg .ggYan small{color:#8b98ad!important;font-size:11px;white-space:nowrap}
/* düğmeler */
html.nova #form #sayfa .gg :is(.ggB,.ggSc,.ggCip,.ggF){font-family:var(--nv-yazi-tipi)!important;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}
html.nova #form #sayfa .gg .ggB{height:40px!important;width:auto!important;padding:0 12px!important;border-radius:9px!important;border:1px solid rgba(34,211,238,.38)!important;background:rgba(34,211,238,.06)!important;color:#e7edf5!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.5px}
html.nova #form #sayfa .gg .ggB:hover{background:rgba(34,211,238,.18)!important}
html.nova #form #sayfa .gg .ggB.ana{background:#22d3ee!important;border-color:#22d3ee!important;color:#03141b!important;font-size:14px!important}
html.nova #form #sayfa .gg .ggB.ana:hover{background:#5ee3f5!important}
html.nova #form #sayfa .gg .ggB.kucuk{height:30px!important;font-size:11.5px!important;padding:0 10px!important;flex:none}
html.nova #form #sayfa .gg .ggB.ince{height:32px!important;width:100%!important;margin-top:8px;border-style:dashed!important;color:#22d3ee!important;font-size:12px!important}
html.nova #form #sayfa .gg .ggDugmeler{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}
html.nova #form #sayfa .gg .ggSecim{display:flex;gap:6px}
html.nova #form #sayfa .gg .ggSc{flex:1;height:32px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.035)!important;color:#c9d6e3!important;font-size:12.5px!important}
html.nova #form #sayfa .gg .ggSc:hover{border-color:rgba(34,211,238,.5)!important}
html.nova #form #sayfa .gg .ggSc.on{background:rgba(34,211,238,.18)!important;border-color:#22d3ee!important;color:#fff!important;font-weight:700!important}
html.nova #form #sayfa .gg .ggCipler{display:flex;flex-wrap:wrap;gap:6px}
html.nova #form #sayfa .gg .ggCip{height:28px!important;padding:0 12px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.04)!important;color:#c9d6e3!important;font-size:12px!important}
html.nova #form #sayfa .gg .ggCip:hover{border-color:rgba(34,211,238,.55)!important}
html.nova #form #sayfa .gg .ggCip.on{background:#22d3ee!important;border-color:#22d3ee!important;color:#03141b!important;font-weight:700!important}
html.nova #form #sayfa .gg .ggF{height:26px!important;padding:0 10px!important;border-radius:7px!important;border:1px solid rgba(255,255,255,.16)!important;background:transparent!important;color:#c9d6e3!important;font-size:12px!important}
html.nova #form #sayfa .gg .ggF.on{border-color:#22d3ee!important;color:#22d3ee!important;background:rgba(34,211,238,.08)!important}
html.nova #form #sayfa .gg .ggF:disabled{opacity:.35;cursor:default}
html.nova #form #sayfa .gg .ggAra{width:150px!important;height:26px!important;font-size:12px!important}
/* üst kart */
html.nova #form #sayfa .gg .ggUst{display:flex;align-items:center;gap:14px}
html.nova #form #sayfa .gg .ggAlan span{display:block;font-size:10.5px;letter-spacing:.8px;color:#8b98ad;margin-bottom:3px}
html.nova #form #sayfa .gg .ggAlan select{width:190px}
html.nova #form #sayfa .gg .ggAv{width:44px;height:44px;border-radius:50%!important;display:grid;place-items:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;flex:none}
html.nova #form #sayfa .gg .ggKim{min-width:0}
html.nova #form #sayfa .gg .ggKim b{display:block;font-size:16px;color:#fff;letter-spacing:.3px}
html.nova #form #sayfa .gg .ggKim small{display:block;color:#8b98ad!important;font-size:11.5px;margin-top:2px}
html.nova #form #sayfa .gg .ggOzetler{margin-left:auto;display:flex;gap:8px}
html.nova #form #sayfa .gg .ggOz{min-width:150px;padding:7px 12px;border-radius:10px!important;border:1px solid}
html.nova #form #sayfa .gg .ggOz span{display:block;font-size:10.5px;letter-spacing:.6px}
html.nova #form #sayfa .gg .ggOz b{display:block;font-size:18px;margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
html.nova #form #sayfa .gg .ggOz.kir{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.45)!important}
html.nova #form #sayfa .gg .ggOz.kir span{color:#fca5a5!important}html.nova #form #sayfa .gg .ggOz.kir b{color:#f87171!important}
html.nova #form #sayfa .gg .ggOz.sar{background:rgba(234,179,8,.11)!important;border-color:rgba(234,179,8,.45)!important}
html.nova #form #sayfa .gg .ggOz.sar span{color:#fcd34d!important}html.nova #form #sayfa .gg .ggOz.sar b{color:#fbbf24!important}
html.nova #form #sayfa .gg .ggOz.yes{background:rgba(34,197,94,.10)!important;border-color:rgba(34,197,94,.4)!important}
html.nova #form #sayfa .gg .ggOz.yes span{color:#86efac!important}html.nova #form #sayfa .gg .ggOz.yes b{color:#4ade80!important}
html.nova #form #sayfa .gg .ggOz.mav{background:rgba(59,130,246,.14)!important;border-color:rgba(99,102,241,.5)!important}
html.nova #form #sayfa .gg .ggOz.mav span{color:#a5b4fc!important}html.nova #form #sayfa .gg .ggOz.mav b{color:#c7d2fe!important}
html.nova #form #sayfa .gg .ggOz.tur{background:rgba(249,115,22,.12)!important;border-color:rgba(249,115,22,.45)!important}
html.nova #form #sayfa .gg .ggOz.tur span{color:#fdba74!important}html.nova #form #sayfa .gg .ggOz.tur b{color:#fb923c!important}
/* orta bölüm */
html.nova #form #sayfa .gg .ggOrta{display:flex;gap:10px;align-items:stretch}
html.nova #form #sayfa .gg .ggAylar{flex:1;min-width:0}
html.nova #form #sayfa .gg .ggTahsil{flex:0 0 345px}
html.nova #form #sayfa .gg .ggTahsil h4{margin-bottom:9px}
html.nova #form #sayfa .gg .ggBosAlan{margin-top:14px;padding:34px 20px;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:10px;color:#8b98ad!important;line-height:1.7}
html.nova #form #sayfa .gg .ggBosAlan b{color:#22d3ee}
/* ay kutuları */
html.nova #form #sayfa .gg .ggAyIzgara{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
html.nova #form #sayfa .gg .ggAy{position:relative;padding:8px 10px;border-radius:9px!important;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);min-height:70px;user-select:none;outline:none}
html.nova #form #sayfa .gg .ggAy i{display:block;font-style:normal;font-size:11px;letter-spacing:.8px;font-weight:700;color:#cbd5e1!important}
html.nova #form #sayfa .gg .ggAy b{display:block;font-size:17px;margin-top:3px;color:#fff;white-space:nowrap}
html.nova #form #sayfa .gg .ggAy small{display:block;font-size:10.5px;color:#8b98ad!important;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.nova #form #sayfa .gg .ggAy.odendi{background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.32)}
html.nova #form #sayfa .gg .ggAy.odendi b{color:#4ade80!important}
html.nova #form #sayfa .gg .ggAy.kismi{background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.42)}
html.nova #form #sayfa .gg .ggAy.kismi b{color:#fbbf24!important}
html.nova #form #sayfa .gg .ggAy.borclu{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.42)}
html.nova #form #sayfa .gg .ggAy.borclu b{color:#f87171!important}
html.nova #form #sayfa .gg .ggAy.gelecek{border-style:dashed;background:transparent}
html.nova #form #sayfa .gg .ggAy.gelecek b{color:#94a3b8!important}
html.nova #form #sayfa .gg .ggAy.yok{opacity:.4}
html.nova #form #sayfa .gg .ggAy.tik{cursor:pointer}
html.nova #form #sayfa .gg .ggAy.tik:hover,html.nova #form #sayfa .gg .ggAy.tik:focus-visible{border-color:#22d3ee}
html.nova #form #sayfa .gg .ggAy.sec{border:2px solid #22d3ee;padding:7px 9px;background:rgba(34,211,238,.10);box-shadow:0 0 0 3px rgba(34,211,238,.13),0 0 18px rgba(34,211,238,.22)}
html.nova #form #sayfa .gg .ggAy em{position:absolute;right:8px;top:8px;width:16px;height:16px;border-radius:4px;border:1.5px solid rgba(255,255,255,.4);font-style:normal;font-size:11px;font-weight:800;line-height:13px;text-align:center;color:#03141b!important}
html.nova #form #sayfa .gg .ggAy.sec em{background:#22d3ee;border-color:#22d3ee}
html.nova #form #sayfa .gg .ggLejant{display:flex;align-items:center;gap:14px;margin-top:10px;font-size:11.5px;color:#8b98ad!important}
html.nova #form #sayfa .gg .ggLejant .l::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}
html.nova #form #sayfa .gg .ggLejant .odendi::before{background:#4ade80}html.nova #form #sayfa .gg .ggLejant .kismi::before{background:#fbbf24}
html.nova #form #sayfa .gg .ggLejant .borclu::before{background:#f87171}html.nova #form #sayfa .gg .ggLejant .gelecek::before{border:1px dashed #94a3b8}
html.nova #form #sayfa .gg .ggLejant b{color:#e7edf5}
html.nova #form #sayfa .gg .ggIpucu{margin-top:9px;padding:8px 11px;border-radius:8px;background:rgba(255,255,255,.035);color:#9fb6c6!important;font-size:11.5px;line-height:1.5}
html.nova #form #sayfa .gg .ggIpucu b{color:#e7edf5}
/* tahsilat formu */
html.nova #form #sayfa .gg .ggForm{display:grid;grid-template-columns:100px 1fr;gap:6px 10px;align-items:center}
html.nova #form #sayfa .gg .ggForm>label{color:#9fb6c6!important;font-size:12.5px}
html.nova #form #sayfa .gg .ggDokum{margin:9px 0 7px;border-top:1px solid rgba(255,255,255,.08);padding-top:7px;font-size:12px;max-height:92px;overflow:auto}
html.nova #form #sayfa .gg .ggDokum>div{display:flex;justify-content:space-between;gap:8px;padding:1px 0}
html.nova #form #sayfa .gg .ggDokum b{font-weight:500;font-variant-numeric:tabular-nums}
html.nova #form #sayfa .gg .ggToplamK{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px!important;background:linear-gradient(135deg,rgba(14,116,144,.38),rgba(30,64,175,.32))!important;border:1px solid rgba(34,211,238,.5)!important;margin-bottom:8px}
html.nova #form #sayfa .gg .ggToplamK span{font-size:11.5px;letter-spacing:1px;color:#a5f3fc!important}
html.nova #form #sayfa .gg .ggToplamK b{font-size:24px;color:#fff;font-variant-numeric:tabular-nums}
html.nova #form #sayfa .gg .ggToplamK.kir{background:linear-gradient(135deg,rgba(127,29,29,.55),rgba(69,10,10,.45))!important;border-color:rgba(239,68,68,.5)!important;margin-top:10px}
html.nova #form #sayfa .gg .ggToplamK.kir span{color:#fca5a5!important}
/* gider: firmalar */
html.nova #form #sayfa .gg .ggFirmalar{flex:0 0 255px;display:flex;flex-direction:column;min-width:0}
html.nova #form #sayfa .gg .ggFirmaAra{margin-bottom:8px}
html.nova #form #sayfa .gg .ggFirmaList{display:flex;flex-direction:column;gap:6px;max-height:430px;overflow:auto;padding-right:2px}
html.nova #form #sayfa .gg .ggFirma{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px!important;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);cursor:pointer;flex:none}
html.nova #form #sayfa .gg .ggFirma:hover{border-color:rgba(34,211,238,.5)}
html.nova #form #sayfa .gg .ggFirma.on{border-color:#22d3ee;background:rgba(34,211,238,.1)}
html.nova #form #sayfa .gg .ggFirma i{width:30px;height:30px;border-radius:7px!important;display:grid;place-items:center;font-style:normal;font-weight:700;color:#fff;flex:none}
html.nova #form #sayfa .gg .ggFirma>div{flex:1;min-width:0}
html.nova #form #sayfa .gg .ggFirma :is(b,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.nova #form #sayfa .gg .ggFirma>div b{font-size:12.5px;color:#fff}
html.nova #form #sayfa .gg .ggFirma small{font-size:10.5px;color:#8b98ad!important}
html.nova #form #sayfa .gg .ggFirma>span{text-align:right;flex:none}
html.nova #form #sayfa .gg .ggFirma>span b{font-size:12px;font-variant-numeric:tabular-nums}
/* gider: form */
html.nova #form #sayfa .gg .ggGForm{flex:1;min-width:0}
html.nova #form #sayfa .gg .ggIki{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}
html.nova #form #sayfa .gg .ggIki>div>span{display:block;font-size:10.5px;letter-spacing:.6px;color:#8b98ad!important;margin-bottom:3px}
html.nova #form #sayfa .gg .ggIki .tam{grid-column:1/-1}
html.nova #form #sayfa .gg .ggKalan{display:block;height:32px;line-height:32px;font-size:15px;color:#fbbf24}
html.nova #form #sayfa .gg .ggPaylas>div{margin-top:10px!important;border:1px dashed rgba(34,211,238,.3)!important;border-radius:9px!important;background:rgba(255,255,255,.02)}
html.nova #form #sayfa .gg .ggPaylas>div>label{font-size:13px!important;color:#e7edf5!important}
html.nova #form #sayfa .gg .ggPaylas :is(input:not([type=checkbox]):not([type=radio]),select){height:28px!important}
/* gider: sağ panel */
html.nova #form #sayfa .gg .ggSagP{flex:0 0 330px;min-width:0}
html.nova #form #sayfa .gg .ggGrafik{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:130px}
html.nova #form #sayfa .gg .ggCubuk{display:flex;flex-direction:column;height:100%;min-width:0}
html.nova #form #sayfa .gg .ggC{flex:1;position:relative;display:flex;align-items:flex-end;border-radius:3px}
html.nova #form #sayfa .gg .ggC span{display:block;width:100%;background:linear-gradient(180deg,#22c55e,#14532d);border-radius:3px 3px 0 0}
html.nova #form #sayfa .gg .ggCubuk.bu .ggC span{background:linear-gradient(180deg,#22d3ee,#0e7490)}
html.nova #form #sayfa .gg .ggCubuk.eksik .ggC{border:1px dashed rgba(239,68,68,.75)}
html.nova #form #sayfa .gg .ggCubuk.eksik em{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-style:normal;font-size:10px;color:#f87171!important}
html.nova #form #sayfa .gg .ggCubuk.gel .ggC{border:1px dashed rgba(255,255,255,.14)}
html.nova #form #sayfa .gg .ggCubuk small{text-align:center;font-size:10.5px;color:#8b98ad!important;margin-top:3px}
html.nova #form #sayfa .gg .ggCubuk.bu small{color:#22d3ee!important}
html.nova #form #sayfa .gg .ggGrafAlt{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11.5px;color:#9fb6c6!important}
html.nova #form #sayfa .gg .ggGrafAlt b{color:#e7edf5}
html.nova #form #sayfa .gg .ggKismiL{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}
html.nova #form #sayfa .gg .ggKismiK{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px!important;border:1px solid rgba(234,179,8,.42);background:rgba(234,179,8,.07)}
html.nova #form #sayfa .gg .ggKismiK>div{flex:1;min-width:0}
html.nova #form #sayfa .gg .ggKismiK>div b{display:block;font-size:12.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.nova #form #sayfa .gg .ggKismiK small{display:block;font-size:10.5px;color:#c8b67a!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.nova #form #sayfa .gg .ggKismiK>b{color:#fbbf24;white-space:nowrap}
/* alt liste */
html.nova #form #sayfa .gg .ggListe .ggBaslik{margin-bottom:7px}
html.nova #form #sayfa .gg .ggRoz{display:inline-block;padding:0 7px;border-radius:4px;font-size:11px;line-height:17px;background:rgba(255,255,255,.08)}
html.nova #form #sayfa .gg .ggRoz.b{background:rgba(59,130,246,.28);color:#bfdbfe!important}
html.nova #form #sayfa .gg .ggRoz.k{background:rgba(34,197,94,.22);color:#bbf7d0!important}
/* düzen: ekranı doldur, liste sol sütunda kalan yüksekliği alır */
html.nova #form #sayfa .gg.ggGelir,html.nova #form #sayfa .gg.ggGider{height:100%;min-height:640px}
html.nova #form #sayfa .gg .ggOrta{flex:1;min-height:0}
html.nova #form #sayfa .gg .ggSol{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
html.nova #form #sayfa .gg .ggSol>.ggAylar{flex:none}
html.nova #form #sayfa .gg .ggSira{display:flex;gap:10px;align-items:stretch;flex:none}
html.nova #form #sayfa .gg .ggSol>.ggListe{flex:1;min-height:190px;display:flex;flex-direction:column}
html.nova #form #sayfa .gg .ggSol>.ggListe>.lb{flex:1;min-height:0;height:auto!important}
html.nova #form #sayfa .gg .ggFirmaList{flex:1;max-height:none;min-height:0}
html.nova #form #sayfa .gg .ggFirmalar{max-height:100%}
html.nova #form #sayfa .gg.ggGider .ggDugmeler{grid-template-columns:1.6fr 1.3fr 1fr 1fr}
html.nova #form #sayfa .gg.ggGider .ggIki{gap:6px 12px}
/* gider formu sıkılaştırma; Faturayı Paylaştır kapalıyken tek satır */
html.nova #form #sayfa .gg.ggGider .ggIki :is(input:not([type=checkbox]):not([type=radio])),html.nova #form #sayfa .gg.ggGider .ggIki .ggSc{height:30px!important}
html.nova #form #sayfa .gg .ggPaylas>div{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:6px 10px!important}
html.nova #form #sayfa .gg .ggPaylas>div>:not(label):not(.not){flex-basis:100%}
html.nova #form #sayfa .gg .ggPaylas>div>.not{flex:1;min-width:0;margin:0!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.nova #form #sayfa .gg.ggGider .ggToplamK{padding:7px 14px;margin-bottom:8px}
html.nova #form #sayfa .gg.ggGider .ggToplamK b{font-size:22px}
html.nova #form #sayfa .gg.ggGider .ggB{height:38px!important}
html.nova #form #sayfa .gg .ggCubuk.bekle .ggC{border:1px dashed rgba(249,115,22,.8)}
html.nova #form #sayfa .gg .ggCubuk.bekle em{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-style:normal;font-size:11px;font-weight:700;color:#fb923c!important}
html.nova #form #sayfa .gg .lb :is(td,th){font-size:12.5px!important;padding-top:3px!important;padding-bottom:3px!important}
html.nova #form #sayfa .gg .ggPaylas{font-size:12.5px}
html.nova #form #sayfa .gg .ggPaylas :is(.blok>label,.lbl,label){font-size:12.5px!important}

/* HUKUKİ TAKİP (09.11): Tahsilat ve Gecikme Raporu'nda takipteki daire satırı */
html.nova #form .lb tr.hukuk td{background:rgba(168,85,247,.16)!important;color:#e9d5ff!important}

/* ===== 08.11.2026 AÇIK TEMA (html.nova.acik) — üstteki "☀ AÇIK TEMA" düğmesiyle açılır, seçim hatırlanır =====
   Yöntem: sayfanın tamamı renk tonu korunarak ters çevrilir (koyu zemin → açık zemin, açık yazı → koyu yazı,
   renkler aynı tonun koyu hâline döner). Böylece eski ve yeni bütün ekranlar tek seferde tutarlı açık olur.
   Aşağıdaki renkler "ters çevrilmeden önceki" değerlerdir: #000 → beyaz, #0b0906 → açık gri-mavi zemin.
   Yalnız ekranda geçerlidir; yazdırma / PDF çıktılarına dokunmaz. */
@media screen{
html.nova.acik{filter:invert(1) hue-rotate(180deg);
  --nv-zemin:#090b0f;--nv-zemin2:#090b0f;--nv-kart:#000;--nv-kart2:#000}
html.nova.acik,html.nova.acik body,html.nova.acik #kap{background:#090b0f!important}
/* kartlar, paneller ve sol menü: görünende beyaz; çerçeveleri ince gri */
html.nova.acik :is(#nvMenu,#form .nvKart,#form .pnKpi,#form .pnKart,#form .sayfa:not(.nvAnaSayfa),#form .sayfa:not(.nvAnaSayfa) .cerceve,#form .sayfa:not(.nvAnaSayfa) .defterOzet,#form .sayfa:not(.nvAnaSayfa) :is(.ozet,.anaOzet)):not(#_a#_b#_c){background:#000!important;border-color:#1f2328!important}
html.nova.acik #nvMenu:not(#_a#_b#_c){border-right:1px solid #1f2328!important}
/* açık zeminde gölge ve parlamalar kir gibi durur: kaldır */
html.nova.acik *:not(#_a#_b#_c){box-shadow:none!important;text-shadow:none!important}
/* fotoğraf ve logolar kendi renginde kalsın */
html.nova.acik img,html.nova.acik video{filter:invert(1) hue-rotate(180deg)}
/* üst şerit lacivert kalır (Lacivert Kurumsal): kendi içinde bir daha çevrilip eski hâline döner */
html.nova.acik #nvUst{filter:invert(1) hue-rotate(180deg);background:#0f1b2d!important;backdrop-filter:none!important}
html.nova.acik #nvUst img{filter:none}
html.nova.acik #nvUst{--nv-kart:rgba(255,255,255,.045);--nv-kart2:rgba(255,255,255,.07)}
/* onay kutuları ve seçim düğmeleri tarayıcının kendi açık görünümünde kalsın */
html.nova.acik input:is([type=checkbox],[type=radio]){filter:invert(1) hue-rotate(180deg)}
}

/* ===== SAYAÇ OKUMA (09.11) — index.html SAYFALAR['Sayaç Okuma'] (.syc) ===== */
html.nova #form #sayfa .syc{display:flex;flex-direction:column;gap:10px;font-family:var(--nv-yazi-tipi);font-size:13px;color:#e7edf5;min-width:1060px}
html.nova #form #sayfa .syc *{box-sizing:border-box}
html.nova #form #sayfa .syc .syUst{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:rgba(255,255,255,.035);border:1px solid rgba(34,211,238,.16);border-radius:12px;padding:9px 12px}
html.nova #form #sayfa .syc .syE{color:#8b98ad!important;font-size:12px;white-space:nowrap;margin-left:4px}
html.nova #form #sayfa .syc :is(input:not([type=checkbox]),select){height:30px!important;font-size:13px!important;padding:0 9px!important;border-radius:7px!important;background-color:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font-family:var(--nv-yazi-tipi)!important}
html.nova #form #sayfa .syc :is(input,select):focus{border-color:#22d3ee!important;box-shadow:0 0 0 2px rgba(34,211,238,.2)!important;outline:none!important}
html.nova #form #sayfa .syc .syFat{color:#fbbf24!important;font-weight:700!important}
html.nova #form #sayfa .syc .sySeg{display:flex;border:1px solid rgba(255,255,255,.14);border-radius:7px;overflow:hidden}
html.nova #form #sayfa .syc .sySeg button{height:30px;padding:0 11px;border:0;background:transparent;color:#a9b4c4;font-size:12.5px;cursor:pointer;font-family:var(--nv-yazi-tipi);white-space:nowrap}
html.nova #form #sayfa .syc .sySeg button:hover{background:rgba(34,211,238,.1)}
html.nova #form #sayfa .syc .sySeg button.on{background:#0891b2;color:#fff;font-weight:700}
html.nova #form #sayfa .syc .syOzet{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
html.nova #form #sayfa .syc .syOz{border-radius:10px;padding:9px 14px;border:1px solid var(--k);background:var(--z)}
html.nova #form #sayfa .syc .syOz span{font-size:12px;color:#cbd5e1}
html.nova #form #sayfa .syc .syOz b{display:block;font-size:21px;color:var(--y);margin:1px 0;white-space:nowrap}
html.nova #form #sayfa .syc .syOz small{color:#94a3b8;font-size:11.5px}
html.nova #form #sayfa .syc .syOz.mavi{--k:#0e7490;--z:#062330;--y:#22d3ee}
html.nova #form #sayfa .syc .syOz.lac{--k:#1d4ed8;--z:#0b1a3a;--y:#93c5fd}
html.nova #form #sayfa .syc .syOz.yes{--k:#15803d;--z:#06240f;--y:#4ade80}
html.nova #form #sayfa .syc .syOz.sar{--k:#a16207;--z:#2a1d04;--y:#fbbf24}
html.nova #form #sayfa .syc .syOz.gri{--k:#475569;--z:#111827;--y:#e2e8f0}
html.nova #form #sayfa .syc .syAlt{display:flex;gap:12px;align-items:flex-start}
html.nova #form #sayfa .syc .syTab{flex:1;min-width:0;border:1px solid rgba(34,211,238,.16);border-radius:10px;overflow:auto;max-height:560px;background:rgba(0,0,0,.18)}
html.nova #form #sayfa .syc table{width:100%;border-collapse:collapse}
html.nova #form #sayfa .syc th{position:sticky;top:0;z-index:1;background:#111c30!important;color:#7dd3fc!important;font-size:11.5px;font-weight:700;letter-spacing:.6px;padding:7px 8px;text-align:left;border-bottom:1px solid #1e293b}
html.nova #form #sayfa .syc td{padding:2px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;height:29px;white-space:nowrap;color:#e7edf5}
html.nova #form #sayfa .syc :is(td,th).s{text-align:right;font-variant-numeric:tabular-nums}
html.nova #form #sayfa .syc tr.sec td{background:rgba(34,211,238,.10)!important}
html.nova #form #sayfa .syc tfoot td{background:#111c30!important;font-weight:700;color:#7dd3fc!important;position:sticky;bottom:0}
html.nova #form #sayfa .syc .syTik{cursor:pointer}
html.nova #form #sayfa .syc td.syTik:hover{color:#22d3ee!important;text-decoration:underline}
html.nova #form #sayfa .syc input.syGir{width:92px!important;height:24px!important;text-align:right;border-color:#0891b2!important;background-color:#06202b!important;color:#e0f2fe!important;padding:0 7px!important;border-radius:4px!important}
html.nova #form #sayfa .syc input.syGir.bos{border-color:rgba(248,113,113,.55)!important;background-color:rgba(127,29,29,.25)!important}
html.nova #form #sayfa .syc input.syGir.ilk{border-style:dashed!important;border-color:#a16207!important;background-color:rgba(161,98,7,.12)!important}
html.nova #form #sayfa .syc .syCub{height:9px;border-radius:2px;background:#0891b2;display:inline-block;vertical-align:middle}
html.nova #form #sayfa .syc .syCub.yuk{background:#f59e0b}
html.nova #form #sayfa .syc .syD{font-size:11.5px;border-radius:4px;padding:2px 7px;font-weight:700}
html.nova #form #sayfa .syc .syD.ok{background:#052e1c;color:#4ade80}
html.nova #form #sayfa .syc .syD.uy{background:#3a2a05;color:#fbbf24}
html.nova #form #sayfa .syc .syD.hata{background:#3b0a0a;color:#f87171}
html.nova #form #sayfa .syc .sySag{width:380px;flex:none;display:flex;flex-direction:column;gap:10px}
html.nova #form #sayfa .syc .syKart{background:rgba(255,255,255,.035);border:1px solid rgba(34,211,238,.16);border-radius:12px;padding:11px 14px}
html.nova #form #sayfa .syc h4{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:1px;color:#22d3ee!important}
html.nova #form #sayfa .syc .sySat{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:13px;color:#cbd5e1}
html.nova #form #sayfa .syc .sySat b{color:#fff}
html.nova #form #sayfa .syc .sySat b.sar{color:#fbbf24}
html.nova #form #sayfa .syc .sySat.syTik:hover{color:#22d3ee}
html.nova #form #sayfa .syc .syB{display:block;width:100%;height:36px;border-radius:7px;border:1px solid var(--r,#22d3ee);background:color-mix(in srgb,var(--r,#22d3ee) 40%,transparent);color:#fff;font-weight:700;font-size:12px;cursor:pointer;font-family:var(--nv-yazi-tipi);letter-spacing:.4px}
html.nova #form #sayfa .syc .syB:hover{background:color-mix(in srgb,var(--r,#22d3ee) 70%,transparent)}
html.nova #form #sayfa .syc .syB.ana{height:44px;font-size:15px;margin:8px 0;background:#1d4ed8;border-color:#3b82f6}
html.nova #form #sayfa .syc .syB.ana:hover{background:#2563eb}
html.nova #form #sayfa .syc .syIki{display:grid;grid-template-columns:1fr 1fr;gap:7px}
html.nova #form #sayfa .syc .syGraf{display:flex;align-items:flex-end;gap:8px;height:128px}
html.nova #form #sayfa .syc .syGraf div{flex:1;text-align:center;font-size:11px;color:#94a3b8}
html.nova #form #sayfa .syc .syGraf i{display:block;background:#0891b2;border-radius:2px 2px 0 0;margin:0 auto 3px;width:70%;max-width:42px}
html.nova #form #sayfa .syc .syGraf .bu i{background:#f59e0b}
html.nova #form #sayfa .syc .syGraf b{color:#e2e8f0}
html.nova #form #sayfa .syc .syNot{color:#8b98ad!important;font-size:11.5px;line-height:1.5;margin:4px 0 0}

/* ===== 10.11 GİRİŞ EKRANI: solda tanıtım + AppNova logosu ===== */
#nvGiris .nvAnLogo{flex:none;display:block;width:52px;height:31px;border-radius:9px;background:url(appnova.jpg) -13px -8px/74px auto no-repeat;font-size:0}
#nvGiris .nvGirisLogo .nvAnLogo{width:52px;height:31px}
#nvGiris .nvGirisSol{display:none}
#nvGiris .nvGirisSag{display:grid;place-items:center;width:100%;height:100%;overflow:auto;padding:16px}
@media (min-width:1000px){
 #nvGiris{display:flex;place-items:stretch}
 #nvGiris .nvGirisSol{display:flex;flex-direction:column;justify-content:space-between;flex:1.15;padding:52px 60px;overflow:auto;border-right:1px solid #14324a;
  background:radial-gradient(circle at 15% 10%,rgba(14,58,79,.9) 0,transparent 45%),radial-gradient(circle at 90% 90%,rgba(27,42,107,.9) 0,transparent 50%),#061321}
 #nvGiris .nvGirisSag{flex:1;width:auto}
 #nvGiris .nvGirisSag .nvGirisLogo{display:none}
}
#nvGiris .nvGsMarka{display:flex;align-items:center;gap:16px}
#nvGiris .nvGsMarka .nvAnLogo{width:96px;height:57px;border-radius:12px;background-position:-24px -15px;background-size:137px auto;box-shadow:0 0 24px rgba(59,130,246,.35)}
#nvGiris .nvGsMarka b{display:block;font-size:21px}#nvGiris .nvGsMarka small{font-size:13px;color:#8fb3c9}
#nvGiris .nvGirisSol h2{font-size:36px;line-height:1.18;font-weight:800;margin:40px 0 14px;letter-spacing:-.5px}
#nvGiris .nvGirisSol h2 em{font-style:normal;background:linear-gradient(90deg,#22d3ee,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}
#nvGiris .nvGirisSol p{font-size:16px;color:#a9c3d6;max-width:520px;line-height:1.55;margin:0}
#nvGiris .nvGsOz{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:620px}
#nvGiris .nvGsOz>div{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.035);border:1px solid #16364d;border-radius:12px;padding:13px 14px}
#nvGiris .nvGsOz span{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:17px;background:rgba(34,211,238,.12)}
#nvGiris .nvGsOz b{display:block;font-size:14.5px;margin-bottom:2px}#nvGiris .nvGsOz small{font-size:12.5px;color:#8fb3c9;line-height:1.4}
#nvGiris .nvGsAlt{margin-top:28px}
#nvGiris .nvGsGuven{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#a9c3d6}
#nvGiris .nvGsGuven i{font-style:normal;color:#34d399;font-weight:800;margin-right:4px}
#nvGiris .nvGsImza{margin-top:14px;padding-top:12px;border-top:1px solid #14324a;font-size:12.5px;color:#7f9db2}
#nvGiris .nvGsImza b{color:#cfe6f5}#nvGiris .nvGsImza a{color:#22d3ee;text-decoration:none}#nvGiris .nvGirisK{max-width:100%;box-sizing:border-box}
@media (max-width:520px){#nvGiris .nvGirisK{padding:26px 20px;border-radius:18px}#nvGiris .nvGirisAlt{flex-wrap:wrap;gap:8px}}
#nvGiris .nvGirisSag{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}#nvGiris .nvGirisSag .nvGirisK{width:min(440px,100%);flex:none;margin:auto 0}
/* 10.11 alt satırda AppNova logosu */
#durum{padding-left:34px!important}#durum::before{content:'';position:absolute;left:8px;top:2px;width:20px;height:16px;border-radius:4px;background:url(appnova-ikon.png) center/cover no-repeat}