/* =========================================================
   metinselvi.com — tek stil dosyası
   Eski sitenin düzeni: üst menü, solda yazılar, sağda yan sütun.
   Sistem yazı tipi (indirme yok), mobil uyumlu.
   ========================================================= */

:root {
    --zemin: #f4f5f7;
    --kart: #ffffff;
    --metin: #222831;
    --metin-2: #555d68;
    --metin-3: #6b727c;
    --cizgi: #e3e6ea;
    --cizgi-koyu: #c9ced4;
    --vurgu: #d63c2b;          /* eski sitedeki kırmızı (beyaz zeminde okunaklı tonu) */
    --vurgu-koyu: #b02f21;
    --etiket-zemin: #e7f3fb;   /* eski sitedeki açık mavi kategori etiketi */
    --etiket-metin: #1f6aa5;
    --not-zemin: #eef6fc;
    --dikkat: #c98a00;
    --dikkat-zemin: #fff5e6;
    --yesil: #1e7a46;
    --alt-zemin: #23272e;
    --golge: 0 1px 3px rgba(0, 0, 0, .06);
    --yazi-tipi: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --kod-tipi: ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace;
}

/* ---------- Temel ---------- */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

body {
    margin: 0;
    background: var(--zemin);
    color: var(--metin);
    font-family: var(--yazi-tipi);
    font-size: 16px;
    line-height: 1.65;
    overflow-wrap: break-word;
}

a { color: inherit; }
img { max-width: 100%; height: auto; }
h1, h2, h3 { line-height: 1.3; }
main { outline: none; min-width: 0; }

:focus-visible { outline: 3px solid var(--etiket-metin); outline-offset: 2px; border-radius: 2px; }

.simge {
    width: 1.1em; height: 1.1em; flex: none;
    fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
    vertical-align: -0.18em;
}

.gizli {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap;
}

.atla {
    position: absolute; left: 16px; top: -60px; z-index: 100;
    background: var(--alt-zemin); color: #fff; padding: 10px 16px; border-radius: 0 0 6px 6px; font-weight: 600;
}
.atla:focus { top: 0; }

.kap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

/* ---------- Üst menü ---------- */

/* Üst menü sayfa kaydırılınca yukarıda sabit kalır */
.ust-bolum {
    background: #fff; border-bottom: 1px solid var(--cizgi);
    position: sticky; top: 0; z-index: 20;
    transition: box-shadow .2s;
}
.ust-bolum.kaydirildi { box-shadow: 0 2px 10px rgba(0, 0, 0, .08); }
.ust { display: flex; align-items: center; justify-content: space-between; min-height: 70px; gap: 16px; }
.logo { font-size: 23px; font-weight: 900; letter-spacing: .02em; color: #111; text-decoration: none; white-space: nowrap; }
.logo:hover { color: #111; }

.ana-menu > ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; }
.ana-menu a, .acilir-dugme {
    display: block; padding: 10px 11px; text-decoration: none; background: none; border: 0; cursor: pointer;
    font: inherit; font-size: 13.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #3a414b;
}
.ana-menu a:hover, .ana-menu a.secili, .acilir-dugme:hover { color: var(--vurgu); }

.ust-araclar { display: none; align-items: center; gap: 2px; }
.menu-dugme, .ara-dugme {
    display: none; background: none; border: 0; color: var(--vurgu); cursor: pointer;
    width: 48px; height: 48px; padding: 10px; border-radius: 6px;
}
.menu-dugme:hover, .ara-dugme:hover { background: var(--zemin); color: var(--vurgu); }
.menu-dugme .simge { width: 28px; height: 28px; }
.ara-dugme .simge { width: 25px; height: 25px; stroke-width: 2.2; }
.menu-dugme .simge-kapat { display: none; }
.menu-dugme[aria-expanded="true"] .simge-ac { display: none; }
.menu-dugme[aria-expanded="true"] .simge-kapat { display: block; }

/* Uygulamalar açılır menüsü */
.acilir { position: relative; }
.acilir-dugme::after { content: " ▾"; font-size: 11px; }
.acilir-menu {
    display: none; position: absolute; right: 0; top: 100%; min-width: 300px;
    list-style: none; margin: 0; padding: 8px; background: #fff;
    border: 1px solid var(--cizgi); border-radius: 6px; box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}
.acilir:hover .acilir-menu, .acilir.acik .acilir-menu { display: block; }
.ana-menu .acilir-menu a { text-transform: none; letter-spacing: 0; font-size: 15px; padding: 9px 12px; border-radius: 4px; }
.ana-menu .acilir-menu a:hover { background: var(--zemin); }
.acilir-menu small { display: block; font-weight: 400; color: var(--metin-2); font-size: 13px; }

/* ---------- İki sütun ---------- */

.govde {
    display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 30px;
    padding-top: 32px; padding-bottom: 48px; align-items: start;
}

.kutu { background: var(--kart); border-radius: 6px; padding: 20px; margin-bottom: 24px; box-shadow: var(--golge); }
.kutu > h2 { margin: 0 0 14px; font-size: 20px; font-weight: 800; letter-spacing: .03em; }

.sayfa-baslik h1 { margin: 6px 0 6px; font-size: 28px; font-weight: 800; letter-spacing: .02em; }
.sayfa-baslik p { margin: 0; color: var(--metin-2); }
.sayac { display: inline-block; color: var(--metin-3); font-size: 14px; }

.yol { font-size: 14px; color: var(--metin-2); margin-bottom: 10px; }
.yol a { text-decoration: none; color: var(--etiket-metin); }
.yol a:hover { text-decoration: underline; }

.kategori {
    display: inline-block; padding: 3px 12px; border-radius: 3px; margin: 0 4px 4px 0;
    background: var(--etiket-zemin); color: var(--etiket-metin);
    font-size: 12px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; text-decoration: none;
}
a.kategori:hover { background: #d6eaf8; }

.bilgi { display: flex; flex-wrap: wrap; gap: 6px 24px; color: var(--vurgu); font-size: 14px; margin: 0 0 14px; }
.bilgi span { display: inline-flex; align-items: center; gap: 6px; }

/* ---------- Yazı kartı (ana sayfa, kategori, arama) ---------- */

.kart {
    display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 28px;
    background: var(--kart); border-radius: 6px; padding: 20px; margin-bottom: 24px; box-shadow: var(--golge);
}
.kart-gorsel {
    position: relative; display: block; aspect-ratio: 370 / 330; border-radius: 4px; overflow: hidden; background: #e9ecef;
    container-type: inline-size;
}
.kart-gorsel img, .ilgili-gorsel img {
    position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top;
}
/* Oranı karta uymayan görsel kırpılmaz, tamamı sığdırılır (site.js; kenar rengi görselden alınır) */
.kart-gorsel img.tam-sigdir, .ilgili-gorsel img.tam-sigdir { object-fit: contain; object-position: center; }
.kart-govde { min-width: 0; }
.kart h2 { margin: 10px 0 8px; font-size: 25px; font-weight: 800; letter-spacing: .02em; }
.kart h2 a { text-decoration: none; }
.kart h2 a:hover { color: var(--vurgu); }
.ozet { color: var(--metin-2); margin: 0 0 20px; }
.devam {
    display: inline-block; padding: 9px 24px; border: 1px solid var(--cizgi-koyu); border-radius: 4px;
    font-weight: 600; font-size: 15px; text-decoration: none; background: #fff;
}
.devam:hover { border-color: var(--vurgu); color: var(--vurgu); }

.sayfalar { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 8px; }
.sayfalar a, .sayfalar span {
    min-width: 44px; height: 44px; display: grid; place-items: center; padding: 0 12px;
    background: #fff; border-radius: 4px; text-decoration: none; font-weight: 600; box-shadow: var(--golge);
}
.sayfalar a:hover { color: var(--vurgu); }
.sayfalar .secili { background: var(--vurgu); color: #fff; }
.sayfalar .bosluk { background: none; box-shadow: none; min-width: 20px; padding: 0; }

/* ---------- Üretilen kapak: görseli olmayan ya da açılmayan yazılar için ----------
   Kategori renginde zemin ve desen, üstte kategori, ortada başlık. Gerçek görsel varsa onun arkasında kalır. */

.uretilen-kapak {
    position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 4%;
    padding: 8% 9%; overflow: hidden; color: #fff; text-align: left;
    background-color: var(--uk-renk, #37474f);
}
.uk-kategori {
    align-self: flex-start; font-size: 11px; font-size: clamp(9px, 3.6cqi, 13px); font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    padding: .35em .8em; border-radius: 3px; background: rgba(255, 255, 255, .16); position: relative;
}
.uk-baslik {
    font-size: 20px; font-size: clamp(12px, 7.4cqi, 28px); font-weight: 800; line-height: 1.22; letter-spacing: .01em; position: relative;
    display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}
.uk-imza { font-size: 10px; font-size: clamp(9px, 3.2cqi, 12px); font-weight: 600; letter-spacing: .06em; opacity: .7; position: relative; }
.uk-isaret {
    position: absolute; right: -2%; bottom: -10%; font-size: 120px; font-size: 52cqi; font-weight: 900; line-height: 1;
    color: rgba(255, 255, 255, .09); pointer-events: none; font-family: Georgia, "Times New Roman", serif;
}

/* Kategori renkleri ve desenleri */
.kapak-sql {
    --uk-renk: #1f4e79;
    background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 22px);
}
.kapak-excel {
    --uk-renk: #1d6f42;
    background-image:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 64px);
}
.kapak-bordro {
    --uk-renk: #5b3a8c;
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, .06) 0 10px, transparent 10px 20px);
}
.kapak-apartman {
    --uk-renk: #a8402e;
    background-image: radial-gradient(rgba(255, 255, 255, .12) 1.5px, transparent 1.6px);
    background-size: 18px 18px;
}
.kapak-access {
    --uk-renk: #8a2433;
    background-image:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 30px),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 30px);
}
.kapak-diger {
    --uk-renk: #37474f;
    background-image: radial-gradient(rgba(255, 255, 255, .1) 1px, transparent 1.2px);
    background-size: 12px 12px;
}

