/* ========================================================================
   LEDGER OVERRIDE LAYER
   ------------------------------------------------------------------------
   Bu dosya her arac sayfasinda inline <style> BLOGUNDAN SONRA yuklenir.

   Neden gerekli:
   Arac sayfalarinin her birinde 60-365 satirlik inline <style> var ve
   bazilari `body { background: #060606 }` gibi dogrudan tema eziyor.
   Inline blok, <link> ile gelen style.css'ten sonra geldigi icin kazaniyor.
   Bu katman en sona yuklenerek o ezmeleri geri alir.

   Kapsam bilincli olarak DAR: sayfa kabugu (zemin, murekkep, yaricap,
   golge) normalize edilir; araclarin islevsel duzeni (grid, canvas,
   harita, dropzone konumu) korunur.
   ======================================================================== */

/* ---- Zemin ve murekkep ----
   Denetimde bes ayri body zemini bulundu: beyaz, #060606 lacivert,
   mor tint, indigo tint, kehribar tint. Hepsi tek kagida indirildi. */
html, body {
    background: var(--canvas) !important;
    background-image: none !important;
    color: var(--text-muted) !important;
    font-family: var(--font-text) !important;
}

/* Sayfa ozelindeki tint degiskenini de notrle */
:root { --page-tint: var(--canvas) !important; }

/* Koyu temadan kalan tam ekran dekoratif katmanlar */
#particles-js, .grid-bg, .glow, .aurora, .bg-glow, .noise-overlay,
.bg-mesh { display: none !important; }
/* bg-grid korunur ama kagida gore sadelestirilir — yeni vitrindeki
   grid dokusuyla ayni dil */
.bg-grid { opacity: .5 !important; }

/* Baslik cubugu: bazi sayfalarda inline `background: rgba(...)` ile gri
   bir kutuya donusuyordu. Bu dilde baslik bir KURAL cizgisidir, kutu degil. */
.main-header {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--hairline-faint) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.main-header > div { width: 100% !important; max-width: 100% !important; }

/* ---- Yaricap: tek, kucuk, tutarli ----
   Denetimde 980px hap, 24px, 20px, 12px, 8px, 6px, 4px, 2px yariciplar
   ayni sayfada bir arada bulundu. Tek deger: --r-sm (6px) — yumusak
   ama olculu; hap butonlar geri gelmez.
   Istisna: gercek daireler (durum noktalari) korunur. */
*, *::before, *::after { border-radius: var(--r-sm, 6px) !important; }
.dot, .tool-dot, .lang-dot, .live, .live-dot, .timeline-dot,
[style*="border-radius: 50%"], [style*="border-radius:50%"] {
    border-radius: 50% !important;
}

/* ---- Golge yok ----
   Bu dilde derinlik golgeyle degil, kural ve bosluklakurulur. */
*, *::before, *::after { box-shadow: none !important; text-shadow: none !important; }
:focus-visible { outline: 1.5px solid var(--ink) !important; outline-offset: 2px; }

/* ---- Gradient metin ve dekoratif gradientler ----
   Eski temalarda basliklar gradient dolguluydu (-webkit-text-fill-color).
   Kagit temada murekkep tek renktir. */
h1, h2, h3, h4, .hero-card h1, .page-hero h1 {
    -webkit-text-fill-color: var(--ink) !important;
    background: none !important;
    background-image: none !important;
    color: var(--ink) !important;
    font-family: var(--font-display) !important;
}

/* ---- Kart yuzeyleri ----
   Kart yok: kuralla ayrilmis bolge var. */
