/* ============================================================
   ÇALIŞMA KİTABI TEMASI — hesaplar.css
   Hesaplayıcı sayfaları: /hesaplamalar, /hesaplamalar/kategori/{slug}, /hesap/{slug}.{id}
   tema.css sonrası yüklenir. Bölüm rengi turuncu (.ck-kat-hesap). Ön ek .ckh-*.
   Kurallar: gradient yok, gölge yok, inline style yok, hover'da hareket yok.
   Tüm seçiciler body.tema-calisma-kitabi altında → Depo Klasik'e sızmaz.
   Detay sayfasında hesaplama şablonlarının (templates/*) HTML'ine dokunulmaz;
   JS'nin bağlandığı id/class/data attribute'ları aynen kalır, yalnız görünüm giydirilir
   (#calculator-workspace ön eki: şablon CSS'lerinin .x .y .z zincirlerini kesin olarak geçer).
   ============================================================ */

/* ============ ORTAK İSKELET ============ */
body.tema-calisma-kitabi .ckh-sayfa { --cat-bg: var(--ck-c); --cat-txt: #fff; padding: 32px 0 80px; }
body.tema-calisma-kitabi .ckh-kirinti { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 24px; font: 700 13px var(--ck-mono); color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckh-kirinti a { color: var(--ck-metin); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
body.tema-calisma-kitabi .ckh-kirinti a:hover { color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-kirinti .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ckh-kirinti-ayrac { color: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .ckh-kirinti-son { color: var(--ck-c); }

/* ============ LİSTE: /hesaplamalar + kategori ============ */
body.tema-calisma-kitabi .ckh-ust { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: center; }
body.tema-calisma-kitabi .ckh-h1 { font-size: clamp(32px, 4vw, 52px); margin: 10px 0 0; letter-spacing: -0.03em; }
body.tema-calisma-kitabi .ckh-h1 em { font-style: normal; color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-alt { color: var(--ck-metin); font-weight: 600; font-size: 17px; line-height: 1.5; max-width: 640px; margin: 14px 0 0; }
body.tema-calisma-kitabi .ckh-toplam { display: flex; flex-direction: column; gap: 6px; min-width: 200px; padding: 22px 26px; border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-c); }
body.tema-calisma-kitabi .ckh-toplam strong { font-size: clamp(40px, 4vw, 56px); font-weight: 900; letter-spacing: -0.05em; line-height: 1; color: var(--ck-c); font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi .ckh-toplam span { font-size: 13px; font-weight: 800; color: var(--ck-metin); }
body.tema-calisma-kitabi .ckh-toplam-ad { font: 700 12px var(--ck-mono); color: var(--ck-soluk); }

/* fx arama */
body.tema-calisma-kitabi .ckh-ara { margin-top: 24px; display: flex; height: 56px; max-width: 640px; border: 2px solid var(--ck-cizgi-koyu); border-radius: 14px; background: var(--ck-kagit); overflow: hidden; }
body.tema-calisma-kitabi .ckh-ara:focus-within { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-ara-fx { width: 60px; display: grid; place-items: center; font: italic 900 17px var(--ck-bas); color: var(--ck-c); border-right: 1px solid var(--ck-cizgi); margin: 0; flex: none; }
body.tema-calisma-kitabi .ckh-ara-girdi { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 16px; font: 500 15px var(--ck-mono); color: var(--ck-murekkep); outline: none; }
body.tema-calisma-kitabi .ckh-ara-btn { border: 0; background: var(--ck-c); color: #fff; font: 900 15px var(--ck-bas); padding: 0 22px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; flex: none; }
body.tema-calisma-kitabi .ckh-ara-btn:hover { background: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckh-ara-btn .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }

/* Kategori çipleri */
body.tema-calisma-kitabi .ckh-cipler { display: flex; flex-wrap: wrap; gap: 10px; margin: 32px 0 0; }
body.tema-calisma-kitabi .ckh-cip { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-radius: 12px; border: 2px solid var(--ck-cizgi); background: var(--ck-kagit); color: var(--ck-murekkep); font-weight: 800; font-size: 14px; text-decoration: none; white-space: nowrap; }
body.tema-calisma-kitabi .ckh-cip::before { content: ""; width: 9px; height: 9px; border-radius: 3px; background: var(--ck-cizgi-koyu); flex: none; }
body.tema-calisma-kitabi .ckh-cip:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-cip:hover::before, body.tema-calisma-kitabi .ckh-cip.is-aktif::before { background: var(--ck-c); }
body.tema-calisma-kitabi .ckh-cip.is-aktif { background: var(--ck-c-acik); border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-cip .fad { display: none; }
body.tema-calisma-kitabi .ckh-cip small { font: 700 12px var(--ck-mono); color: var(--ck-soluk); }

/* Sıralama + sonuç satırı */
body.tema-calisma-kitabi .ckh-arac { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; margin: 40px 0 20px; }
body.tema-calisma-kitabi .ckh-sonuc-not { font: 700 14px var(--ck-mono); color: var(--ck-soluk); margin: 0; }
body.tema-calisma-kitabi .ckh-sonuc-not b { color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-sira { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
body.tema-calisma-kitabi .ckh-sira-etiket { font-weight: 900; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ck-soluk); margin-right: 6px; }
body.tema-calisma-kitabi .ckh-sira a { display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border-radius: 10px; border: 2px solid transparent; color: var(--ck-metin); font-weight: 800; font-size: 13px; text-decoration: none; }
body.tema-calisma-kitabi .ckh-sira a:hover { color: var(--ck-murekkep); border-color: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .ckh-sira a.is-aktif { background: var(--ck-c-acik); border-color: var(--ck-c); color: var(--ck-murekkep); }

/* Kartlar: anasayfadaki .ck-hesap dili (tema.css) + meta satırı */
body.tema-calisma-kitabi .ckh-hesap-meta { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 12px; font: 700 12px var(--ck-mono); color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckh-hesap-meta span { display: inline-flex; align-items: center; gap: 5px; }
body.tema-calisma-kitabi .ckh-hesap-meta .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ckh-one { margin-left: auto; display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; background: var(--ck-c-acik); color: var(--ck-c); font: 900 11px var(--ck-bas); letter-spacing: .06em; text-transform: uppercase; }
body.tema-calisma-kitabi .ck-hesaplar .ck-hesap { min-height: 250px; }

/* Boş durum */
body.tema-calisma-kitabi .ckh-bos { border: 2px dashed var(--ck-cizgi-koyu); border-radius: var(--ck-r-yuzey); padding: 64px 24px; text-align: center; }
body.tema-calisma-kitabi .ckh-bos .fad { font-size: 40px; color: var(--ck-c); --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .4; }
body.tema-calisma-kitabi .ckh-bos h2 { font-size: 26px; margin: 18px 0 8px; }
body.tema-calisma-kitabi .ckh-bos p { color: var(--ck-metin); font-weight: 600; margin: 0 0 22px; }

/* Sayfalama (Laravel .pagination çıktısı) */
body.tema-calisma-kitabi .ckh-sayfalama { margin-top: 48px; display: flex; justify-content: center; }
body.tema-calisma-kitabi .ckh-sayfalama nav { width: 100%; display: flex; justify-content: center; }
body.tema-calisma-kitabi .ckh-sayfalama .pagination { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
body.tema-calisma-kitabi .ckh-sayfalama .pagination li { margin: 0; }
body.tema-calisma-kitabi .ckh-sayfalama .pagination a, body.tema-calisma-kitabi .ckh-sayfalama .pagination span { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 10px; border: 2px solid var(--ck-cizgi); background: var(--ck-kagit); color: var(--ck-murekkep); font: 800 14px var(--ck-bas); text-decoration: none; font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi .ckh-sayfalama .pagination a:hover { border-color: var(--ck-c); color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-sayfalama .pagination li.active span { background: var(--ck-c); border-color: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckh-sayfalama .pagination li.disabled span { color: var(--ck-soluk); border-style: dashed; }
body.tema-calisma-kitabi .ckh-sayfalama .pagination .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; }

/* ============ DETAY: /hesap/{slug}.{id} ============ */
body.tema-calisma-kitabi .ckh-detay-bas { margin: 0 0 28px; }
body.tema-calisma-kitabi .ckh-detay-bas .ck-kicker { flex-wrap: wrap; }
body.tema-calisma-kitabi .ckh-detay-bas .ck-kicker .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ckh-detay-h1 { font-size: clamp(30px, 3.6vw, 46px); margin: 10px 0 0; letter-spacing: -0.03em; }
body.tema-calisma-kitabi .ckh-detay-alt { color: var(--ck-metin); font-weight: 600; font-size: 16px; line-height: 1.5; max-width: 760px; margin: 12px 0 0; }
body.tema-calisma-kitabi .ckh-detay-bas .ck-meta { margin-top: 16px; }

/* Hücre çerçevesi: ad kutusu + fx çubuğu + gövde */
body.tema-calisma-kitabi .ckh-hucre { border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-c); overflow: hidden; }
body.tema-calisma-kitabi .ckh-hucre-ust { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--ck-cizgi); font: 700 13px var(--ck-mono); background: var(--ck-zemin); }
body.tema-calisma-kitabi .ckh-adkutu { padding: 4px 10px; border: 1px solid var(--ck-cizgi-koyu); border-radius: 6px; color: var(--ck-c); background: var(--ck-kagit); flex: none; }
body.tema-calisma-kitabi .ckh-fx { font: italic 900 15px var(--ck-bas); color: var(--ck-c); flex: none; }
body.tema-calisma-kitabi .ckh-formul { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckh-hucre-imlec { display: inline-block; width: 2px; height: 16px; background: var(--ck-c); animation: ck-yanip 1s steps(2) infinite; flex: none; }
body.tema-calisma-kitabi .ckh-hucre-govde { padding: clamp(20px, 3vw, 32px); }

/* --- Şablon içi: sekmeler --- */
body.tema-calisma-kitabi #calculator-workspace .calc-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 28px; padding: 0; border-bottom: 2px solid var(--ck-cizgi); }
body.tema-calisma-kitabi #calculator-workspace .calc-tab { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px; margin: 0 0 -2px; border: 2px solid var(--ck-cizgi); border-bottom: 0; border-radius: 12px 12px 0 0; background: var(--ck-zemin); color: var(--ck-metin); font: 900 14px var(--ck-bas); cursor: pointer; transition: none; position: relative; opacity: 1; }
body.tema-calisma-kitabi #calculator-workspace .calc-tab:hover:not(:disabled) { color: var(--ck-murekkep); border-color: var(--ck-c); }
body.tema-calisma-kitabi #calculator-workspace .calc-tab.active { background: var(--ck-c-acik); border-color: var(--ck-c); color: var(--ck-murekkep); }
body.tema-calisma-kitabi #calculator-workspace .calc-tab:disabled { opacity: .45; cursor: not-allowed; }
body.tema-calisma-kitabi #calculator-workspace .calc-tab .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); --fa-secondary-opacity: .45; font-size: 14px; }
body.tema-calisma-kitabi #calculator-workspace .calc-tab-badge { background: var(--ck-yesil); color: #fff; font: 900 10px var(--ck-bas); letter-spacing: .06em; padding: 3px 7px; border-radius: 6px; animation: none; }
body.tema-calisma-kitabi #calculator-workspace .calc-tab--comments { margin-left: auto; }
body.tema-calisma-kitabi #calculator-workspace .calc-tab-count { background: var(--ck-c); color: #fff; font: 900 11px var(--ck-mono); padding: 2px 7px; border-radius: 6px; }
body.tema-calisma-kitabi #calculator-workspace .calc-tab-panel { animation: none; }
body.tema-calisma-kitabi #calculator-workspace .calc-tab-panel[hidden] { display: none; }

/* --- Şablon içi: girdi alanları = ad kutusu (etiket) + formül çubuğu (alan) --- */
body.tema-calisma-kitabi #calculator-workspace .calc-input-row { gap: 22px 24px; margin-bottom: 28px; }
body.tema-calisma-kitabi #calculator-workspace .pw-form-row { gap: 18px 20px; }
body.tema-calisma-kitabi #calculator-workspace .calc-input-col label,
body.tema-calisma-kitabi #calculator-workspace .calc-form-label,
body.tema-calisma-kitabi #calculator-workspace .calc-form-group > label,
body.tema-calisma-kitabi #calculator-workspace .pw-form-col > label { display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 10px; margin: 0 0 8px; border: 1px solid var(--ck-cizgi-koyu); border-radius: 6px; background: var(--ck-kagit); font: 800 12px var(--ck-mono); color: var(--ck-c); text-transform: none; letter-spacing: 0; line-height: 1; max-width: 100%; }
body.tema-calisma-kitabi #calculator-workspace .calc-input-col label::before,
body.tema-calisma-kitabi #calculator-workspace .calc-form-label::before,
body.tema-calisma-kitabi #calculator-workspace .calc-form-group > label::before,
body.tema-calisma-kitabi #calculator-workspace .pw-form-col > label::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--ck-c); flex: none; }
body.tema-calisma-kitabi #calculator-workspace label .fad { color: var(--ck-soluk) !important; font-size: 12px !important; }
body.tema-calisma-kitabi #calculator-workspace .calc-field,
body.tema-calisma-kitabi #calculator-workspace .calc-form-input,
body.tema-calisma-kitabi #calculator-workspace .calc-form-select { width: 100%; height: 48px; padding: 0 14px; border: 2px solid var(--ck-cizgi); border-radius: 12px; background: var(--ck-kagit); color: var(--ck-murekkep); font: 500 15px var(--ck-mono); text-align: left; box-shadow: none; transition: none; }
body.tema-calisma-kitabi #calculator-workspace .calc-field:focus,
body.tema-calisma-kitabi #calculator-workspace .calc-form-input:focus,
body.tema-calisma-kitabi #calculator-workspace .calc-form-select:focus { outline: none; border-color: var(--ck-c); background: var(--ck-kagit); box-shadow: none; }
body.tema-calisma-kitabi #calculator-workspace .calc-field.is-error { border-color: var(--ck-bordo) !important; box-shadow: none !important; }
body.tema-calisma-kitabi #calculator-workspace .calc-field[readonly] { background: var(--ck-zemin); color: var(--ck-metin); }
body.tema-calisma-kitabi #calculator-workspace select.calc-field { padding-right: 2.5rem; cursor: pointer; }
body.tema-calisma-kitabi #calculator-workspace .input-with-symbol .prefix,
body.tema-calisma-kitabi #calculator-workspace .input-with-symbol .suffix { font: 800 13px var(--ck-mono); color: var(--ck-soluk); }
body.tema-calisma-kitabi #calculator-workspace .input-with-symbol .suffix { right: 14px; }
body.tema-calisma-kitabi #calculator-workspace .input-with-symbol .prefix { left: 14px; }
body.tema-calisma-kitabi #calculator-workspace .calc-form-hint,
body.tema-calisma-kitabi #calculator-workspace .calc-input-col small { display: block; margin-top: 6px; font: 600 12px var(--ck-bas); color: var(--ck-soluk); }

/* --- Şablon içi: düğmeler --- */
body.tema-calisma-kitabi #calculator-workspace .calc-btn-wrapper { text-align: left; margin: 8px 0 12px; }
body.tema-calisma-kitabi #calculator-workspace .calc-btn-primary,
body.tema-calisma-kitabi #calculator-workspace .calc-btn-calculate { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; width: auto; padding: 0 26px; border-radius: 12px; background: var(--ck-c); border: 2px solid var(--ck-c); color: #fff; font: 900 16px/1 var(--ck-bas); cursor: pointer; opacity: 1; transition: none; }
body.tema-calisma-kitabi #calculator-workspace .calc-btn-primary:hover,
body.tema-calisma-kitabi #calculator-workspace .calc-btn-calculate:hover { background: var(--ck-murekkep); border-color: var(--ck-murekkep); color: var(--ck-kagit); opacity: 1; }
body.tema-calisma-kitabi #calculator-workspace .calc-actions-row { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin: 28px 0 0; }
body.tema-calisma-kitabi #calculator-workspace .calc-btn-action { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 12px; background: var(--ck-kagit); border: 2px solid var(--ck-cizgi-koyu); color: var(--ck-murekkep) !important; font: 900 14px/1 var(--ck-bas); opacity: 1; transition: none; }
body.tema-calisma-kitabi #calculator-workspace .calc-btn-action:hover { border-color: var(--ck-c); opacity: 1; color: var(--ck-murekkep) !important; }
body.tema-calisma-kitabi #calculator-workspace .calc-btn-action .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); --fa-secondary-opacity: .45; font-size: 14px; }
body.tema-calisma-kitabi #calculator-workspace [id$="-export-btn"],
body.tema-calisma-kitabi #calculator-workspace .pw-btn-excel { background: var(--ck-yesil) !important; border-color: var(--ck-yesil) !important; color: #fff !important; }
body.tema-calisma-kitabi #calculator-workspace [id$="-export-btn"]:hover,
body.tema-calisma-kitabi #calculator-workspace .pw-btn-excel:hover { background: var(--ck-yesil-koyu) !important; border-color: var(--ck-yesil-koyu) !important; }
body.tema-calisma-kitabi #calculator-workspace [id$="-export-btn"] .fad,
body.tema-calisma-kitabi #calculator-workspace .pw-btn-excel .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
body.tema-calisma-kitabi #calculator-workspace .sev-allowance-add-btn,
body.tema-calisma-kitabi #calculator-workspace .ntc-allowance-add-btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; border: 2px dashed var(--ck-cizgi-koyu); background: transparent; color: var(--ck-murekkep); font: 800 13px var(--ck-bas); cursor: pointer; }
body.tema-calisma-kitabi #calculator-workspace .sev-allowance-add-btn:hover,
body.tema-calisma-kitabi #calculator-workspace .ntc-allowance-add-btn:hover { border-color: var(--ck-c); color: var(--ck-c); }

/* --- Şablon içi: büyük sonuç kartı --- */
body.tema-calisma-kitabi #calculator-workspace [class*="headline-result"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 26px 28px; margin: 0 0 16px; border-radius: var(--ck-r-kart); background: var(--ck-c-acik); border: 2px solid var(--ck-c); color: var(--ck-murekkep); box-shadow: none; }
body.tema-calisma-kitabi #calculator-workspace [class*="headline-result"] .headline-label { font: 900 13px var(--ck-bas); letter-spacing: .08em; text-transform: uppercase; color: var(--ck-c); opacity: 1; display: inline-flex; align-items: center; gap: 8px; }
body.tema-calisma-kitabi #calculator-workspace [class*="headline-result"] .headline-label::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--ck-c); flex: none; }
body.tema-calisma-kitabi #calculator-workspace [class*="headline-result"] .headline-value { font: 900 clamp(34px, 4vw, 54px)/1 var(--ck-bas); letter-spacing: -0.045em; color: var(--ck-c); font-variant-numeric: tabular-nums; word-break: break-word; }

/* --- Şablon içi: fiş tipi sonuç listeleri (satır numaralı çalışma sayfası) --- */
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] { list-style: none; margin: 0 0 12px; padding: 0; background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); border-radius: 14px; overflow: hidden; counter-reset: ckh-satir; box-shadow: none; }
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] li { display: flex; align-items: center; gap: 16px; padding: 0 18px 0 0; min-height: 50px; border-bottom: 1px solid var(--ck-izgara); background: var(--ck-kagit); }
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] li:nth-child(odd) { background: var(--ck-zemin); }
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] li:last-child { border-bottom: 0; }
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] li::before { counter-increment: ckh-satir; content: counter(ckh-satir); width: 40px; align-self: stretch; display: grid; place-items: center; border-right: 1px solid var(--ck-izgara); font: 700 12px var(--ck-bas); color: var(--ck-soluk); background: var(--ck-zemin); flex: none; }
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] .r-label { flex: 1; font: 700 14px var(--ck-bas); color: var(--ck-metin); padding: 10px 0; }
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] .r-label small { color: var(--ck-soluk); font-weight: 600; }
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] .r-value { font: 700 15px var(--ck-mono); color: var(--ck-murekkep); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] .r-value.text-muted { color: var(--ck-soluk); }
body.tema-calisma-kitabi #calculator-workspace .calc-result-list--accent { border-color: var(--ck-c); }

/* Eski ızgara sonuçlar (.res-box) */
body.tema-calisma-kitabi #calculator-workspace .calc-results-grid { gap: 14px; margin: 0 0 16px; }
body.tema-calisma-kitabi #calculator-workspace .res-box { background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); border-radius: 14px; padding: 18px 20px; box-shadow: none; }
body.tema-calisma-kitabi #calculator-workspace .res-label { font: 800 12px var(--ck-mono); color: var(--ck-soluk); }
body.tema-calisma-kitabi #calculator-workspace .res-value { font: 900 26px var(--ck-bas); letter-spacing: -0.03em; color: var(--ck-c); font-variant-numeric: tabular-nums; }

/* Tablolar: hücre ızgarası */
body.tema-calisma-kitabi #calculator-workspace table { width: 100%; border-collapse: collapse; font-size: 14px; }
body.tema-calisma-kitabi #calculator-workspace th, body.tema-calisma-kitabi #calculator-workspace td { border: 1px solid var(--ck-izgara); padding: 9px 12px; vertical-align: middle; }
body.tema-calisma-kitabi #calculator-workspace th { background: var(--ck-zemin); color: var(--ck-soluk); font: 800 12px var(--ck-bas); letter-spacing: .05em; text-transform: uppercase; text-align: left; }
body.tema-calisma-kitabi #calculator-workspace td { font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi #calculator-workspace tbody tr:hover td { background: var(--ck-c-acik); }
body.tema-calisma-kitabi #calculator-workspace .pw-table-wrapper { border: 2px solid var(--ck-cizgi); border-radius: 12px; overflow: auto; }

/* Uyarı / bilgi kutuları */
body.tema-calisma-kitabi #calculator-workspace .calc-disclaimer-box { margin: 28px 0 0; padding: 18px 22px; border-radius: 14px; background: var(--ck-bordo-acik); border: 2px solid var(--ck-bordo); color: var(--ck-murekkep); font: 600 13px/1.6 var(--ck-bas); }
body.tema-calisma-kitabi #calculator-workspace .calc-disclaimer-box strong { color: var(--ck-bordo); font-weight: 900; }
body.tema-calisma-kitabi #calculator-workspace .calc-disclaimer-box a { color: var(--ck-bordo); font-weight: 800; }
body.tema-calisma-kitabi #calculator-workspace .calc-info-box { padding: 16px 20px; border-radius: 14px; background: var(--ck-teal-acik); border: 2px solid var(--ck-teal); color: var(--ck-murekkep); font: 600 14px/1.55 var(--ck-bas); }
body.tema-calisma-kitabi #calculator-workspace .calc-info-box .fad { color: var(--ck-teal); --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi #calculator-workspace .sev-allowances,
body.tema-calisma-kitabi #calculator-workspace .ntc-allowances { border: 2px solid var(--ck-cizgi); border-radius: 14px; padding: 20px 22px; margin: 0 0 24px; background: var(--ck-zemin); }
body.tema-calisma-kitabi #calculator-workspace .sev-allowances-info,
body.tema-calisma-kitabi #calculator-workspace .ntc-allowances-info { font: 600 14px/1.55 var(--ck-bas); color: var(--ck-metin); }
body.tema-calisma-kitabi #calculator-workspace .sev-allowances-info strong,
body.tema-calisma-kitabi #calculator-workspace .ntc-allowances-info strong { display: block; color: var(--ck-murekkep); font-weight: 900; margin-bottom: 4px; }
body.tema-calisma-kitabi #calculator-workspace details summary { cursor: pointer; font: 800 14px var(--ck-bas); color: var(--ck-c); padding: 12px 0; }
body.tema-calisma-kitabi #calculator-workspace details summary .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; }
body.tema-calisma-kitabi #calculator-workspace .alert { border: 2px solid var(--ck-cizgi); border-radius: 14px; background: var(--ck-zemin); color: var(--ck-metin); padding: 24px; font-weight: 700; text-align: center; }

/* Bordro sihirbazı (payroll) — panel çerçeveleri */
body.tema-calisma-kitabi #calculator-workspace .pw-nav-panel,
body.tema-calisma-kitabi #calculator-workspace .pw-main-panel { background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); border-radius: 14px; }
body.tema-calisma-kitabi #calculator-workspace .pw-nav-item { transition: none; }
body.tema-calisma-kitabi #calculator-workspace .pw-nav-num { border: 2px solid var(--ck-cizgi); border-radius: 8px; background: var(--ck-zemin); color: var(--ck-soluk); font: 900 14px var(--ck-mono); }
body.tema-calisma-kitabi #calculator-workspace .pw-nav-item.active .pw-nav-num { background: var(--ck-c); border-color: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi #calculator-workspace .pw-nav-title { font: 900 12px var(--ck-bas); letter-spacing: .06em; color: var(--ck-murekkep); }
body.tema-calisma-kitabi #calculator-workspace .pw-nav-item.active .pw-nav-title { color: var(--ck-c); }
body.tema-calisma-kitabi #calculator-workspace .pw-btn-footer { border-top: 1px solid var(--ck-cizgi); background: var(--ck-zemin); padding: 12px 16px; }
body.tema-calisma-kitabi #calculator-workspace .pw-btn-footer .calc-btn-primary,
body.tema-calisma-kitabi #calculator-workspace .pw-btn-footer .calc-btn-action { height: 42px; padding: 0 16px !important; font-size: 14px !important; }
body.tema-calisma-kitabi #calculator-workspace .pw-btn-footer .pw-btn-secondary.calc-btn-action { background: var(--ck-kagit) !important; border: 2px solid var(--ck-cizgi-koyu) !important; color: var(--ck-murekkep) !important; }
body.tema-calisma-kitabi #calculator-workspace .pw-btn-footer .pw-btn-secondary.calc-btn-action:hover { border-color: var(--ck-c) !important; background: var(--ck-kagit) !important; color: var(--ck-murekkep) !important; }
body.tema-calisma-kitabi #calculator-workspace .pw-btn-detail { background: var(--ck-kagit) !important; border: 2px solid var(--ck-cizgi-koyu) !important; color: var(--ck-murekkep) !important; }
body.tema-calisma-kitabi #calculator-workspace .payroll-wizard .calc-field { height: 40px; font-size: 14px; }
body.tema-calisma-kitabi #calculator-workspace .pw-list-header { border-bottom: 2px solid var(--ck-cizgi); }
body.tema-calisma-kitabi #calculator-workspace .pw-list-header > div { font: 800 11px var(--ck-bas); letter-spacing: .06em; color: var(--ck-soluk); }
body.tema-calisma-kitabi #calculator-workspace .pw-row-label { font: 800 13px var(--ck-mono); color: var(--ck-c); }
body.tema-calisma-kitabi #calculator-workspace .pw-loading-overlay { background: var(--ck-kagit); }
body.tema-calisma-kitabi #calculator-workspace .pw-loading-text { font: 900 14px var(--ck-bas); letter-spacing: .08em; color: var(--ck-c); }

/* --- Excel şablonu + promo (yan yana) --- */
body.tema-calisma-kitabi .ckh-yan { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 16px; }
body.tema-calisma-kitabi .ckh-excel { border-radius: var(--ck-r-kart); background: var(--ck-yesil-sis); border: 2px solid var(--ck-yesil); padding: 24px; display: flex; flex-direction: column; gap: 16px; }
body.tema-calisma-kitabi .ckh-excel--bos { background: var(--ck-kagit); border-color: var(--ck-cizgi); border-style: dashed; }
body.tema-calisma-kitabi .ckh-excel-bas { display: flex; align-items: center; gap: 14px; }
body.tema-calisma-kitabi .ckh-excel-ikon { width: 48px; height: 48px; border-radius: 12px; background: var(--ck-yesil); color: #fff; display: grid; place-items: center; font-size: 20px; flex: none; }
body.tema-calisma-kitabi .ckh-excel-ikon .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
body.tema-calisma-kitabi .ckh-excel--bos .ckh-excel-ikon { background: var(--ck-zemin); color: var(--ck-soluk); border: 2px solid var(--ck-cizgi); }
body.tema-calisma-kitabi .ckh-excel--bos .ckh-excel-ikon .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; }
body.tema-calisma-kitabi .ckh-excel-bas strong { display: block; font-size: 19px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.15; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckh-excel-meta { margin-top: 4px; font: 700 12px var(--ck-mono); color: var(--ck-soluk); word-break: break-word; }
body.tema-calisma-kitabi .ckh-excel-not { font: 600 14px/1.5 var(--ck-bas); color: var(--ck-metin); margin: 0; }
body.tema-calisma-kitabi .ckh-excel-not a { color: var(--ck-yesil); font-weight: 800; }
body.tema-calisma-kitabi .ckh-excel-ipucu { display: flex; align-items: center; gap: 8px; font: 700 13px var(--ck-bas); color: var(--ck-metin); }
body.tema-calisma-kitabi .ckh-excel-ipucu .fad { --fa-primary-color: var(--ck-yesil); --fa-secondary-color: var(--ck-yesil-orta); }
body.tema-calisma-kitabi .ckh-excel .ck-dugme { align-self: flex-start; }
body.tema-calisma-kitabi .ckh-excel .calc-excel-form { display: flex; flex-direction: column; gap: 10px; }
body.tema-calisma-kitabi .ckh-excel .calc-excel-form__input { width: 100%; min-width: 0; height: 48px; padding: 0 14px; border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; background: var(--ck-kagit); color: var(--ck-murekkep); font: 500 14px var(--ck-mono); }
body.tema-calisma-kitabi .ckh-excel .calc-excel-form__input:focus { outline: none; border-color: var(--ck-yesil); }
body.tema-calisma-kitabi .ckh-excel .terms-tick { color: var(--ck-metin) !important; font: 600 13px/1.5 var(--ck-bas) !important; margin: 0 !important; }
body.tema-calisma-kitabi .ckh-excel .terms-tick a { color: var(--ck-yesil); font-weight: 800; }
body.tema-calisma-kitabi .ckh-excel .terms-tick input { accent-color: var(--ck-yesil); }
body.tema-calisma-kitabi .ckh-excel .calc-excel-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 22px; border-radius: 12px; background: var(--ck-yesil); border: 2px solid var(--ck-yesil); color: #fff; font: 900 15px/1 var(--ck-bas); align-self: flex-start; transition: none; }
body.tema-calisma-kitabi .ckh-excel .calc-excel-btn:hover { background: var(--ck-yesil-koyu); border-color: var(--ck-yesil-koyu); color: #fff; }
body.tema-calisma-kitabi .ckh-excel .calc-excel-btn .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
body.tema-calisma-kitabi .ckh-excel .calc-excel-supporter-teaser { display: flex; align-items: center; gap: 8px; margin: 0; padding: 12px 14px; border-radius: 10px; background: var(--ck-kagit); border: 1px solid var(--ck-yesil-acik); font: 600 13px var(--ck-bas); color: var(--ck-metin); }
body.tema-calisma-kitabi .ckh-excel .calc-excel-supporter-teaser a { color: var(--ck-murekkep); text-decoration: none; }
body.tema-calisma-kitabi .ckh-excel .calc-excel-supporter-teaser strong { color: var(--ck-yesil); }
body.tema-calisma-kitabi .ckh-excel .calc-excel-supporter-teaser .fad { --fa-primary-color: var(--ck-yesil); --fa-secondary-color: var(--ck-yesil-orta); }
body.tema-calisma-kitabi .ckh-excel-admin { border-top: 1px solid var(--ck-yesil-acik); padding-top: 16px; display: flex; flex-direction: column; gap: 10px; }
body.tema-calisma-kitabi .ckh-excel-admin-bas { display: flex; align-items: center; gap: 8px; font: 900 12px var(--ck-bas); letter-spacing: .06em; text-transform: uppercase; color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckh-excel .calc-excel-success, body.tema-calisma-kitabi .ckh-excel .calc-excel-error, body.tema-calisma-kitabi .ckh-excel .calc-excel-info { border-radius: 10px; font-weight: 700; }

body.tema-calisma-kitabi .ckh-promo { display: flex; flex-direction: column; gap: 12px; border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); padding: 24px; color: var(--ck-murekkep); text-decoration: none; }
body.tema-calisma-kitabi .ckh-promo:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-promo-bas { display: flex; align-items: center; gap: 14px; }
body.tema-calisma-kitabi .ckh-promo-ikon { width: 48px; height: 48px; border-radius: 12px; background: var(--ck-c-acik); color: var(--ck-c); display: grid; place-items: center; font-size: 20px; flex: none; }
body.tema-calisma-kitabi .ckh-promo-ikon .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ckh-promo-baslik { font-size: 19px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.15; }
body.tema-calisma-kitabi .ckh-promo-aciklama { font: 600 14px/1.5 var(--ck-bas); color: var(--ck-metin); margin: 0; }
body.tema-calisma-kitabi .ckh-promo-alt { margin-top: auto; padding-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
body.tema-calisma-kitabi .ckh-promo-fiyat { display: inline-flex; align-items: baseline; gap: 8px; }
body.tema-calisma-kitabi .ckh-promo-fiyat strong { font-size: 26px; font-weight: 900; letter-spacing: -0.04em; color: var(--ck-c); font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi .ckh-promo-fiyat s { font: 700 13px var(--ck-mono); color: var(--ck-soluk); }

/* --- Beğeni --- */
body.tema-calisma-kitabi .ckh-puan { margin-top: 16px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); padding: 20px 24px; }
body.tema-calisma-kitabi .ckh-puan .calc-rating-summary { display: flex; align-items: center; gap: 16px; }
body.tema-calisma-kitabi .ckh-puan .calc-rating-score { font: 900 34px var(--ck-bas); letter-spacing: -0.04em; line-height: 1; color: var(--ck-c); background: var(--ck-c-acik); border: 0; border-radius: 12px; padding: 10px 14px; font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi .ckh-puan .calc-rating-stars { display: flex; gap: 4px; font-size: 16px; }
body.tema-calisma-kitabi .ckh-puan .calc-rating-stars i { color: var(--ck-c) !important; opacity: .28; --fa-primary-color: currentColor; --fa-secondary-color: currentColor; }
body.tema-calisma-kitabi .ckh-puan .calc-rating-stars i.active { opacity: 1; }
body.tema-calisma-kitabi .ckh-puan .calc-rating-count { margin-top: 6px; font: 700 13px var(--ck-bas); color: var(--ck-metin); }
body.tema-calisma-kitabi .ckh-puan .calc-rating-btn { opacity: 1; transition: none; }
body.tema-calisma-kitabi .ckh-puan .calc-rating-btn.liked { background: var(--ck-kagit); border-color: var(--ck-cizgi-koyu); color: var(--ck-murekkep); cursor: default; opacity: 1; }
body.tema-calisma-kitabi .ckh-puan .calc-rating-btn.liked .fad { color: var(--ck-c); }

/* --- Yorum çağrısı (partial: .cc-cta-banner, inline --cta-color'ı ezer) --- */
body.tema-calisma-kitabi .cc-cta-banner { --cta-color: var(--ck-c) !important; margin: 16px 0 0; padding: 20px 24px; border: 2px solid var(--ck-cizgi); border-left: 2px solid var(--ck-cizgi); border-radius: var(--ck-r-kart); background: var(--ck-kagit); gap: 20px; }
body.tema-calisma-kitabi .cc-cta-stat { border-right: 1px solid var(--ck-cizgi); padding-right: 20px; }
body.tema-calisma-kitabi .cc-cta-stat i { color: var(--ck-c); --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .cc-cta-stat strong { color: var(--ck-c); font-weight: 900; font-size: 28px; letter-spacing: -0.04em; }
body.tema-calisma-kitabi .cc-cta-stat span { color: var(--ck-metin); font-weight: 700; }
body.tema-calisma-kitabi .cc-cta-avatar { border-radius: 10px; background: var(--ck-c-acik); color: var(--ck-c); font-weight: 900; }
body.tema-calisma-kitabi .cc-cta-author { color: var(--ck-murekkep); font-weight: 900; }
body.tema-calisma-kitabi .cc-cta-badge { background: var(--ck-c); color: #fff; border-radius: 6px; }
body.tema-calisma-kitabi .cc-cta-likes { color: var(--ck-c); }
body.tema-calisma-kitabi .cc-cta-text { color: var(--ck-metin); font-weight: 600; font-size: 14px; }
body.tema-calisma-kitabi .cc-cta-empty strong { color: var(--ck-murekkep); font-weight: 900; }
body.tema-calisma-kitabi .cc-cta-empty span { color: var(--ck-metin); font-weight: 600; }
body.tema-calisma-kitabi .cc-cta-empty .cc-cta-icon { color: var(--ck-c); }
body.tema-calisma-kitabi .cc-cta-go { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 12px; background: var(--ck-c); border: 2px solid var(--ck-c); color: #fff; font: 900 14px var(--ck-bas); box-shadow: none; transition: none; }
body.tema-calisma-kitabi .cc-cta-go:hover { background: var(--ck-murekkep); border-color: var(--ck-murekkep); color: var(--ck-kagit); opacity: 1; }
body.tema-calisma-kitabi .cc-cta-go:active { transform: none; }
body.tema-calisma-kitabi .cc-fab { --cta-color: var(--ck-c) !important; background: var(--ck-c); border: 2px solid var(--ck-c); border-radius: 14px; box-shadow: none; font-family: var(--ck-bas); font-weight: 900; animation: none; transition: none; }
body.tema-calisma-kitabi .cc-fab:hover { background: var(--ck-murekkep); border-color: var(--ck-murekkep); transform: none; box-shadow: none; }
body.tema-calisma-kitabi .cc-fab:active { transform: none; }
body.tema-calisma-kitabi .cc-fab.is-pulsing { animation: none; }
body.tema-calisma-kitabi .cc-fab-count { border-radius: 6px; font-family: var(--ck-mono); }

/* --- Makale + ipucu --- */
body.tema-calisma-kitabi .ckh-makale { margin-top: 16px; border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); padding: clamp(24px, 3vw, 40px); }
body.tema-calisma-kitabi .ckh-ipucu { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; margin: 0 0 24px; border-radius: 14px; background: var(--ck-altin-acik); border: 2px solid var(--ck-altin); font: 600 14px/1.55 var(--ck-bas); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckh-ipucu .fad { font-size: 20px; color: var(--ck-altin); flex: none; margin-top: 1px; --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ckh-ipucu strong { color: var(--ck-altin); font-weight: 900; }
body.tema-calisma-kitabi .ckh-makale-govde { color: var(--ck-metin); font-weight: 500; font-size: 16px; line-height: 1.7; }
body.tema-calisma-kitabi .ckh-makale-govde h2 { font-size: 26px; margin: 32px 0 12px; padding-bottom: 10px; border-bottom: 2px solid var(--ck-cizgi); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckh-makale-govde h2:first-child { margin-top: 0; }
body.tema-calisma-kitabi .ckh-makale-govde h3 { font-size: 20px; margin: 24px 0 10px; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckh-makale-govde h4 { font-size: 17px; margin: 20px 0 8px; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckh-makale-govde p { margin: 0 0 14px; }
body.tema-calisma-kitabi .ckh-makale-govde ul, body.tema-calisma-kitabi .ckh-makale-govde ol { margin: 0 0 14px 22px; padding: 0; }
body.tema-calisma-kitabi .ckh-makale-govde li { margin-bottom: 6px; }
body.tema-calisma-kitabi .ckh-makale-govde a { color: var(--ck-c); font-weight: 700; }
body.tema-calisma-kitabi .ckh-makale-govde strong { color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckh-makale-govde code { font: 600 13px var(--ck-mono); background: var(--ck-zemin); border: 1px solid var(--ck-cizgi); border-radius: 6px; padding: 2px 6px; color: var(--ck-c); }
body.tema-calisma-kitabi .ckh-makale-govde table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 14px; }
body.tema-calisma-kitabi .ckh-makale-govde th, body.tema-calisma-kitabi .ckh-makale-govde td { border: 1px solid var(--ck-izgara); padding: 9px 12px; text-align: left; }
body.tema-calisma-kitabi .ckh-makale-govde th { background: var(--ck-zemin); color: var(--ck-soluk); font: 800 12px var(--ck-bas); letter-spacing: .05em; text-transform: uppercase; }
body.tema-calisma-kitabi .ckh-makale-govde blockquote { margin: 0 0 14px; padding: 12px 18px; border-left: 3px solid var(--ck-c); background: var(--ck-zemin); border-radius: 0 10px 10px 0; }
body.tema-calisma-kitabi .ckh-makale-govde img { max-width: 100%; height: auto; border-radius: 12px; }

/* --- Yorumlar (partial: calc-comments) --- */
body.tema-calisma-kitabi .calc-comments-card { margin: 16px 0 0; padding: clamp(24px, 3vw, 32px); border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); box-shadow: none; }
body.tema-calisma-kitabi .calc-comments-header { border-bottom: 2px solid var(--ck-cizgi); padding-bottom: 16px; margin-bottom: 20px; gap: 12px; flex-wrap: wrap; }
body.tema-calisma-kitabi .calc-comments-title { font-size: 24px; font-weight: 900; letter-spacing: -0.02em; color: var(--ck-murekkep); display: inline-flex; align-items: center; gap: 10px; margin: 0; }
body.tema-calisma-kitabi .calc-comments-title i { color: var(--ck-c); --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .calc-comments-count { font: 700 15px var(--ck-mono); color: var(--ck-soluk); }
body.tema-calisma-kitabi .calc-comments-sort { gap: 6px; }
body.tema-calisma-kitabi .calc-comments-sort .sort-btn { height: 36px; padding: 0 12px; border-radius: 10px; border: 2px solid var(--ck-cizgi); background: var(--ck-kagit); color: var(--ck-metin); font: 800 13px var(--ck-bas); }
body.tema-calisma-kitabi .calc-comments-sort .sort-btn:hover { background: var(--ck-kagit); border-color: var(--ck-c); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .calc-comments-sort .sort-btn.active { background: var(--ck-c-acik); border-color: var(--ck-c); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .calc-comments-list { gap: 0; }
body.tema-calisma-kitabi .cc-empty { padding: 32px 16px; color: var(--ck-metin); font-weight: 600; }
body.tema-calisma-kitabi .cc-empty i { color: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .cc-item { padding: 18px 0; border-top: 1px solid var(--ck-cizgi); column-gap: 14px; }
body.tema-calisma-kitabi .cc-item:first-child { border-top: 0; }
body.tema-calisma-kitabi .cc-item.cc-pinned { background: var(--ck-altin-acik); border-left: 2px solid var(--ck-altin); border-radius: 0 12px 12px 0; padding-left: 14px; }
body.tema-calisma-kitabi .cc-avatar { width: 40px; height: 40px; border-radius: 10px; background: var(--ck-c-acik); color: var(--ck-c); font: 900 15px var(--ck-bas); display: grid; place-items: center; }
body.tema-calisma-kitabi .cc-meta-row-top .cc-author { color: var(--ck-murekkep); font-weight: 900; font-size: 15px; }
body.tema-calisma-kitabi .cc-meta-row-top .cc-time { color: var(--ck-soluk); font: 700 12px var(--ck-mono); }
body.tema-calisma-kitabi .cc-meta-sep { color: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .cc-author-role { color: var(--ck-c); font-weight: 900; }
body.tema-calisma-kitabi .cc-author-role--supporter { color: var(--ck-yesil); }
body.tema-calisma-kitabi .cc-pill { border-radius: 6px; font-weight: 900; }
body.tema-calisma-kitabi .cc-pill-question { background: var(--ck-teal-acik); color: var(--ck-teal); }
body.tema-calisma-kitabi .cc-pill-pinned { background: var(--ck-altin-acik); color: var(--ck-altin); }
body.tema-calisma-kitabi .cc-content { color: var(--ck-metin); font-weight: 500; font-size: 15px; line-height: 1.6; }
body.tema-calisma-kitabi .cc-content a, body.tema-calisma-kitabi .cc-editor a { color: var(--ck-c); }
body.tema-calisma-kitabi .cc-content blockquote { border-left: 3px solid var(--ck-c); background: var(--ck-zemin); color: var(--ck-metin); }
body.tema-calisma-kitabi .cc-content pre, body.tema-calisma-kitabi .cc-editor pre { background: var(--ck-zemin); border: 1px solid var(--ck-cizgi); border-radius: 10px; color: var(--ck-murekkep); font-family: var(--ck-mono); }
body.tema-calisma-kitabi .cc-content code, body.tema-calisma-kitabi .cc-editor code { background: var(--ck-zemin); border: 1px solid var(--ck-cizgi); color: var(--ck-c); font-family: var(--ck-mono); }
body.tema-calisma-kitabi .calc-comment-mention { color: var(--ck-c); background: var(--ck-c-acik); border-radius: 6px; font-weight: 800; }
body.tema-calisma-kitabi .cc-attach-img { border-radius: 10px; border: 2px solid var(--ck-cizgi); }
body.tema-calisma-kitabi .cc-action { color: var(--ck-metin); font: 800 13px var(--ck-bas); border-radius: 8px; transition: none; }
body.tema-calisma-kitabi .cc-action:hover:not(:disabled) { background: var(--ck-c-acik); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .cc-action .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .cc-action.cc-like.is-liked, body.tema-calisma-kitabi .cc-action.cc-like.is-liked i { color: var(--ck-c); }
body.tema-calisma-kitabi .cc-action.cc-like.is-own:hover { color: var(--ck-metin); }
body.tema-calisma-kitabi .cc-reply-count { color: var(--ck-soluk); font: 700 12px var(--ck-mono); }
body.tema-calisma-kitabi .cc-replies { border-left: 2px solid var(--ck-cizgi); margin-top: 10px; padding-left: 14px; }
body.tema-calisma-kitabi .cc-replies .cc-avatar { width: 32px; height: 32px; font-size: 13px; border-radius: 8px; }
body.tema-calisma-kitabi .calc-comment-composer { background: var(--ck-zemin); border: 2px solid var(--ck-cizgi); border-radius: 14px; padding: 20px; box-shadow: none; }
body.tema-calisma-kitabi .calc-composer--bottom { margin-top: 24px; border-top: 2px solid var(--ck-cizgi); background: var(--ck-zemin); box-shadow: none; }
body.tema-calisma-kitabi .cc-composer-label { color: var(--ck-soluk); font-weight: 600; }
body.tema-calisma-kitabi .cc-editor-wrapper { background: var(--ck-kagit); border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; transition: none; }
body.tema-calisma-kitabi .cc-editor-wrapper:focus-within { border-color: var(--ck-c); box-shadow: none; }
body.tema-calisma-kitabi .cc-toolbar { background: var(--ck-zemin); border-bottom: 1px solid var(--ck-cizgi); border-radius: 10px 10px 0 0; padding: 8px 10px; gap: 4px; }
body.tema-calisma-kitabi .cc-toolbar button { color: var(--ck-metin); border-radius: 8px; width: 32px; height: 32px; padding: 0; display: inline-grid; place-items: center; }
body.tema-calisma-kitabi .cc-toolbar button:hover { background: var(--ck-c-acik); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .cc-toolbar button.active { background: var(--ck-c-acik); color: var(--ck-c); }
body.tema-calisma-kitabi .cc-toolbar button .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .5; }
body.tema-calisma-kitabi .cc-tb-sep { background: var(--ck-cizgi); }
body.tema-calisma-kitabi .cc-editor { color: var(--ck-murekkep); font-size: 15px; line-height: 1.6; min-height: 110px; padding: 14px 16px; }
body.tema-calisma-kitabi .cc-editor:empty::before { color: var(--ck-soluk); }
body.tema-calisma-kitabi .cc-mention-dropdown { background: var(--ck-kagit); border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; box-shadow: none; }
body.tema-calisma-kitabi .cc-mention-item:hover, body.tema-calisma-kitabi .cc-mention-item.active { background: var(--ck-c-acik); }
body.tema-calisma-kitabi .cc-mention-item .ma { background: var(--ck-c); border-radius: 6px; }
body.tema-calisma-kitabi .cc-mention-item strong { color: var(--ck-murekkep); }
body.tema-calisma-kitabi .cc-attach-preview-item { border: 2px solid var(--ck-cizgi); border-radius: 10px; }
body.tema-calisma-kitabi .cc-composer-actions { gap: 12px; flex-wrap: wrap; margin-top: 14px; }
body.tema-calisma-kitabi .cc-hint { color: var(--ck-soluk); font-weight: 600; }
body.tema-calisma-kitabi .cc-hint strong { color: var(--ck-metin); }
body.tema-calisma-kitabi .cc-btn-submit { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 12px; background: var(--ck-c); border: 2px solid var(--ck-c); color: #fff; font: 900 14px var(--ck-bas); transition: none; }
body.tema-calisma-kitabi .cc-btn-submit:hover:not(:disabled) { background: var(--ck-murekkep); border-color: var(--ck-murekkep); color: var(--ck-kagit); opacity: 1; }
body.tema-calisma-kitabi .cc-btn-submit .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; --fa-secondary-opacity: .5; }
body.tema-calisma-kitabi .cc-btn-cancel { height: 44px; padding: 0 16px; border-radius: 12px; background: var(--ck-kagit); border: 2px solid var(--ck-cizgi-koyu); color: var(--ck-murekkep); font: 900 14px var(--ck-bas); }
body.tema-calisma-kitabi .cc-btn-cancel:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .calc-comments-login-cta { border: 2px solid var(--ck-cizgi); border-radius: 14px; background: var(--ck-zemin); color: var(--ck-metin); font-weight: 600; }
body.tema-calisma-kitabi .calc-comments-login-cta a { color: var(--ck-c); }
body.tema-calisma-kitabi .calc-comments-login-cta i { color: var(--ck-altin); }
body.tema-calisma-kitabi .cc-locked { border: 2px dashed var(--ck-cizgi-koyu); border-radius: 14px; background: var(--ck-zemin); }
body.tema-calisma-kitabi .cc-report-picker { background: var(--ck-kagit); border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; box-shadow: none; }

/* --- Admin istatistik --- */
body.tema-calisma-kitabi .ckh-ist { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 40px; }
body.tema-calisma-kitabi .ckh-ist-kart { border-radius: 14px; background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; min-height: 100px; }
body.tema-calisma-kitabi .ckh-ist-etiket { font: 800 11px var(--ck-bas); letter-spacing: .08em; text-transform: uppercase; color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckh-ist-deger { font: 900 26px var(--ck-bas); letter-spacing: -0.04em; line-height: 1.1; color: var(--ck-c); font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi .ckh-ist-deger small { display: block; font: 700 13px var(--ck-mono); letter-spacing: 0; color: var(--ck-metin); margin-top: 4px; }

/* ============ DUYARLI ============ */
@media (max-width: 1100px) {
    body.tema-calisma-kitabi .ckh-ist { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    body.tema-calisma-kitabi .ckh-ust { grid-template-columns: 1fr; gap: 24px; }
    body.tema-calisma-kitabi .ckh-toplam { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; min-width: 0; padding: 18px 22px; }
    body.tema-calisma-kitabi .ckh-toplam-ad { flex-basis: 100%; }
    body.tema-calisma-kitabi .ckh-yan { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi .cc-cta-banner { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi .cc-cta-stat { border-right: 0; padding-right: 0; flex-direction: row; align-items: baseline; gap: 8px; min-width: 0; }
    body.tema-calisma-kitabi .cc-cta-stat i { margin: 0; }
    body.tema-calisma-kitabi #calculator-workspace .pw-container { flex-direction: column; height: auto; }
    body.tema-calisma-kitabi #calculator-workspace .pw-nav-panel { width: auto; flex-direction: row; flex-wrap: wrap; gap: 6px; padding: 10px; }
    body.tema-calisma-kitabi #calculator-workspace .pw-nav-item { padding: 4px 8px 4px 4px; }
    body.tema-calisma-kitabi #calculator-workspace .pw-main-panel { min-height: 420px; }
}
@media (max-width: 760px) {
    body.tema-calisma-kitabi #calculator-workspace .calc-input-row { grid-template-columns: 1fr 1fr !important; gap: 18px !important; }
    body.tema-calisma-kitabi #calculator-workspace .calc-results-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 640px) {
    body.tema-calisma-kitabi .ckh-sayfa { padding: 20px 0 56px; }
    body.tema-calisma-kitabi .ckh-kirinti { margin-bottom: 18px; }
    body.tema-calisma-kitabi .ckh-ara { height: 52px; }
    body.tema-calisma-kitabi .ckh-ara-fx { width: 48px; }
    body.tema-calisma-kitabi .ckh-ara-btn span { display: none; }
    body.tema-calisma-kitabi .ckh-ara-btn { padding: 0 18px; }
    body.tema-calisma-kitabi .ckh-toplam-ad { display: none; }
    body.tema-calisma-kitabi .ckh-cip { height: 40px; padding: 0 12px; font-size: 13px; }
    body.tema-calisma-kitabi .ckh-arac { margin: 28px 0 16px; }
    body.tema-calisma-kitabi .ckh-sayfalama .pagination a, body.tema-calisma-kitabi .ckh-sayfalama .pagination span { min-width: 40px; height: 40px; padding: 0 10px; font-size: 13px; }
    body.tema-calisma-kitabi .ckh-hucre-govde { padding: 18px 14px; }
    body.tema-calisma-kitabi .ckh-hucre-ust { padding: 8px 10px; font-size: 12px; }
    body.tema-calisma-kitabi #calculator-workspace .calc-input-row { grid-template-columns: 1fr !important; }
    body.tema-calisma-kitabi #calculator-workspace .calc-results-grid { grid-template-columns: 1fr !important; }
    body.tema-calisma-kitabi #calculator-workspace .pw-form-row { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi #calculator-workspace .calc-tab { height: 42px; padding: 0 12px; font-size: 13px; }
    body.tema-calisma-kitabi #calculator-workspace .calc-btn-primary, body.tema-calisma-kitabi #calculator-workspace .calc-btn-calculate { width: 100%; }
    body.tema-calisma-kitabi #calculator-workspace .calc-actions-row .calc-btn-action { flex: 1 1 calc(50% - 5px); justify-content: center; padding: 0 10px; }
    body.tema-calisma-kitabi #calculator-workspace [class*="headline-result"] { padding: 20px 18px; }
    body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] li { gap: 10px; padding-right: 12px; }
    body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] li::before { width: 32px; }
    body.tema-calisma-kitabi #calculator-workspace [class*="result-list"] .r-value { white-space: normal; font-size: 14px; }
    body.tema-calisma-kitabi #calculator-workspace .pw-btn-footer { flex-wrap: wrap; }
    body.tema-calisma-kitabi .ckh-excel, body.tema-calisma-kitabi .ckh-promo, body.tema-calisma-kitabi .ckh-makale, body.tema-calisma-kitabi .calc-comments-card { padding: 20px 16px; }
    body.tema-calisma-kitabi .ckh-puan { flex-direction: column; align-items: stretch; }
    body.tema-calisma-kitabi .ckh-puan .ck-dugme { justify-content: center; }
    body.tema-calisma-kitabi .cc-cta-go { width: 100%; justify-content: center; }
    body.tema-calisma-kitabi .ckh-ist { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    body.tema-calisma-kitabi .ckh-hucre-imlec { animation: none; }
}