/* Çok küçük kapaklarda (telefonda ilgili yazılar) yalnızca işaret kalır */
@container (max-width: 150px) {
    .uk-kategori, .uk-baslik, .uk-imza { display: none; }
    .uk-isaret { right: auto; bottom: auto; position: static; margin: auto; font-size: 100px; font-size: 44cqi; color: rgba(255, 255, 255, .85); }
}

/* ---------- Yazı sayfası ---------- */

.yazi { background: var(--kart); border-radius: 6px; padding: 32px 36px; box-shadow: var(--golge); }
.yazi h1 { margin: 10px 0 10px; font-size: 32px; font-weight: 800; letter-spacing: .02em; }
.yazi > .bilgi { margin-bottom: 22px; }
.giris { color: var(--metin-2); font-size: 17px; }

.kapak { margin: 0 0 24px; }
.kapak img { display: block; width: 100%; border-radius: 4px; background: #e9ecef; }
.kapak-orta img { width: auto; max-width: 100%; }

/* Belge kutusu: yazıdaki indirilebilir dosya ve çevrimiçi formlar (kendiliğinden toplanır) */
.belgeler { border: 2px solid var(--etiket-metin); border-radius: 6px; padding: 16px 18px; margin: 28px 0 24px; background: var(--not-zemin); }
.belgeler h2 { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--etiket-metin); margin: 0 0 10px; }
.belgeler ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.belgeler a, .belgeler button {
    display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 10px 14px; background: #fff;
    border: 1px solid var(--cizgi); border-radius: 4px; text-decoration: none; font: inherit; font-weight: 600;
    color: var(--metin); text-align: left; cursor: pointer;
}
.belgeler a:hover, .belgeler button:hover { border-color: var(--etiket-metin); }
.belgeler .simge { color: var(--etiket-metin); width: 20px; height: 20px; }
.belgeler .tur {
    margin-left: auto; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 3px;
    background: var(--zemin); color: var(--metin-2); white-space: nowrap;
}