.panel-card, .hero-card, .cv-card, .stat-card, .info-card,
.result-card, .file-info, .convert-panel {
    background: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ---- Ikon disiplini ----
   Denetimde sayfa basina 3-34 Font Awesome ikonu, 12-40px arasi
   dagilmis boyutlarda ve sayfa basina farkli renklerde (mor, kehribar,
   indigo) bulundu.
   Bu dilde ikon: tek boyut, tek renk, dekoratif degil isaretleyici. */
i.fas, i.far, i.fab {
    font-size: 13px !important;
    color: inherit !important;
    vertical-align: baseline !important;
}
/* Yalnizca uc baglamda aksan rengi alir — hepsi ETKILESIM isareti */
.dropzone i, .dropZone i { font-size: 18px !important; color: var(--accent) !important; }
.tab-btn.active i, .format-btn.selected i { color: var(--accent) !important; }

/* Sayfa basligi yanindaki dekoratif ikon rozetleri kaldirildi */
.hero-icon, .icon-badge, .feature-icon { display: none !important; }
/* Hero kartinin ustundeki degrade isik cizgisi de eski temanin kalintisi —
   yeni dilde ayrac yalnizca sac teli kuraldir. */
.hero-card::before, .hero-card::after, .page-hero::before { display: none !important; }

/* ---- Terminal trafik isiklari ----
   Sayfadan sayfaya farkli parlaklikta hexler kullaniliyordu. Tek kaynak:
   yumusatilmis durum renkleri. Nokta dekordur, alarm degil. */
.term-dot.r, .dot-red    { background: #ffffff !important; }
.term-dot.y, .dot-yellow { background: #a8a8a8 !important; }
.term-dot.g, .dot-green  { background: #d6d6d6 !important; }

/* ---- iOS kestirme / kurulum baglantisi ----
   Sayfa basina farkli renkteydi (mercan, nane) ve koyu tema kalintisi
   olarak acik-ustune-acik okunmuyordu. Etkilesim rengi TEK: los mavi. */
.ios-banner .ios-link {
    background: var(--accent-bg) !important;
    color: var(--accent) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
}
.ios-banner .ios-link:hover {
    background: rgba(255, 255, 255, 0.32) !important;
    color: var(--ink) !important;
}
.meta-header > i:first-child, .page-title > i:first-child { display: none !important; }
/* Baslik satiri ikonsuz kalinca hizalama duzeltilir */
.meta-header { display: block !important; }

/* ---- Geri linki oku ----
   Sayfalarin inline CSS'i `.nav-back::before { content: "\f060";
   font-family: Font Awesome }` tanimliyordu. style.css font ailesini
   ezdigi icin FA kod noktasi mono fontta tofu kutusu olarak ciziliyordu.
   Icerik de ezilerek gercek ok karakterine cevriliyor. */
.nav-back::before {
    content: "\2190" !important;
    font-family: var(--font-mono) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
}
/* Ceviri metninin ICINDE de bir FA ok ikonu var (<i class="fa-arrow-left">).
   ::before ile toplaninca cift ok cikiyordu. Metin icindeki gizlenir —
   ok artik yalnizca pseudo-element'ten gelir ve hover'da animasyonlanir. */
.nav-back i.fa-arrow-left, .nav-back i.fa-arrow-left::before { display: none !important; }

/* ---- Etkilesim aksani tek renk ----
   Arac sayfalari kendi aksanlarini tasiyordu (lavanta, kehribar, indigo).
   Bu dilde etkilesim rengi TEK: derin siyan. Pastel turevler yalnizca
   durum anlatir, etkilesim degil. */
.dropzone, .dropZone, .upload-zone { border-color: var(--hairline) !important; }
.dropzone:hover, .dropZone:hover, .upload-zone:hover,
.dropzone.dragover, .dropZone.dragover, .upload-zone.dragover {
    border-color: var(--accent) !important;
    background: var(--accent-bg) !important;
}
.upload-zone .upload-icon { color: var(--accent) !important; }
.dropzone i, .dropZone i,
.format-btn.selected, .fmt-option.selected,
.tab-btn.active { color: var(--accent) !important; }

/* ---- Koyu temadan kalan dekoratif katmanlar ----
   Kagit uzerinde bunlar gri leke olarak goruluyordu. */
.ambient-glow, .glow-1, .glow-2, .glow-3, .orb, .blob, .halo-bg,
.scanline-overlay, .vignette { display: none !important; }

/* ---- Yasal / uyari bloklari ----
   Govde metni aksan renginde ciziliyordu (eski temada yesil vurgu).
   Bu dilde govde metni her zaman murekkeptir; renk yalnizca baslikta. */
/* Sinif adlari sayfadan sayfaya degisiyordu: legal-box, legal-disclaimer,
   warning-box, alert-warning-siber. Hepsi ayni davranisi almali. */
.legal-box, .legal-box p, .legal-disclaimer, .legal-disclaimer p,
.warning-box, .warning-box p, .disclaimer, .disclaimer p,
.alert-warning-siber, .alert-warning-siber p, .alert-warning-siber strong,
.legal-box strong, .legal-disclaimer strong, .warning-box strong {
    color: var(--text-muted) !important;
    background: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    font-family: var(--font-text) !important;
}
.legal-box, .legal-disclaimer, .warning-box, .disclaimer, .alert-warning-siber {
    border-top: 1px solid var(--hairline-faint) !important;
    padding: 20px 0 0 !important;
    margin-top: 32px !important;
    max-width: 78ch;
}
.legal-box h5, .legal-disclaimer strong:first-child, .warning-box h5 {
    color: var(--text-faint) !important;
    font-family: var(--font-mono) !important;
    font-size: 10px !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}

/* ---- Dil secici ----
   Arac sayfalarinda alti dil (EN TR ES RU DE ZH), yeni vitrinde bes
   (TR EN DE FR ES) vardi. RU ve ZH ceviri kalitesi dogrulanamadigi icin
   yeni sitede kaldirilmisti; arac sayfalarinda da gizleniyor.
   Not: kalici cozum locales.js'in temizlenmesi — bu gorsel hizalamadir. */
.lang-btn[data-lang="ru"], .lang-btn[data-lang="zh"] { display: none !important; }
.lang-btn {
    border: 0 !important;
    background: transparent !important;
    font-family: var(--font-mono) !important;
    font-size: 10px !important;
    letter-spacing: .16em !important;
    padding: 8px 6px !important;
    color: var(--text-faint) !important;
}
.lang-btn.active { color: var(--ink) !important; }
.lang-btn::before { display: none !important; }

/* ---- Terminal kutusu istisnasi ----
   Kagit temada bile terminal koyu kalir — gomulu bir okuma penceresi.
   Yukaridaki `background: transparent` kuralindan muaf tutulur. */
/* REGRESYON DUZELTMESI:
   Palet gocu `color:#fff` -> `color:#131313` donusumunu her yerde uyguladi.
   Terminal kutulari KOYU zeminli oldugu icin metinleri de koyulasti ve
   1.83:1 kontrastla okunamaz hale geldi. Terminal, kagit temanin tek
   koyu adasidir; metni burada zorunlu olarak acik olmali.
   Sinif adlari sayfadan sayfaya degisiyordu: #terminal, .terminalBox,
   .term-card, .term-body. */
#terminal, .terminalBox, .term-card, .term-body, .term-header,
.terminal-window, pre, code {
    background: #14171c !important;
    color: #e9e8e4 !important;
    font-family: var(--font-mono) !important;
}
#terminal *, .terminalBox *, .term-card *, .term-body *,
.terminal-window *, pre * {
    color: #e9e8e4;
}
.term-title, .term-header * { color: #a5a5a5 !important; }
/* Log renk siniflari yukaridaki genel kurali ezmeli — asagida yeniden
   tanimlaniyor (ozgullugu daha yuksek secicilerle). */
code { padding: 2px 6px; font-size: 0.9em; }
.terminal-window { background: #14171c !important; }

/* Terminal icindeki anlam renkleri — dusuk doygunluk, koyu fume zemine
   gore ayarlanmis; hepsi #14171c uzerinde >=7.5:1. */
.log-success, #terminal .log-success, .terminalBox .log-success, .term-body .log-success { color: #b8b8b8 !important; }
.log-error,   #terminal .log-error,   .terminalBox .log-error,   .term-body .log-error   { color: #b3b3b3 !important; }
.log-system,  #terminal .log-system,  .terminalBox .log-system,  .term-body .log-system  { color: #a5a5a5 !important; }
.log-warn,    #terminal .log-warn,    .terminalBox .log-warn,    .term-body .log-warn    { color: #bdbdbd !important; }
.log-info,    #terminal .log-info,    .terminalBox .log-info,    .term-body .log-info    { color: #c7c7c7 !important; }
.log-danger,  #terminal .log-danger,  .terminalBox .log-danger,  .term-body .log-danger  { color: #afafaf !important; }
.log-spinner, #terminal .log-spinner, .terminalBox .log-spinner, .term-body .log-spinner { color: #c7c7c7 !important; }
/* Sinifsiz log satirlari da acik kalmali */
.log-line { color: #cccccc !important; }

/* ---- Bootstrap notrleme (xbox.html) ----
   Tek sayfa Bootstrap 5.3 yukluyordu; tipografi ve buton dili tamamen
   ayrisiyordu. Kaldirildi, kalan sinif adlari icin guvenlik agi: */
.btn, .btn-primary, .btn-secondary, .btn-outline-primary, .card, .card-body {
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--font-text) !important;
}
.card, .card-body { background: transparent !important; border-color: var(--hairline-soft) !important; }

/* ---- Hareket ----
   Kagit temada da tek dil: yavas, kesin, amacli. */
a, button, .format-btn, .fmt-option, .tab-btn, .nav-back, .nav-icon, .lang-btn {
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ---- Sayfa girisi ----
   Arac sayfalari sert biçimde beliriyordu. Tek, sakin bir acilis. */
@keyframes ledger-enter {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: none; }
}
main, .tool-page, .dl-page, .page-container {
    animation: ledger-enter 640ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (prefers-reduced-motion: reduce) {
    main, .tool-page, .dl-page, .page-container { animation: none !important; }
}