/* Maliye Defterim - Premium SaaS global fixes (Round 3)
   Amaç: sayfa başlıkları, light/dark uyumu, navbar/sticky stabilizasyonu ve responsive hataları. */
:root{
  --mf-page-bg:#f6f7fb;
  --mf-surface:rgba(255,255,255,.92);
  --mf-surface-solid:#ffffff;
  --mf-text:#232435;
  --mf-heading:#171827;
  --mf-muted:#70758a;
  --mf-border:rgba(88,95,120,.16);
  --mf-primary:#7367f0;
  --mf-primary-2:#00cfe8;
  --mf-shadow:0 18px 50px rgba(32,38,80,.12);
  --mf-radius:24px;
}
html.dark-style,
html[data-style="dark"],
.dark-style{
  --mf-page-bg:#0b1020;
  --mf-surface:rgba(21,25,48,.90);
  --mf-surface-solid:#151936;
  --mf-text:#eef0ff;
  --mf-heading:#ffffff;
  --mf-muted:#a6abc3;
  --mf-border:rgba(255,255,255,.12);
  --mf-shadow:0 18px 60px rgba(0,0,0,.36);
}
body{
  background:var(--mf-page-bg);
  color:var(--mf-text);
}
.content-wrapper{
  background:
    radial-gradient(circle at 12% 5%, rgba(115,103,240,.12), transparent 28%),
    radial-gradient(circle at 86% 12%, rgba(0,207,232,.10), transparent 26%),
    var(--mf-page-bg) !important;
}
/* Gradient/hero alanlarındaki başlıklar her modda beyaz kalır. */
.premium-page-head h1,
.premium-page-head .premium-title,
.category-hero h1,
.category-hero .category-title,
.tools-hero h1,
.tools-hero .tools-title,
.finance-tools-hero h1,
.finance-tools-hero .tools-title,
.hero-gradient h1,
.page-hero h1,
.mf-hero h1,
[class*="hero"] h1,
[class*="premium-page-head"] h1,
.bg-primary h1,
.bg-primary .h1,
.bg-gradient h1,
.card.bg-primary h1{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 8px 28px rgba(0,0,0,.18);
}
/* Normal zeminlerdeki başlıklar mod rengine uyar. */
.container-xxl > h1,
.container-xxl > .h1,
.card:not(.bg-primary) h1:not(.premium-title):not(.category-title),
.page-title:not(.text-white),
.content-wrapper h1:not(.premium-title):not(.category-title):not(.tools-title){
  color:var(--mf-heading) !important;
}
/* Mavi/gradient panelde koyu kalan özel Vuexy renklerini ez. */
.premium-page-head .text-heading,
.category-hero .text-heading,
.tools-hero .text-heading,
[class*="hero"] .text-heading{
  color:#fff !important;
}
.premium-page-head p,
.category-hero p,
.tools-hero p,
[class*="hero"] p{
  color:rgba(255,255,255,.86) !important;
}
/* Kart/tablolar karanlık mod okunabilirliği. */
.card,
.premium-card,
.category-card,
.metric-card,
.asset-search-panel{
  border-color:var(--mf-border) !important;
}
html.dark-style .card,
html[data-style="dark"] .card,
.dark-style .card{
  background:var(--mf-surface-solid) !important;
  color:var(--mf-text) !important;
}
html.dark-style .table,
html[data-style="dark"] .table,
.dark-style .table{
  --bs-table-color:var(--mf-text);
  --bs-table-bg:transparent;
  color:var(--mf-text) !important;
}
html.dark-style .modal-content,
html[data-style="dark"] .modal-content,
.dark-style .modal-content{
  background:var(--mf-surface-solid) !important;
  color:var(--mf-text) !important;
}
html.dark-style .form-control,
html.dark-style .form-select,
html[data-style="dark"] .form-control,
html[data-style="dark"] .form-select,
.dark-style .form-control,
.dark-style .form-select{
  background:#0f1629 !important;
  color:#f4f6ff !important;
  border-color:var(--mf-border) !important;
}
/* Navbar/sticky/mobil stabilizasyonu */
.layout-page,
.content-wrapper,
.container-xxl{
  max-width:100% !important;
  overflow-x:hidden !important;
}
#layout-navbar,
.layout-navbar{
  width:calc(100% - 48px) !important;
  max-width:calc(100% - 48px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  position:relative !important;
  z-index:1050 !important;
  pointer-events:auto !important;
}
#layout-navbar *,
.layout-navbar *{
  pointer-events:auto !important;
}
.dropdown-menu{
  z-index:1065 !important;
}
.content-backdrop{
  pointer-events:none !important;
}
.layout-overlay{
  z-index:1040 !important;
}
@media(max-width:1199.98px){
  #layout-navbar,
  .layout-navbar{
    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;
  }
  .layout-navbar-fixed .layout-page{
    padding-top:0 !important;
  }
}
@media(max-width:767.98px){
  #layout-navbar,
  .layout-navbar{
    width:calc(100% - 16px) !important;
    max-width:calc(100% - 16px) !important;
    min-height:62px;
  }
  .navbar-nav-right{
    min-width:0 !important;
    width:100% !important;
  }
  .mf-navbar-search,
  .mf-company-chip{
    display:none !important;
  }
  .container-xxl,
  .container-fluid{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}
/* Butonlar: pasif pointer-event sorunlarını düzelt. */
button,
.btn,
.dropdown-toggle,
.nav-link,
.menu-link,
[data-bs-toggle]{
  pointer-events:auto !important;
}
/* Premium açık/koyu mod geçişinde daha pürüzsüz görünüm */
body,
.card,
.modal-content,
.table,
.form-control,
.form-select,
.content-wrapper{
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
/* Round 3 ek: sayfaya özel başlık sınıfleri de mavi/gradient üstünde beyaz olur. */
.premium-page-head [class$="-title"],
.category-hero [class$="-title"],
.tools-hero [class$="-title"],
[class*="hero"] [class$="-title"],
[class*="page-head"] [class$="-title"],
[class*="page-header"] [class$="-title"]{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
/* Açık modda mavi/gradient başlık alanları içinde Vuexy'nin #444050 renk sızmasını engeller. */
.premium-page-head *,
.category-hero *,
.tools-hero *,
[class*="hero-gradient"] *,
[class*="premium-hero"] *{
  --bs-heading-color:#fff;
}


/* Round 9 public/legal/admin polish */
.premium-page-head h1,.category-hero h1,.tools-hero h1,.md-page-hero h1,.hero h1,[class*="hero"] h1,[class*="page-head"] h1{color:#fff!important;-webkit-text-fill-color:#fff!important}.layout-navbar-fixed .layout-navbar,.layout-navbar-fixed #layout-navbar{top:0!important}.layout-menu-toggle,.menu-link,.dropdown-toggle,.btn,[data-bs-toggle]{cursor:pointer!important}.dropdown-menu.show{display:block!important}.navbar .dropdown-menu{position:absolute!important}.app-brand-text,.brand-title{font-family:'Public Sans',system-ui,sans-serif!important}.modal-backdrop{z-index:1045!important}.modal{z-index:1055!important}@media(max-width:1199.98px){.layout-menu{z-index:1050!important}.layout-overlay{z-index:1049!important}#layout-navbar{z-index:1030!important}}


/* Round 12: tüm modüllerde premium SaaS temel yüzey ve kırık buton düzeltmeleri */
.page-card,.mf-card,.admin-card,.seo-card{background:var(--mf-surface-solid)!important;border:1px solid var(--mf-border)!important;border-radius:24px!important;box-shadow:var(--mf-shadow)!important}.content-wrapper a,.content-wrapper button,.content-wrapper .btn{pointer-events:auto!important}.menu-item.disabled,.menu-link.disabled{opacity:.55;pointer-events:none}.table-responsive{border-radius:18px}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5{color:var(--mf-heading)!important}.bg-primary .card-header h1,.bg-primary .card-header h2,.bg-primary .card-header h3,.bg-primary .card-header h4,.bg-primary .card-header h5{color:#fff!important}.dropdown-menu{border:1px solid var(--mf-border)!important;box-shadow:0 18px 60px rgba(15,23,42,.18)!important}.layout-menu .menu-inner{padding-bottom:80px!important}.custom-menu-scroll{overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(100dvh - 160px)!important;scrollbar-width:none}.custom-menu-scroll::-webkit-scrollbar{display:none}
@media(max-width:1199.98px){.layout-menu-expanded #layout-menu{transform:translate3d(0,0,0)!important}.layout-overlay.layout-menu-toggle{cursor:pointer}.layout-navbar{position:sticky!important;top:8px!important}.content-wrapper{padding-top:6px!important}}
@media(max-width:575.98px){.btn-group,.btn-group .btn{width:100%}.dropdown-menu-end{right:auto!important;left:0!important}.modal-dialog{margin:.75rem}.table td,.table th{white-space:normal!important}}

/* Round 19 click-safe global patch: eski navbar/layout katmanları sayfa butonlarını kilitlemesin */
.layout-overlay,.content-backdrop,.content-backdrop.fade,.content-backdrop.show,.drag-target{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important}.layout-page,.content-wrapper,.container-xxl,.container-fluid,.card,.modal,a,button,.btn,input,select,textarea{pointer-events:auto!important}body.md-menu-open .md-menu-scrim{display:block!important;pointer-events:auto!important}

/* Round181: Gündüz mod modern başlık/hero kontrast düzeltmesi
   Problem: bazı modernize sayfalarda başlık/açıklama metinleri koyu tema rengiyle kaldığı için
   light modda arka plan üzerinde görünmüyordu. Bu blok sadece light modda çalışır. */
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-income-hero,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .kc-page-head,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .md-page-head,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-hero,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .premium-page-head {
  color: #101828 !important;
}

html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-income-title,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-income-hero h1,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-income-hero h2,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .kc-page-title h1,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .md-page-title h1,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-hero h1,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-hero h2,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .premium-title,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .health-title {
  color: #101828 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-income-desc,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-income-hero p,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .kc-page-title p,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .md-page-title p,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-hero p,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .premium-subtitle,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .text-muted,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .card p,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .card small {
  color: #475467 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-income-topline,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .kc-eyebrow,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .md-page-eyebrow {
  color: #4f46e5 !important;
  opacity: 1 !important;
}

html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-income-hero .text-white:not(.btn):not(.badge),
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .kc-page-head .text-white:not(.btn):not(.badge),
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .md-page-head .text-white:not(.btn):not(.badge),
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .mf-hero .text-white:not(.btn):not(.badge) {
  color: #101828 !important;
}

/* Buton ve ikon renklerini bozma */
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .btn-primary,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .btn-success,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .kc-btn-primary,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .md-page-btn.primary,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .kc-page-icon,
html:not(.dark-style):not([data-style="dark"]):not([data-bs-theme="dark"]) .md-page-icon {
  color: #fff !important;
}


/* Round182: Kesin light-mode başlık kontrast fix'i.
   Bazı sayfalarda tema sınıfı html üzerinde eski dark-style olarak kalabildiği için
   light görünümde hero yazıları beyaz kalıyordu. light-style / body:not dark öncelikli
   ve daha spesifik selectorlar ile ezilir. */
html.light-style .mf-income-hero .mf-income-title,
html.light-style .mf-income-hero h1,
html.light-style .mf-income-hero h2,
body.light-style .mf-income-hero .mf-income-title,
body.light-style .mf-income-hero h1,
body.light-style .mf-income-hero h2,
body:not(.dark-style) .mf-income-hero .mf-income-title,
body:not(.dark-style) .mf-income-hero h1,
body:not(.dark-style) .mf-income-hero h2,
html.light-style .kc-page-head h1,
html.light-style .md-page-head h1,
html.light-style .premium-page-head h1,
body:not(.dark-style) .kc-page-head h1,
body:not(.dark-style) .md-page-head h1,
body:not(.dark-style) .premium-page-head h1{
  color:#101828 !important;
  -webkit-text-fill-color:#101828 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html.light-style .mf-income-hero .mf-income-desc,
html.light-style .mf-income-hero p,
body.light-style .mf-income-hero .mf-income-desc,
body.light-style .mf-income-hero p,
body:not(.dark-style) .mf-income-hero .mf-income-desc,
body:not(.dark-style) .mf-income-hero p,
html.light-style .kc-page-head p,
html.light-style .md-page-head p,
html.light-style .premium-page-head p,
body:not(.dark-style) .kc-page-head p,
body:not(.dark-style) .md-page-head p,
body:not(.dark-style) .premium-page-head p{
  color:#475467 !important;
  -webkit-text-fill-color:#475467 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html.light-style .mf-income-hero .mf-income-topline,
body.light-style .mf-income-hero .mf-income-topline,
body:not(.dark-style) .mf-income-hero .mf-income-topline{
  color:#4f46e5 !important;
  -webkit-text-fill-color:#4f46e5 !important;
}
/* Explicit dark keeps previous behavior */
html.dark-style .mf-income-hero .mf-income-title,
html[data-style="dark"] .mf-income-hero .mf-income-title,
.dark-style .mf-income-hero .mf-income-title{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}
html.dark-style .mf-income-hero .mf-income-desc,
html[data-style="dark"] .mf-income-hero .mf-income-desc,
.dark-style .mf-income-hero .mf-income-desc{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
}

/* Round184 ROOT FIX: Light mode hero/header text contrast
   Bu kural tek sayfa değil, modernize edilen tüm panel sayfalarındaki hero/başlık alanlarını kapsar.
   Sorunun kaynağı bazı eski CSS dosyalarının light ekranda başlıkları beyaza zorlamasıydı. */
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-income-hero :is(h1,h2,h3,p,.mf-income-title,.mf-income-desc),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-expense-hero :is(h1,h2,h3,p),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-hero :is(h1,h2,h3,p),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .kc-page-head :is(h1,h2,h3,p),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .md-page-head :is(h1,h2,h3,p),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .premium-page-head :is(h1,h2,h3,p),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .page-hero :is(h1,h2,h3,p),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .admin-hero :is(h1,h2,h3,p),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .premium-hero :is(h1,h2,h3,p),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) [class*="-hero"] :is(h1,h2,h3,p):not(.btn):not(.badge):not(.text-white-force){
  opacity:1 !important;
  text-shadow:none !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-income-hero :is(h1,h2,h3,.mf-income-title),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-expense-hero :is(h1,h2,h3),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-hero :is(h1,h2,h3),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .kc-page-head :is(h1,h2,h3),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .md-page-head :is(h1,h2,h3),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .premium-page-head :is(h1,h2,h3),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .page-hero :is(h1,h2,h3),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .admin-hero :is(h1,h2,h3),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .premium-hero :is(h1,h2,h3),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) [class*="-hero"] :is(h1,h2,h3):not(.btn):not(.badge):not(.text-white-force){
  color:#101828 !important;
  -webkit-text-fill-color:#101828 !important;
}

html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-income-hero :is(p,.mf-income-desc),
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-expense-hero p,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-hero p,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .kc-page-head p,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .md-page-head p,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .premium-page-head p,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .page-hero p,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .admin-hero p,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .premium-hero p,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) [class*="-hero"] p:not(.btn):not(.badge):not(.text-white-force){
  color:#475467 !important;
  -webkit-text-fill-color:#475467 !important;
}

html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-modern-kicker,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-income-topline,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .kc-eyebrow,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .md-page-eyebrow,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) [class*="eyebrow"],
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) [class*="kicker"]{
  opacity:1 !important;
  text-shadow:none !important;
}

/* Gider/Gelir özel kartları: açık temada zemin açık, yazılar koyu kalsın */
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-expense-hero,
html.light-style:not(.dark-style):not([data-style="dark"]) body:not(.dark-mode):not(.theme-dark) .mf-income-hero{
  color:#101828 !important;
}