/* İçindekiler */
.icindekiler { border: 1px solid var(--cizgi); border-radius: 6px; margin-bottom: 28px; background: #fafbfc; }
.icindekiler summary { padding: 12px 16px; font-weight: 700; cursor: pointer; }
.icindekiler ol { margin: 0; padding: 0 16px 14px 40px; }
.icindekiler li { padding: 3px 0; }
.icindekiler li.h3 { margin-left: 18px; list-style-type: circle; }
.icindekiler a { color: var(--etiket-metin); text-decoration: none; }
.icindekiler a:hover { text-decoration: underline; }

/* Yazı metni — eski yazılardaki satır içi biçimleri de dengeler */
.icerik { font-size: 17px; line-height: 1.8; }
.icerik > :first-child { margin-top: 0; }
.icerik h2 {
    font-size: 24px; font-weight: 800; letter-spacing: .01em; margin: 36px 0 12px;
    padding-bottom: 8px; border-bottom: 2px solid var(--cizgi); scroll-margin-top: 86px;
}
.icerik h3 { font-size: 20px; font-weight: 700; margin: 28px 0 10px; scroll-margin-top: 86px; }
.icerik p { margin: 0 0 16px; }
.icerik ol, .icerik ul { margin: 0 0 18px; padding-left: 24px; }
/* Metin, görselin genişliğinde (yazı alanının tamamı) akar; site sahibinin tercihi */
.icerik li { margin-bottom: 6px; }
.icerik a { color: var(--etiket-metin); }
.icerik img { border-radius: 4px; }
/* Gömülü video (YouTube) telefona sığsın */
.icerik iframe { max-width: 100%; border: 0; }
.icerik hr { border: 0; border-top: 1px solid var(--cizgi); margin: 28px 0; }
.icerik blockquote { margin: 0 0 20px; padding: 4px 0 4px 18px; border-left: 4px solid var(--cizgi-koyu); color: var(--metin-2); }
.icerik code { font-family: var(--kod-tipi); font-size: .9em; background: var(--zemin); padding: .1em .35em; border-radius: 3px; }
.icerik pre {
    font-family: var(--kod-tipi); font-size: 14.5px; line-height: 1.55; background: #f6f7f9;
    border: 1px solid var(--cizgi); border-radius: 4px; padding: 14px 16px; overflow-x: auto; margin: 0 0 20px;
}
.icerik pre code { background: none; padding: 0; }

/* Tablolar: dar ekranda sayfa değil yalnızca tablo yana kayar */
.tablo-kap { overflow-x: auto; margin: 0 0 20px; border: 1px solid var(--cizgi); border-radius: 4px; -webkit-overflow-scrolling: touch; }
.icerik table { border-collapse: collapse; min-width: 100%; font-size: 15px; line-height: 1.45; margin: 0; }
.icerik th, .icerik td { padding: 8px 12px; text-align: left; vertical-align: top; border: 1px solid var(--cizgi); }
.icerik th, .icerik thead td { background: var(--zemin); font-weight: 700; }
.icerik td p, .icerik th p { margin: 0; }
.tablo-kap table { border-style: hidden; }
/* Uzun tablolarda göz satırı kaçırmasın: dönüşümlü satır rengi (eski tablolardaki renkli hücreler olduğu gibi kalır) */
.icerik tbody tr:nth-child(even) > td { background-color: #f6f7f9; }
@media (hover: hover) { .icerik tbody tr:hover > td { background-color: var(--not-zemin); } }
/* "Gelir vergisi dilimleri" yazısının panelden üretilen tabloları: tablo ile altındaki bilgi listesi arası ~2 mm */
.vergi-tablolari .tablo-kap { margin-bottom: 8px; }
.vergi-tablolari table + ul { margin-top: 8px; }

/* Görsel büyütme */
.icerik img.buyutulebilir, .kapak img.buyutulebilir { cursor: zoom-in; }
.buyuk-gorsel {
    width: 100vw; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0;
    background: rgba(17, 17, 17, .92); display: none; place-items: center;
}
.buyuk-gorsel[open] { display: grid; }
.buyuk-gorsel::backdrop { background: rgba(17, 17, 17, .6); }
.buyuk-gorsel img {
    max-width: calc(100vw - 32px); max-height: calc(100vh - 88px); max-height: calc(100dvh - 88px); width: auto; height: auto;
    background: #fff; border-radius: 4px; box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
}
.buyuk-gorsel-kapat {
    position: fixed; top: 14px; right: 14px; width: 48px; height: 48px; display: grid; place-items: center;
    border: 0; border-radius: 4px; background: var(--vurgu); color: #fff; cursor: pointer;
}
.buyuk-gorsel-kapat:hover { background: var(--vurgu-koyu); }
.buyuk-gorsel-kapat .simge { width: 26px; height: 26px; stroke-width: 2.4; }
.buyuk-gorsel :focus-visible { outline-color: #fff; }

/* Eski editörden kalan satır içi yazı tipi/boyut/renkleri sitenin düzenine uydur */
.icerik [style*="font-family"], .icerik font[face] { font-family: inherit !important; }
.icerik [style*="font-size"], .icerik font[size] { font-size: inherit !important; }
.icerik [style*="line-height"] { line-height: inherit !important; }
.icerik a font[color], .icerik a [style*="color"] { color: inherit !important; }
.icerik a[style*="background"] { background: none !important; }

/* Eski yazıların tek tip görünümü (Services/IcerikGorunumu gösterirken bu sınıfları verir) */
.icerik .metin-mavi { color: var(--etiket-metin); }
.icerik .metin-kirmizi { color: var(--vurgu-koyu); }
.icerik .metin-yesil { color: var(--yesil); }
.icerik .metin-soluk { color: var(--metin-2); }
.icerik a .metin-mavi, .icerik a .metin-kirmizi, .icerik a .metin-yesil, .icerik a .metin-soluk { color: inherit; }
/* Düzenleyicideki yazı boyutu (okuma metnine göre; telefonda da orantılı kalır) */
.icerik .yazi-kucuk { font-size: 0.875em; }
.icerik .yazi-buyuk { font-size: 1.2em; }
.icerik .yazi-cok-buyuk { font-size: 1.5em; line-height: 1.35; }
/* Kod kutusu (Services/KodRenklendirici): üstte dil adı ve Kopyala, satırlar numaralı; yana kayar, satırlar kırılmaz */
.icerik .kod-blogu {
    font-size: 14.5px; line-height: 1.6; background: #fbfbfc; color: #2b3138;
    border: 1px solid var(--cizgi); border-radius: 4px; margin: 0 0 20px; overflow: hidden;
}
.icerik .kod-ust {
    display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px;
    padding: 4px 8px 4px 14px; background: #f1f3f5; border-bottom: 1px solid var(--cizgi); line-height: 1.3;
}
.icerik .kod-dil { font-size: 12.5px; font-weight: 700; letter-spacing: .03em; color: var(--metin-2); }
.icerik .kod-kopyala {
    font: 600 13px var(--yazi-tipi); color: var(--metin); background: #fff; border: 1px solid var(--cizgi-koyu);
    border-radius: 4px; min-height: 30px; padding: 3px 12px; cursor: pointer;
}
.icerik .kod-kopyala:hover { border-color: var(--etiket-metin); color: var(--etiket-metin); }
.icerik ol.kod-satirlar {
    font-family: var(--kod-tipi); list-style: none; margin: 0; padding: 10px 0; max-width: none; overflow-x: auto;
    counter-reset: kod-satir;
}
.icerik ol.kod-satirlar li { white-space: pre; min-height: 1.6em; margin: 0; padding: 0 16px; }
.icerik ol.kod-satirlar.numarali li { counter-increment: kod-satir; padding-left: 0; }
.icerik ol.kod-satirlar.numarali li::before {
    content: counter(kod-satir); display: inline-block; width: 2.6em; margin-right: 14px; padding-right: 8px;
    text-align: right; color: #a0a6ae; border-right: 1px solid var(--cizgi); -webkit-user-select: none; user-select: none;
}
/* Sorgu sonucu (SQL çıktısı): kod değil, düz ve sade */
.icerik .kod-sonucu { background: #fff; color: var(--metin-2); }
.icerik .kod-sonucu .kod-ust { background: #fff; }
/* Renkler: SQL Server Management Studio / Excel kod düzenleyicisine yakın */
.icerik .k-anahtar { color: #0b47c2; }
.icerik .k-fonk { color: #a3159a; }
.icerik .k-metin { color: #b3261e; }
.icerik .k-yorum { color: #1d7a3a; font-style: italic; }
.icerik .k-sayi { color: #0f6b5f; }
.icerik .k-degisken { color: #6d3fb5; }
.icerik .k-isaret { color: #6b727c; }
@media (max-width: 680px) {
    .icerik .kod-blogu { font-size: 13px; }
    .icerik ol.kod-satirlar.numarali li::before { width: 2em; margin-right: 10px; padding-right: 6px; }
}
@media print {
    .icerik .kod-kopyala { display: none; }
    .icerik ol.kod-satirlar li { white-space: pre-wrap; }
}
.icerik code { font-family: var(--kod-tipi) !important; }
/* Tablolarda sayılar sağa, Excel formülleri eş aralıklı */
.icerik td.sayi, .icerik th.sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.icerik td.formul { font-family: var(--kod-tipi); font-size: 14px; overflow-wrap: anywhere; min-width: 12ch; }

/* Bilgi notları (editörde class="not" / class="not dikkat") */
.not {
    border-left: 4px solid var(--etiket-metin); background: var(--not-zemin);
    padding: 14px 18px; border-radius: 0 4px 4px 0; margin: 0 0 20px; font-size: 16px; line-height: 1.65;
}
.not strong:first-child { display: block; margin-bottom: 4px; }
.not > :last-child { margin-bottom: 0; }
.not.dikkat { border-left-color: var(--dikkat); background: var(--dikkat-zemin); }

/* Belge örneği (kâğıt görünümü, editörde class="ornek-belge") */
.ornek-belge {
    border: 1px solid #cfd4da; border-radius: 4px; padding: 28px 32px; margin: 0 0 20px;
    background: #fff; box-shadow: 0 2px 0 #eef0f2, 0 4px 0 #e3e6ea;
}

/* Paylaş, önceki/sonraki */
.araclar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--cizgi); }
.dugme {
    display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px;
    border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: #fff; font: inherit; font-size: 15px; font-weight: 600;
    text-decoration: none; cursor: pointer; color: var(--metin);
}
.dugme:hover { border-color: var(--vurgu); color: var(--vurgu); }
.dugme-dolu { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.dugme-dolu:hover { background: var(--vurgu-koyu); border-color: var(--vurgu-koyu); color: #fff; }

.onceki-sonraki { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.onceki-sonraki a { display: block; padding: 14px 16px; border: 1px solid var(--cizgi); border-radius: 4px; text-decoration: none; }
.onceki-sonraki a:hover { border-color: var(--vurgu); }
.onceki-sonraki small { display: block; color: var(--metin-2); font-size: 13px; }
.onceki-sonraki b { line-height: 1.4; }
.onceki-sonraki .sonraki { text-align: right; grid-column: 2; }

/* İlgili yazılar */
.ilgili { margin-top: 28px; }
.ilgili > h2 { font-size: 22px; font-weight: 800; letter-spacing: .02em; margin: 0 0 14px; }
.ilgili-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ilgili-kart { display: block; background: var(--kart); border-radius: 6px; padding: 12px; box-shadow: var(--golge); text-decoration: none; }
.ilgili-gorsel {
    position: relative; display: block; aspect-ratio: 370 / 330; border-radius: 4px; overflow: hidden; background: #e9ecef;
    margin-bottom: 10px; container-type: inline-size;
}
.ilgili-kart b { display: block; line-height: 1.4; }
.ilgili-kart small { color: var(--vurgu); font-size: 13px; }
.ilgili-kart:hover b { color: var(--vurgu); }

/* ---------- Sağ sütun ---------- */

.arama { display: flex; gap: 8px; }
.kutu.arama { padding: 12px; }
.arama input {
    flex: 1; min-width: 0; height: 44px; border: 1px solid var(--cizgi-koyu); border-radius: 4px;
    padding: 0 12px; font: inherit; font-size: 16px; background: #fff; color: var(--metin);
}
.arama input:focus { border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; }
.arama button {
    width: 48px; flex: none; border: 0; border-radius: 4px; background: var(--vurgu); color: #fff; cursor: pointer;
    display: grid; place-items: center;
}
.arama button:hover { background: var(--vurgu-koyu); }
.arama button .simge { width: 20px; height: 20px; }
.arama-buyuk { margin: 14px 0 10px; max-width: 620px; }
.arama-buyuk input { height: 50px; font-size: 17px; }
.arama-buyuk button { width: 56px; }
/* Arama sayfası: kutu geniş ekranda sağ sütunda; burada yalnızca telefonda (sağ sütun en alta indiğinde) görünür */
.arama-telefon { display: none; }
@media (max-width: 900px) { .arama-telefon { display: block; } }
.arama-baslik h1 { margin-bottom: 4px; }
.arama-baslik .sayac { margin-bottom: 0; }
.arama-grubu, .kutu h2.arama-grubu { font-size: 13px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--metin-3); margin: 22px 0 12px; }
.kutu.arama-metinde h2.arama-grubu { margin-top: 0; }
mark { background: #fff1a8; color: inherit; padding: 0 1px; border-radius: 2px; }
.sonuc-listesi { list-style: none; margin: 0; padding: 0; }
.sonuc-satiri { padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.sonuc-satiri:first-child { padding-top: 0; }
.sonuc-satiri:last-child { border-bottom: 0; padding-bottom: 0; }
.sonuc-ust { margin: 0; font-size: 13.5px; color: var(--metin-3); }
.sonuc-ust .kategori { margin-right: 6px; }
.sonuc-satiri h3 { font-size: 19px; line-height: 1.35; margin: 6px 0 4px; }
.sonuc-satiri h3 a { color: var(--etiket-metin); text-decoration: none; }
.sonuc-satiri h3 a:hover { text-decoration: underline; }
.sonuc-parca { margin: 0; color: var(--metin-2); font-size: 15.5px; line-height: 1.6; overflow-wrap: anywhere; }

.liste { list-style: none; margin: 0; padding: 0; }
.liste li { padding: 9px 0; border-bottom: 1px solid var(--cizgi); }
.liste li:last-child { border-bottom: 0; }
.liste a { display: block; font-weight: 600; line-height: 1.4; text-decoration: none; }
.liste a:hover { color: var(--vurgu); }
.liste small { color: var(--vurgu); font-size: 13px; }
.liste-uyg small { display: block; color: var(--metin-2); font-weight: 400; }

.kategoriler { list-style: none; margin: 0; padding: 0; }
.kategoriler li { border-bottom: 1px dashed var(--cizgi); }
.kategoriler li:last-child { border-bottom: 0; }
.kategoriler a { display: block; padding: 8px 0; text-decoration: none; }
.kategoriler a::before { content: "– "; color: #9aa1aa; }
.kategoriler a:hover { color: var(--vurgu); }

/* ---------- Diğer sayfalar ---------- */

.uyari { padding: 10px 14px; border-radius: 4px; background: var(--dikkat-zemin); border-left: 4px solid var(--dikkat); }
.hata-kodu { font-size: 56px; font-weight: 800; color: var(--cizgi-koyu); line-height: 1; margin: 0 0 6px !important; }

.form { max-width: 560px; margin-top: 8px; }
.alan { margin-bottom: 18px; }
.alan label { display: block; font-weight: 700; margin-bottom: 6px; }
.istege-bagli { font-weight: 400; color: var(--metin-3); }
.alan input, .alan textarea {
    display: block; width: 100%; min-height: 46px; padding: 10px 12px;
    border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: #fff; color: var(--metin);
    font: inherit; font-size: 16px;
}
.alan textarea { resize: vertical; line-height: 1.5; }
.alan input:focus, .alan textarea:focus { border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; }
.alan-ipucu { font-size: 14px; color: var(--metin-3); margin: 6px 0 0; }
.alan-hata { font-size: 14px; color: var(--vurgu-koyu); font-weight: 600; margin: 6px 0 0; }
.alan-hata:empty { display: none; }
.alan [aria-invalid="true"] { border-color: var(--vurgu); background: #fff8f7; }
/* Tuzak alan: insanlar görmez, yalnızca botlar doldurur */
.form-tuzak { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form .dugme { background: var(--vurgu); border-color: var(--vurgu); color: #fff; margin-bottom: 12px; }
.form .dugme:hover { background: var(--vurgu-koyu); }

/* ---------- Alt bilgi ---------- */

.alt-bolum { background: var(--alt-zemin); color: #c3c8cf; font-size: 15px; }
.alt { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 30px; padding-top: 44px; padding-bottom: 30px; }
.alt h2 { color: #fff; margin: 0 0 12px; font-size: 17px; }
.alt p { margin: 0; }
.alt ul { list-style: none; margin: 0; padding: 0; }
.alt a { display: inline-block; padding: 4px 0; text-decoration: none; }
.alt a:hover { color: #fff; text-decoration: underline; }
.alt-bolum :focus-visible { outline-color: #fff; }
.telif { border-top: 1px solid rgba(255, 255, 255, .1); text-align: center; padding: 16px; font-size: 13px; }

/* Sayfa başına çık düğmesi (her zaman sağ altta) */
.yukari {
    position: fixed; right: 20px; bottom: 20px; z-index: 30;
    width: 48px; height: 48px; display: grid; place-items: center;
    background: var(--vurgu); color: #fff; border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
}
.yukari:hover { background: var(--vurgu-koyu); color: #fff; }
/* Sayfanın üstündeyken gizli (içeriğin üstüne binmesin); aşağı inince görünür. Betik yoksa hep görünür. */
.yukari { transition: opacity .2s, visibility .2s; }
.yukari.gizli { opacity: 0; visibility: hidden; pointer-events: none; }
.yukari .simge { width: 26px; height: 26px; stroke-width: 2.6; }
.yukari:focus-visible { outline-color: var(--metin); }
@media (max-width: 680px) { .yukari { right: 14px; bottom: 14px; width: 46px; height: 46px; } }

/* ---------- Tablet ve telefon ---------- */

@media (max-width: 1100px) {
    .ust-araclar { display: flex; }
    .menu-dugme, .ara-dugme { display: grid; place-items: center; }
    .ana-menu {
        display: none; position: absolute; left: 0; right: 0; top: 70px; background: #fff;
        border-bottom: 1px solid var(--cizgi); box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
        max-height: calc(100vh - 70px); overflow-y: auto;
    }
    .ana-menu.acik { display: block; }
    .ana-menu > ul { flex-direction: column; padding: 8px 16px; max-width: 1200px; margin: 0 auto; }
    .ana-menu > ul > li + li { border-top: 1px solid var(--cizgi); }
    .ana-menu a, .acilir-dugme { padding: 14px 4px; font-size: 15px; width: 100%; text-align: left; }
    .acilir-dugme::after { content: ""; }
    .acilir-dugme { cursor: default; color: var(--metin-3); }
    .acilir-dugme:hover { color: var(--metin-3); }
    .acilir-menu { display: block; position: static; box-shadow: none; border: 0; padding: 0 0 8px 12px; min-width: 0; }
    .ana-menu .acilir-menu a { padding: 10px 8px; }
}

@media (max-width: 900px) {
    .govde { grid-template-columns: minmax(0, 1fr); padding-top: 20px; }
    .alt { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
    .kart { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; }
    /* Telefonda kapak kısaltılır: görselin üst kısmı gösterilir */
    .kart-gorsel { aspect-ratio: 16 / 9; }
    .kart-gorsel .uk-baslik { -webkit-line-clamp: 3; line-clamp: 3; }
    .kart h2 { font-size: 21px; }
    .yazi { padding: 20px 16px; }
    .yazi h1, .sayfa-baslik h1 { font-size: 25px; }
    .icerik { font-size: 16.5px; }
    .icerik h2 { font-size: 21px; }
    .ornek-belge { padding: 18px 16px; }
    .onceki-sonraki { grid-template-columns: 1fr; }
    .onceki-sonraki .sonraki { grid-column: auto; }
    .ilgili-liste { grid-template-columns: 1fr; }
    .ilgili-kart { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: center; }
    .ilgili-gorsel { margin: 0; }
    .belgeler a, .belgeler button { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; row-gap: 4px; }
    .belgeler .simge { grid-row: span 2; }
    .belgeler .tur { grid-column: 2; justify-self: start; margin-left: 0; }
    .alt { grid-template-columns: 1fr; }
}

/* ---------- Yazdırma: yalnızca yazının metni kâğıda çıksın ---------- */

@media print {
    body { background: #fff; color: #000; font-size: 11.5pt; }
    .ust-bolum, .alt-bolum, .atla, .yukari, .yan-sutun, .yol, .kategori, .bilgi, .kapak, .belgeler, .icindekiler,
    .araclar, .onceki-sonraki, .ilgili, .sayfalar { display: none !important; }
    .kap { max-width: none; padding: 0; }
    .govde { display: block; padding: 0; }
    .yazi { box-shadow: none; padding: 0; }
    .yazi h1 { font-size: 16pt; }
    .icerik { font-size: 11.5pt; line-height: 1.55; }
    .icerik a { color: #000; text-decoration: none; }
    .tablo-kap { overflow: visible; border: 0; }
    .icerik th, .icerik td { border: 1px solid #999 !important; }
    .ornek-belge { box-shadow: none; border: 0; padding: 0; }
    h2, h3 { break-after: avoid; }
    tr, img, .not { break-inside: avoid; }
}

/* ---------- Hesaplama sayfaları (Maaş bordrosu, Kredi hesaplama) ---------- */

.hesap-formu { margin: 8px 0 24px; padding: 18px; border: 1px solid var(--cizgi); border-radius: 6px; background: #fafbfc; }
.hesap-alanlari { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 0 18px; }
.hesap-formu .alan { margin-bottom: 14px; }
.alan select {
    display: block; width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--cizgi-koyu); border-radius: 4px;
    background: #fff; color: var(--metin); font: inherit; font-size: 16px;
}
.alan select:focus { border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; }
.hesap-formu input[inputmode="decimal"] { text-align: right; font-variant-numeric: tabular-nums; }
.secenekler { border: 0; padding: 0; margin: 0 0 14px; min-width: 0; }
.secenekler legend { font-weight: 700; margin-bottom: 6px; padding: 0; }
.secenekler label, .onay-kutusu { display: flex; align-items: center; gap: 8px; min-height: 40px; font-weight: 400; cursor: pointer; }
.secenekler input, .onay-kutusu input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--vurgu); }
.onay-kutusu { align-items: flex-start; margin: 0 0 14px; }
.onay-kutusu input { margin-top: 2px; }
.onay-kutusu small { color: var(--metin-3); }
.onay-kutusu.pasif { opacity: .5; cursor: default; }
.hesap-formu .dugme-dolu { min-width: 160px; justify-content: center; }
/* Mevduat: vade ve süre için hızlı seçim düğmeleri (betik yoksa gizli; alan elle de yazılır) */
.hizli-secim { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; }
.secim-dugmesi {
    min-height: 36px; padding: 4px 12px; border: 1px solid var(--cizgi-koyu); border-radius: 18px; background: #fff;
    color: var(--metin); font: inherit; font-size: 14px; cursor: pointer;
}
.secim-dugmesi:hover { border-color: var(--etiket-metin); color: var(--etiket-metin); }
.secim-dugmesi[aria-pressed="true"] { background: var(--etiket-metin); border-color: var(--etiket-metin); color: #fff; }
.stopaj-tablosu thead th { font-weight: 700; background: var(--zemin); text-align: right; }
.stopaj-tablosu thead th:first-child { text-align: left; }
/* Vade tablosu dar sütunlarla: masaüstünde yana kaymadan sığar (telefonda tablo kendi içinde kayar) */
.odeme-plani.vade-plani { font-size: 14px; }
.odeme-plani.vade-plani th, .odeme-plani.vade-plani td { padding: 8px 6px; }
.odeme-plani.vade-plani th { white-space: normal; vertical-align: bottom; line-height: 1.25; }
.vade-plani small { display: block; font-size: 12.5px; line-height: 1.3; color: var(--metin-3); font-weight: 400; }
.vade-plani small.eksi { color: var(--vurgu-koyu); }
/* Vadeye özel faiz oranı kutusu (boşsa önceki vadenin oranı soluk görünür) */
.vade-faizi input {
    width: 54px; min-height: 32px; padding: 3px 6px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: #fff;
    color: var(--metin); font: inherit; font-size: 15px; text-align: right; font-variant-numeric: tabular-nums;
}
.vade-faizi input::placeholder { color: var(--metin-3); opacity: 1; }
.vade-faizi input:focus { border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; }
.vade-faizi input[aria-invalid="true"] { border-color: var(--vurgu); background: #fff8f7; }
.vade-faizi .yazdir-deger { display: none; }
/* Telefonda 16px: iPhone küçük yazılı kutuya dokununca sayfayı büyütmesin */
@media (max-width: 680px) { .vade-faizi input { font-size: 16px; } }
.odeme-plani tbody tr.oran-degisti > td { background: var(--not-zemin); }
.odeme-plani tr.oran-degisti .vade-faizi input { border-color: var(--etiket-metin); font-weight: 700; }
@media print {
    .vade-faizi input { display: none; }
    .vade-faizi .yazdir-deger { display: inline; }
}
.hafta-sonu { text-decoration: none; color: var(--vurgu-koyu); font-weight: 700; margin-left: 2px; cursor: help; }

/* Maaş hesaplama: seçim düğmeleri (radyo), yıl/ay, iki sütunlu bordro, yıl tablosu */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.maas-alanlari .alan-genis { grid-column: span 2; }
@media (max-width: 680px) { .maas-alanlari .alan-genis { grid-column: auto; } }
.hap-grubu { border: 0; padding: 0; margin: 0 0 14px; min-width: 0; display: flex; flex-wrap: wrap; gap: 5px; align-content: flex-start; }
.hap-grubu legend { width: 100%; font-weight: 700; margin-bottom: 6px; padding: 0; float: left; }
.kesinti-turu { margin: 8px 0 0; }
.kesinti-turu span { min-height: 34px; padding: 2px 12px; }
.hap-grubu label { position: relative; cursor: pointer; margin: 0; }
.hap-grubu input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.hap-grubu span {
    display: inline-flex; align-items: center; min-height: 40px; padding: 4px 11px; border: 1px solid var(--cizgi-koyu);
    border-radius: 20px; background: #fff; font-size: 14px; font-weight: 400; white-space: nowrap;
}
.hap-grubu label:hover span { border-color: var(--etiket-metin); }
.hap-grubu input:checked + span { background: var(--etiket-metin); border-color: var(--etiket-metin); color: #fff; }
.hap-grubu input:focus-visible + span { outline: 2px solid var(--etiket-metin); outline-offset: 2px; }
.yil-ay { display: grid; grid-template-columns: 90px 1fr; gap: 8px; }
.maas-iki { display: grid; grid-template-columns: 1.1fr 1fr; gap: 0 20px; }
@media (max-width: 860px) { .maas-iki { grid-template-columns: 1fr; } }
.maas-iki h3 { margin-top: 8px; }
.hesap-tablosu .arti { color: var(--yesil); }
.sonraki-ay {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 12px 14px; margin: 4px 0 20px;
    border: 1px dashed var(--etiket-metin); border-radius: 6px; background: #fff; font-size: 15px;
}
.sonraki-ay b { flex: 1 1 100%; }
.sonraki-ay small { flex: 1 1 100%; color: var(--metin-3); }
.sonraki-ay span { flex: 1 1 100%; }
/* Devreden SGK matrahı: iki küçük kutu yan yana */
.devir-alanlari { border: 0; padding: 0; min-width: 0; }
.devir-alanlari legend { font-weight: 700; margin-bottom: 6px; padding: 0; }
.devir-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; }
.devir-ikili label { font-weight: 400; margin: 0; font-size: 14px; color: var(--metin-2); }
.devir-ikili input { margin-top: 4px; }
/* Fazla mesai: üç kutu yan yana (dar ekranda alt alta); başlık uzunluğu farklı olsa da kutular aynı hizada */
.mesai-saatleri { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.mesai-saatleri label { display: flex; flex-direction: column; }
.mesai-saatleri label small { margin-top: auto; padding-top: 2px; font-size: 12px; color: var(--metin-3); }
.maas-yili tbody tr.bu-ay > td { background: var(--not-zemin); font-weight: 700; }
.maas-yili tbody tr.gecis-ayi > td { background: var(--dikkat-zemin); }
.maas-yili tfoot td { font-weight: 800; background: var(--zemin); text-align: right; white-space: nowrap; }
.maas-yili tfoot td:first-child { text-align: left; }
.dilim-etiketi { display: inline-block; font-size: 12.5px; font-weight: 700; padding: 1px 8px; border-radius: 10px; background: var(--etiket-zemin); color: var(--etiket-metin); }
/* Orta boy ekranda (yan sütunlu dar içerik) yıl tablosu yana kaymadan sığsın */
.maas-yili .dilim-etiketi { white-space: normal; max-width: 6.5em; line-height: 1.35; }
@media (max-width: 1100px) { .odeme-plani.maas-yili { font-size: 13px; } .odeme-plani.maas-yili th, .odeme-plani.maas-yili td { padding: 7px 5px; } }

.hesap-sonuc { margin-bottom: 28px; scroll-margin-top: 86px; } /* üstte sabit menünün altında kalmasın */
.hesap-sonuc h2 { font-size: 21px; margin: 0 0 14px; }
.hesap-sonuc h3 { font-size: 18px; margin: 24px 0 10px; }
.sonuc-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; margin-bottom: 16px; }
.sonuc-ozet > div { padding: 14px 16px; border-radius: 6px; background: var(--not-zemin); border-left: 4px solid var(--etiket-metin); }
.sonuc-ozet small { display: block; color: var(--metin-2); font-size: 14px; }
.sonuc-ozet b { display: block; font-size: 26px; line-height: 1.25; font-variant-numeric: tabular-nums; }
.sonuc-ozet > div.sonuc-net { border-left-color: var(--vurgu); background: #fdecea; }
.sonuc-ozet .sonuc-net b { color: var(--vurgu-koyu); }
.hesap-tablosu, .odeme-plani { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
.hesap-tablosu th, .hesap-tablosu td, .odeme-plani th, .odeme-plani td { padding: 9px 12px; border-bottom: 1px solid var(--cizgi); }
.hesap-tablosu th { text-align: left; font-weight: 400; }
.hesap-tablosu td { text-align: right; white-space: nowrap; }
.hesap-tablosu .eksi { color: var(--vurgu-koyu); }
.hesap-tablosu .toplam th, .hesap-tablosu .toplam td { font-weight: 800; background: var(--zemin); }
.hesap-tablosu small { color: var(--metin-3); }
.odeme-plani th { background: var(--zemin); font-weight: 700; text-align: right; white-space: nowrap; }
.odeme-plani td { text-align: right; white-space: nowrap; }
.odeme-plani th:first-child, .odeme-plani td:first-child { text-align: center; }
.odeme-plani tbody tr:nth-child(even) > td { background: #f6f7f9; }
.odeme-plani .odemesiz td { color: var(--metin-3); font-style: italic; }
.tablo-kap .odeme-plani, .tablo-kap .hesap-tablosu { border-style: hidden; }
.vade-no-ek { display: none; }
/* Telefonda vade tablosu kart olur: her vade etiketli bir kutu (yana kaydırma yok) */
@media (max-width: 680px) {
    .tablo-kap.vade-plani-kap { overflow: visible; border: 0; }
    .vade-plani thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .vade-plani, .vade-plani tbody { display: block; width: 100%; }
    .tablo-kap .vade-plani tr {
        display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; padding: 10px 12px; margin-bottom: 8px;
        border: 1px solid var(--cizgi); border-radius: 6px; background: #fff;
    }
    .tablo-kap .vade-plani tr.oran-degisti { background: var(--not-zemin); border-color: var(--etiket-metin); }
    .tablo-kap .odeme-plani.vade-plani td {
        display: block; padding: 0; border: 0; background: none; text-align: left; white-space: normal;
    }
    .vade-plani td::before { content: attr(data-etiket); display: block; font-size: 12.5px; color: var(--metin-3); }
    .tablo-kap .odeme-plani.vade-plani td.vade-no { grid-column: 1 / -1; font-weight: 700; text-align: left; }
    .vade-plani td.vade-no::before { content: none; }
    .vade-no-ek { display: inline; }
    .vade-plani td.vade-bakiye { font-weight: 700; }
    .vade-plani small { display: inline; margin-left: 6px; }
    .vade-plani .vade-faizi input { width: 76px; }
    .vade-plani tfoot { display: block; }
    .vade-plani td.bos { display: none; }
    .tablo-kap .maas-yili tr.bu-ay { border-color: var(--etiket-metin); }
}
@media print { .vade-no-ek { display: none !important; } }

.bordro-yazdir { margin: 0 0 28px; border: 1px solid var(--cizgi); border-radius: 6px; padding: 0 16px; }
.bordro-yazdir summary { padding: 12px 0; font-weight: 700; cursor: pointer; }
.bordro-yazdir[open] { padding-bottom: 16px; }
.bordro-baslik, .bordro-imza { display: none; }
.hesap-bilgi { border-top: 1px solid var(--cizgi); padding-top: 8px; }

@media (max-width: 680px) {
    .hesap-formu { padding: 14px 12px; }
    .hesap-formu .dugme-dolu { width: 100%; }
    .sonuc-ozet b { font-size: 22px; }
    .hesap-tablosu th, .hesap-tablosu td { padding: 9px 8px; }
}

@media print {
    .yazdirma-disi { display: none !important; }
    .bordro-baslik { display: block; text-align: center; margin-bottom: 18px; }
    .bordro-baslik h2 { font-size: 15pt; margin: 6px 0; }
    .bordro-baslik p { margin: 2px 0; }
    .bordro-site { font-size: 14pt; font-weight: 700; }
    .bordro-imza { display: flex; justify-content: space-between; margin-top: 48px; padding: 0 24px; }
    .bordro-imza span { border-top: 1px solid #000; padding-top: 4px; min-width: 180px; text-align: center; }
    .sonuc-ozet > div { border: 1px solid #999; background: none; }
    .odeme-plani, .hesap-tablosu { font-size: 9.5pt; }
    .odeme-plani th, .odeme-plani td { padding: 3px 6px; }
}

/* ---------- Yıllık izin talep formu (kâğıt görünümü; yazdırınca yalnızca form çıkar) ---------- */

.izin-belgesi { margin: 8px 0 20px; }
.izin-baslik { text-align: center; font-size: 19px; letter-spacing: .35em; margin: 0 0 22px; }
.izin-tablosu { width: 100%; border-collapse: collapse; font-size: 15px; }
.izin-tablosu th, .izin-tablosu td { border: 1px solid #555; padding: 3px; vertical-align: middle; }
.izin-tablosu th { width: 34%; padding: 6px 10px; text-align: left; font-weight: 600; background: #f6f7f9; }
.izin-tablosu input, .izin-tablosu select, .izin-imza input, .izin-onay input {
    width: 100%; min-height: 40px; padding: 6px 10px; border: 1px solid transparent; border-radius: 3px;
    background: transparent; color: var(--metin); font: inherit; font-size: 15px;
}
.izin-tablosu input:hover, .izin-tablosu select:hover, .izin-imza input:hover, .izin-onay input:hover { border-color: var(--cizgi); }
.izin-tablosu input:focus, .izin-tablosu select:focus, .izin-imza input:focus, .izin-onay input:focus {
    border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; background: #fff;
}
.izin-cumartesi { margin: 12px 0 0; }
.izin-ozet { margin: 16px 0 0; padding: 12px 14px; background: var(--not-zemin); border-radius: 4px; line-height: 1.7; }
.izin-ozet + .izin-ozet { margin-top: 8px; background: none; padding: 0 14px; }
.izin-imza { text-align: center; margin: 22px 0; }
.izin-imza input { width: auto; min-width: 170px; text-align: center; border-color: var(--cizgi); }
.izin-ad { margin: 8px 0 0; font-weight: 600; min-height: 1.6em; }
.izin-imza-yeri { margin: 4px 0 0; color: var(--metin-3); }
.izin-onay p { margin: 6px 0; display: flex; align-items: center; gap: 10px; }
.izin-onay label { min-width: 90px; }
.izin-onay input { flex: 1; max-width: 420px; border-color: var(--cizgi); }
.izin-araclar { margin-top: 0; border-top: 0; padding-top: 0; align-items: center; }
.izin-durum { flex-basis: 100%; margin: 0; }

@media (max-width: 680px) {
    .izin-baslik { letter-spacing: .15em; font-size: 17px; }
    .izin-tablosu th, .izin-tablosu td { display: block; width: 100%; border-bottom: 0; }
    .izin-tablosu tr:last-child td { border-bottom: 1px solid #555; }
    .izin-tablosu th { padding: 6px 10px 2px; }
    .izin-onay p { flex-wrap: wrap; }
    .izin-araclar .dugme { width: 100%; justify-content: center; }
}

@media print {
    @page { size: A4 portrait; margin: 2cm; }
    .izin-belgesi { border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0; }
    .izin-tablosu { font-size: 11pt; }
    .izin-tablosu th, .izin-tablosu td { padding: 3px 6px; border: 1px solid #333 !important; }
    .izin-tablosu input, .izin-tablosu select, .izin-imza input, .izin-onay input {
        min-height: 0; padding: 0; border: 0 !important; background: none; appearance: none; -webkit-appearance: none; font-size: 11pt;
    }
    .izin-tablosu input::placeholder { color: transparent; }
    .izin-tablosu input::-webkit-calendar-picker-indicator, .izin-imza input::-webkit-calendar-picker-indicator,
    .izin-onay input::-webkit-calendar-picker-indicator { display: none; }
    .izin-ozet { background: none !important; padding: 0; }
}

/* ---------- Online etiket (A4 sayfalar milimetre ölçüleriyle; ekran ve kâğıt aynı) ---------- */

.etiket-bolum { font-size: 19px; margin: 26px 0 12px; }
.etiket-satirlari { width: 100%; border-collapse: collapse; font-size: 15px; }
.etiket-satirlari th { padding: 8px; background: var(--zemin); text-align: left; font-size: 14px; white-space: nowrap; }
.etiket-satirlari td { padding: 4px; border-top: 1px solid var(--cizgi); }
.etiket-satirlari input {
    width: 100%; min-width: 90px; min-height: 42px; padding: 8px 10px; border: 1px solid var(--cizgi-koyu); border-radius: 4px;
    background: #fff; color: var(--metin); font: inherit; font-size: 15px;
}
.etiket-satirlari input[type="number"] { min-width: 64px; width: 72px; text-align: right; }
.etiket-satirlari input:focus { border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; }
.etiket-sil { min-height: 42px; padding: 0 12px; color: var(--vurgu-koyu); }
.etiket-araclar { margin-top: 12px; padding-top: 0; border-top: 0; }
.etiket-olculeri .alan { margin-bottom: 10px; }
.etiket-olculeri .alan-ipucu { margin-top: 4px; font-size: 13px; }
.etiket-onizleme-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 12px; }
.etiket-onizleme-ust .etiket-bolum { flex-basis: 100%; margin-bottom: 0; }
.etiket-onizleme-ust .alan-ipucu { margin: 0; }

.etiket-onizleme-kap { padding: 12px; background: #e9ecef; border-radius: 6px; overflow: hidden; }
.etiket-onizleme-kap:empty { display: none; }
.etiket-sayfa {
    position: relative; box-sizing: border-box; width: 210mm; height: 296.5mm; overflow: hidden; margin: 0 auto 12px;
    background: #fff; color: #000; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); zoom: var(--olcek, 1);
}
.etiket-izgara { display: grid; justify-content: start; align-content: start; }
.etiket-kutu {
    display: flex; align-items: center; overflow: hidden; box-sizing: border-box; padding: 0 3mm;
    line-height: 1.25; outline: 1px dashed #b8bec6; outline-offset: -1px; overflow-wrap: anywhere;
}
.etiket-sayfa-no { position: absolute; right: 4mm; bottom: 2mm; font-size: 9pt; color: #9aa1aa; }

@media (max-width: 680px) {
    /* Telefonda her satır alt alta alanlardan oluşan bir kart olur */
    .etiket-satirlari-kap { border: 0; }
    .etiket-satirlari thead { display: none; }
    .etiket-satirlari, .etiket-satirlari tbody, .etiket-satirlari tr, .etiket-satirlari td { display: block; width: 100%; }
    .etiket-satirlari tr { padding: 10px 12px; margin-bottom: 10px; border: 1px solid var(--cizgi); border-radius: 6px; }
    .etiket-satirlari td { border: 0; padding: 3px 0; }
    .etiket-satirlari td[data-baslik]::before { content: attr(data-baslik); display: block; font-size: 13px; font-weight: 700; color: var(--metin-2); }
    .etiket-satirlari input[type="number"] { width: 100%; text-align: left; }
    .etiket-sil { width: 100%; justify-content: center; }
    .etiket-onizleme-kap { padding: 6px; }
}

@media print {
    .etiket-uygulamasi { padding: 0 !important; }
    .etiket-onizleme-kap { padding: 0; background: none; border-radius: 0; overflow: visible; }
    .etiket-sayfa { zoom: 1; margin: 0; box-shadow: none; break-after: page; }
    .etiket-sayfa:last-child { break-after: auto; }
    .etiket-kutu { outline: 0; }
    .etiket-sayfa-no { display: none; }
}

/* ---------- Apartman toplantı vekaletnamesi (kâğıt görünümü; yazdırınca yalnızca belge çıkar) ---------- */

.vekaletname-belgesi { margin: 0 0 20px; font-family: "Times New Roman", Times, serif; font-size: 17px; line-height: 1.9; }
.vekaletname-baslik { text-align: center; font-size: 22px; letter-spacing: .25em; margin: 0 0 22px; }
.vekaletname-hitap { font-weight: 700; margin: 0 0 22px; }
.vekaletname-metin { text-align: justify; text-indent: 2em; margin: 0 0 30px; }
.vekaletname-imza { margin: 0 0 0 auto; width: max-content; max-width: 100%; text-align: left; }
.vekaletname-imza p { margin: 0 0 6px; }
.vekaletname-not { margin-top: 48px; font-size: 14.5px; line-height: 1.6; }
.vekaletname-not p { margin: 0 0 4px; }
.vekaletname-not ol { margin: 0; padding-left: 22px; }
.bos-yer { color: var(--metin-3); letter-spacing: .05em; }

@media (max-width: 680px) {
    .vekaletname-belgesi { font-size: 16px; line-height: 1.8; }
    .vekaletname-baslik { letter-spacing: .15em; }
    .vekaletname-imza { width: auto; }
}

@media print {
    .vekaletname-belgesi { border: 0 !important; box-shadow: none !important; padding: 2cm 0 0 !important; font-size: 13pt; }
    .bos-yer { color: #000; }
}

/* ---------- Konular (kategorilerin yanında ikinci gruplama) ---------- */
.konular-kutu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.konular-kutu h2 a { color: inherit; text-decoration: none; }
.konular-kutu li a { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 4px 12px; border: 1px solid var(--cizgi-koyu);
    border-radius: 18px; font-size: 14.5px; color: var(--metin); text-decoration: none; background: #fff; }
.konular-kutu li a:hover { border-color: var(--etiket-metin); color: var(--etiket-metin); }
.konular-kutu li a span { color: var(--metin-3); font-size: 13px; }
.konu-etiketleri { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -6px 0 20px; font-size: 14.5px; color: var(--metin-2); }
.konu-etiketleri a { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 12px; border-radius: 16px; background: var(--etiket-zemin);
    color: var(--etiket-metin); text-decoration: none; font-weight: 600; }
.konu-etiketleri a:hover { text-decoration: underline; }
.konu-baslik { background: var(--kart); border-radius: 6px; padding: 24px 28px; margin-bottom: 22px; box-shadow: var(--golge); }
.konu-baslik .yol { margin-bottom: 8px; }
.konu-baslik h1 { margin: 0 0 10px; font-size: 32px; line-height: 1.2; }
.konu-baslik p { margin: 0 0 10px; font-size: 16.5px; line-height: 1.7; color: var(--metin-2); }
.konu-baslik .konu-sayi { font-size: 14.5px; color: var(--metin-3); margin: 0; }
.konu-baslik .konu-sayi a { color: var(--etiket-metin); }
.ayni-konu { margin-top: 28px; padding: 18px 20px; border-radius: 6px; background: var(--not-zemin); }
.ayni-konu h2 { font-size: 18px; margin: 0 0 10px; }
.ayni-konu ul { margin: 0; padding-left: 20px; }
.ayni-konu li { margin: 4px 0; }
.ayni-konu p { margin: 10px 0 0; }
.konu-listesi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 14px; }
.konu-listesi li { background: var(--kart); border-radius: 6px; padding: 18px 20px; box-shadow: var(--golge); }
.konu-listesi a { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; text-decoration: none; color: var(--metin); }
.konu-listesi a b { font-size: 19px; }
.konu-listesi a span { flex: none; font-size: 14px; color: var(--metin-3); }
.konu-listesi a:hover b { color: var(--etiket-metin); }
.konu-listesi p { margin: 8px 0 0; font-size: 15px; line-height: 1.6; color: var(--metin-2); }
@media (max-width: 680px) { .konu-baslik { padding: 18px 16px; } .konu-baslik h1 { font-size: 26px; } }
@media print { .konu-etiketleri, .ayni-konu, .konular-kutu { display: none; } }

/* Yazının sonunda "Bu konuda hesaplama aracı" (ilgili uygulamalar) */
.ilgili-araclar { margin-top: 28px; }
.ilgili-araclar h2 { font-size: 18px; margin: 0 0 10px; }
.ilgili-araclar ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 10px; }
.ilgili-araclar a { display: block; height: 100%; padding: 12px 14px; border: 1px solid var(--cizgi-koyu); border-left: 4px solid var(--vurgu);
    border-radius: 6px; text-decoration: none; color: var(--metin); background: var(--kart); }
.ilgili-araclar a:hover { border-color: var(--vurgu); }
.ilgili-araclar b { display: block; font-size: 16px; }
.ilgili-araclar span { display: block; margin-top: 2px; font-size: 14px; color: var(--metin-2); }
.yan-sutun h2 a, .kutu h2 a { color: inherit; text-decoration: none; }
@media print { .ilgili-araclar { display: none; } }

/* ---------- Aidat ve yakıt gideri paylaştırma (gider-paylastirma.js) ---------- */
.gider-tablosu td.daire, .gider-tablosu th:first-child { text-align: left; }
.gider-tablosu input[type="text"] {
    width: 100%; min-width: 64px; min-height: 36px; padding: 4px 8px; border: 1px solid var(--cizgi-koyu); border-radius: 4px;
    background: #fff; color: var(--metin); font: inherit; font-variant-numeric: tabular-nums;
}
.gider-tablosu td:not(.daire) input[type="text"] { text-align: right; max-width: 120px; }
.gider-tablosu td.daire input { min-width: 90px; }
.gider-tablosu input:focus { border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; }
.gider-tablosu input[aria-invalid="true"] { border-color: var(--vurgu); background: #fff8f7; }
.gider-tablosu input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--vurgu); }
.gider-tablosu td.muaf { text-align: center; }
.gider-tablosu td.odenecek, .gider-tablosu tfoot td:last-child { font-weight: 700; }
.gider-tablosu tfoot th, .gider-tablosu tfoot td { border-top: 2px solid var(--cizgi-koyu); font-weight: 700; background: var(--zemin); }
.gider-tablosu tr.muaf-satir td.sonuc-hucre { color: var(--metin-3); }
.gider-araclari { display: flex; flex-wrap: wrap; gap: 8px; }
[data-uyarilar] { margin-bottom: 14px; }
[data-uyarilar] p + p { margin-top: 6px !important; }
/* Yakıt: seçilen paylaştırma esasına göre sütunlar ve açıklamalar */
[data-yontem="payolcer"] [data-sutun="pay"],
[data-yontem="arsa"] [data-sutun="m2"], [data-yontem="arsa"] [data-sutun="tuketim"],
[data-yontem="arsa"] [data-sutun="ortak"], [data-yontem="arsa"] [data-sutun="olcum"],
[data-yontem="alan"] [data-sutun="tuketim"], [data-yontem="alan"] [data-sutun="pay"],
[data-yontem="alan"] [data-sutun="ortak"], [data-yontem="alan"] [data-sutun="olcum"] { display: none !important; }
[data-gider-paylastirma="yakit"] [data-yalniz] { display: none; }
[data-yontem="payolcer"] [data-yalniz="payolcer"], [data-yontem="arsa"] [data-yalniz="arsa"], [data-yontem="alan"] [data-yalniz="alan"] { display: block; }
/* Telefonda her daire bir kart (yana kaydırma yok) */
@media (max-width: 680px) {
    .tablo-kap:has(.gider-tablosu) { overflow: visible; border: 0; }
    .gider-tablosu thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .gider-tablosu, .gider-tablosu tbody, .gider-tablosu tfoot { display: block; width: 100%; }
    .tablo-kap .gider-tablosu tr {
        display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; padding: 10px 12px; margin-bottom: 8px;
        border: 1px solid var(--cizgi); border-radius: 6px; background: #fff;
    }
    .tablo-kap .odeme-plani.gider-tablosu td, .tablo-kap .odeme-plani.gider-tablosu th {
        display: block; padding: 0; border: 0; background: none; text-align: left; white-space: normal;
    }
    .gider-tablosu td::before { content: attr(data-etiket); display: block; font-size: 12.5px; color: var(--metin-3); }
    .gider-tablosu td.daire { grid-column: 1 / -1; }
    .gider-tablosu td:not(.daire) input[type="text"] { max-width: none; font-size: 16px; }
    .gider-tablosu td.daire input { font-size: 16px; }
    .gider-tablosu td.muaf { text-align: left; }
    .gider-tablosu td.odenecek { font-size: 18px; }
    .tablo-kap .gider-tablosu tfoot tr { background: var(--zemin); }
    .gider-tablosu tfoot th { grid-column: 1 / -1; }
    .gider-tablosu tfoot td:empty { display: none !important; }
}
@media print {
    .gider-tablosu input[type="text"] { border: 0; padding: 0; min-height: 0; background: none; max-width: none; }
    .gider-tablosu .yazdirma-disi { display: none !important; }
    [data-gider-paylastirma] .hesap-sonuc h2 { text-align: center; font-size: 14pt; }
}

/* ---------- Kıdem ve ihbar tazminatı ---------- */
@media (min-width: 681px) { .tazminat-alanlari .alan-genis { grid-column: span 2; } }
.ek-odemeler { margin: 0 0 14px; background: #fff; }
.ek-odemeler .hesap-alanlari { margin-top: 4px; }
.tazminat-kgvm { max-width: 460px; }
.tazminat-haklari thead th, .tazminat-tablosu thead th { font-weight: 700; background: var(--zemin); }
.tazminat-haklari thead th:last-child { text-align: right; }
.tazminat-haklari th small { display: block; margin-top: 2px; }
.tazminat-haklari td { font-weight: 700; }
.tazminat-tablosu td, .tazminat-tablosu thead th:not(:first-child) { text-align: center; }
.yazdirma-baslik { margin: -6px 0 14px; color: var(--metin-2); }

/* Hesaplama formları: aynı satırdaki kutular, etiketi iki satıra taşsa da aynı hizada (etiket · kutu · açıklamalar ortak satırlarda) */
@supports (grid-template-rows: subgrid) {
    .hesap-alanlari > .alan { grid-row: span 4; }
    .hesap-alanlari > div.alan { display: grid; grid-template-rows: subgrid; align-content: start; }
    .hesap-alanlari > div.alan > label { align-self: end; }
}

/* Maaş: ek kazanç ve kesinti satırları (hesaplama.js "+ ekle") */
.kalemler { border: 0; padding: 0; min-width: 0; }
.kalemler legend { font-weight: 700; margin-bottom: 6px; padding: 0; }
.kalem-satiri { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.kalem-satiri input[type="text"] { flex: 1 1 120px; width: auto; min-width: 0; max-width: 220px; }
.kalem-turu { margin: 0; flex-wrap: nowrap; }
.kalem-turu span { min-height: 36px; padding: 2px 12px; }
.kalem-sil {
    flex: none; width: 36px; height: 36px; border: 1px solid var(--cizgi-koyu); border-radius: 50%; background: #fff;
    color: var(--metin-2); font: inherit; font-size: 20px; line-height: 1; cursor: pointer;
}
.kalem-sil:hover { border-color: var(--vurgu); color: var(--vurgu); }
.kalem-ekle {
    min-height: 36px; padding: 4px 14px; border: 1px dashed var(--etiket-metin); border-radius: 18px; background: #fff;
    color: var(--etiket-metin); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
.kalem-ekle:hover { background: var(--etiket-zemin); }
.kalemler .alan-ipucu { margin-top: 6px; }
@media print { .kalem-sil, .kalem-ekle { display: none; } }

/* ---------- İşletme projesi (isletme-projesi.js) ---------- */
.isletme-giderleri { margin-top: 6px; }
.gider-satiri { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.gider-satiri input[type="text"] { display: block; min-height: 40px; padding: 6px 10px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: #fff; color: var(--metin); font: inherit; font-size: 16px; }
.gider-satiri input[data-s="ad"] { flex: 1 1 260px; min-width: 0; }
.gider-satiri input[data-s="tutar"] { flex: 0 1 150px; min-width: 90px; text-align: right; font-variant-numeric: tabular-nums; }
.gider-satiri input:focus { border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; }
.odeme-gunleri { display: flex; align-items: center; gap: 8px; }
.odeme-gunleri input { max-width: 90px; }
.isletme-belgesi, .isletme-imza-listesi { font-size: 15px; }
.isletme-belgesi h3 { font-size: 16px; margin: 20px 0 8px; }
.isletme-belgesi__ad { text-align: center; margin: 0 0 4px; font-size: 20px; }
.isletme-belgesi__baslik { text-align: center; margin: 0 0 14px; }
.belge-tablosu th[scope="row"] { font-weight: 400; }
.belge-tablosu th[scope="row"] small { color: var(--metin-3); }
.isletme-belgesi .gider-tablosu td.malik input { min-width: 140px; }
.isletme-imzalar { display: flex; justify-content: space-between; gap: 16px; margin-top: 32px; }
.isletme-imza-listesi { display: none; }
.isletme-imza-listesi td { height: 34px; }
@media (max-width: 680px) {
    .gider-satiri { flex-wrap: wrap; }
    .gider-satiri input[data-s="ad"] { flex-basis: 100%; }
    .isletme-imzalar { flex-direction: column; }
}
@media print {
    .isletme-belgesi .gider-tablosu input[type="text"] { border: 0; padding: 0; min-height: 0; background: none; }
    body[data-yazdirilan="liste"] .isletme-belgesi { display: none !important; }
    body[data-yazdirilan="liste"] .isletme-imza-listesi { display: block; }
    .isletme-belgesi { border: 0; box-shadow: none; }
}
/* İşletme projesi: daire tablosu kutuları dar (tablo yana kaymasın), tebliğ listesi sola hizalı */
.isletme-belgesi .gider-tablosu td.daire input { min-width: 0; width: 64px; }
.isletme-belgesi .gider-tablosu td.malik input { min-width: 0; width: 100%; max-width: 220px; text-align: left; }
.isletme-belgesi .gider-tablosu td.s-pay input { min-width: 0; width: 80px; }
.isletme-belgesi .gider-tablosu td, .isletme-belgesi .gider-tablosu th { padding-left: 6px; padding-right: 6px; }
.isletme-belgesi .gider-tablosu td.malik { text-align: left; }
.isletme-imza-listesi td:not(.sayi), .isletme-imza-listesi th:not(.sayi) { text-align: left; }
@media (max-width: 680px) {
    .isletme-belgesi .gider-tablosu td.daire input, .isletme-belgesi .gider-tablosu td.s-pay input { width: 100%; }
    .isletme-belgesi .gider-tablosu td.malik { grid-column: 1 / -1; }
    .isletme-belgesi .gider-tablosu td.malik input { max-width: none; }
}
.isletme-belgesi .gider-tablosu thead th:nth-child(2) { text-align: left; }

/* ---------- Okur geri bildirimi (_GeriBildirim, site.js) ---------- */
.geri-bildirim { margin: 28px 0; padding: 18px 20px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fafbfc; }
.geri-bildirim h2 { font-size: 18px; margin: 0 0 12px; }
.gb-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.gb-dugme { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 18px; border: 1px solid var(--cizgi-koyu);
    border-radius: 22px; background: #fff; color: var(--metin); font: inherit; font-size: 16px; cursor: pointer; }
.gb-dugme:hover { border-color: var(--etiket-metin); color: var(--etiket-metin); }
.gb-dugme[aria-pressed="true"] { border-color: var(--etiket-metin); background: var(--etiket-zemin); color: var(--etiket-metin); font-weight: 700; }
.gb-dugme svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
.gb-soru { margin: 14px 0 6px; }
.gb-soru small, .gb-gonder small { color: var(--metin-3); }
.gb-nedenler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.gb-neden { position: relative; cursor: pointer; }
.gb-neden input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.gb-neden span { display: inline-flex; align-items: center; min-height: 38px; padding: 4px 14px; border: 1px solid var(--cizgi-koyu); border-radius: 19px; background: #fff; font-size: 14px; }
.gb-neden input:checked + span { background: var(--etiket-metin); border-color: var(--etiket-metin); color: #fff; }
.gb-neden input:focus-visible + span { outline: 2px solid var(--etiket-metin); outline-offset: 2px; }
.geri-bildirim textarea { display: block; width: 100%; min-height: 64px; padding: 8px 10px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; font: inherit; font-size: 16px; resize: vertical; }
.geri-bildirim textarea:focus { border-color: var(--etiket-metin); outline: 2px solid var(--etiket-zemin); outline-offset: 0; }
.gb-gonder { margin: 10px 0 0; }
.gb-gonder .dugme { min-height: 40px; }
.gb-hata { margin: 10px 0 0; color: var(--vurgu-koyu); }
.gb-tesekkur { display: flex; gap: 10px; align-items: flex-start; }
.geri-bildirim [hidden] { display: none !important; }
.gb-tesekkur b { color: var(--yesil); }
.gb-tik { font-size: 22px; line-height: 1; color: var(--yesil); }
@media print { .geri-bildirim { display: none; } }

/* ---------- Yazıdaki güncel değerler (panelden girilen dönemlerle kendiliğinden güncellenir) ---------- */
.parametre-degeri { position: relative; border-bottom: 1px dotted currentColor; cursor: help; white-space: nowrap; }
.parametre-degeri small { color: var(--metin-3); font-size: .85em; }
.parametre-degeri:focus { outline: 2px solid var(--etiket-metin); outline-offset: 2px; border-radius: 2px; }
.parametre-degeri::after {
    content: attr(data-ipucu); position: absolute; left: 0; top: calc(100% + 8px); z-index: 20;
    width: max-content; max-width: min(300px, 80vw); padding: 8px 10px; border-radius: 8px;
    background: var(--alt-zemin); color: #fff; font-size: 13px; line-height: 1.45; white-space: normal;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18); display: none; pointer-events: none;
}
/* Gizliyken yer tutmaz (telefonda yatay kaydırma olmasın) */
.parametre-degeri:hover::after, .parametre-degeri:focus::after { display: block; }
/* Telefonda dokununca ekranın altında, tam genişlikte */
@media (max-width: 640px) {
    .parametre-degeri::after { position: fixed; left: 16px; right: 16px; top: auto; bottom: 16px; z-index: 1000; width: auto; max-width: none; }
}
@media print { .parametre-degeri { border: 0; } .parametre-degeri::after { display: none; } }

/* Uygulamalar listesinde başka siteye giden bağlantı (SakinYönet): rozet, "başka site" ikonu, üstte ayırıcı */
.uyg-rozet {
    display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 10px;
    font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: 0; text-transform: none;
    background: #e3f4e8; color: #17703a; vertical-align: 2px;
}
.uyg-dis-simge { width: .85em; height: .85em; margin-left: 4px; opacity: .65; }
.acilir-menu li.uyg-dis { border-top: 1px solid var(--cizgi); margin-top: 6px; padding-top: 6px; }
.liste-uyg li.uyg-dis { border-top: 2px solid var(--cizgi); }
.konu-listesi li.uyg-dis { outline: 1px dashed #9fd0ad; outline-offset: -1px; }
.uyg-ekler { white-space: nowrap; }
.sakinyonet-onerisi { margin: 24px 0; }
.sakinyonet-onerisi .dugme { display: inline-flex; align-items: center; gap: 2px; margin-top: 4px; }