/* Merkez Efendi Köftecisi · Muhasebe Modülü MERKEZ EFENDİ TEMASI (2026-10-24): eski Merkez Efendi programının bordo-altın parşömen dili ana programın kancalarına giydirildi — şemse deseni üst çubukta, kafes deseni yan panelde ve kartlarda, İstanbul gravürü sayfanın zemininde, siluet başlık kuşağında. (Ana projeden gelen açıklama:) Tek değişken dosyası. Renk, yazı ve ölçüler yalnız burada tanımlanır; hiçbir ekran dosyası bu değerleri yeniden yazmaz. Kaynak: 6-belgeler/tasarim.md NÖTR STANDART PALET (ana proje · 2026-10-24). Firmaya özel tema yok: zemin açık metalik gri, kartlar beyaz, yazı koyu antrasit, tek vurgu kırmızı (--vurgu #C62828; beyaz yazıyla 5,6:1 kontrast). Durum renkleri (başarı yeşili, uyarı turuncusu, hata kırmızısı) marka değil anlamdır; firmadan firmaya değişmez. Değişken ADLARI eski temadan kaldı (--altin, --defter-*, --yan-*): kod onları kullanıyor. Firmaya tema giydirilirken yalnız bu dosyadaki değerler ve dört görsel kancası değişir, ekran dosyalarına dokunulmaz. DEFTER AÇIK KALIR. Hesap defteri ve tablolar günde yüzlerce satır okunuyor; kâğıdı beyaz kalır, süs okunaklığın önüne geçmez. */ :root { color-scheme: light; /* ---- Renk ---- */ --vurgu: #8F2D22; --vurgu-koyu: #6E2219; /* Altın yalnız çizgi ve süstür; üzerine yazı yazılmaz. */ --altin: #C3A268; --altin-koyu: #A8854A; --altin-soluk: rgba(195, 162, 104, .42); --ikinci: #8A7458; --zemin: #E8DCC8; --yuzey: #FFFDF8; --metin: #2C2620; --oyuk: #F6F0E6; --kenar: #E0D6C4; --ayirici: #E9E1D2; --hata: #B4342A; --bilgi: #2C628F; --uyari: #9A6510; /* İNCE ÇİZGİDE KULLANILAN UYARI TONU (2026.445). --uyari dolgu için ayarlı: %14 saydam bir zeminde ya da dolu bir kutuda doğru duruyor. 2-3 piksellik bir çizgide aynı ton kahveye kaçıyor ve yeşilden ayırt edilemiyor — çizgide bir tık daha canlısı gerekiyor. Yalnız çizgi ve çerçevede kullanılır, zeminde değil. */ --uyari-cizgi: #D08700; --basari: #2F6B4A; --gri-vurgu: #8A7458; /* Gri tuşun altındaki kalınlık (2026.572 · Geçmiş Kayıtlar düğmesi). --ikinci'nin koyusu: bordo tuş --vurgu-koyu'ya basıyor, gri tuş da kendi renginin koyusuna bassın. */ --gri-koyu: #6B5942; --metin-basari: #1F4C34; --metin-uyari: #6E4708; --metin-hata: #7E1A24; --metin-bilgi: #214A6B; /* ---- Hesap defteri ---- Defterin kendi tonları. Ayrı adlarla duruyorlar çünkü anlamları ayrı: --vurgu uygulamanın kimliğidir, aşağıdakiler defterin kâğıt ve mürekkep tonlarıdır. Bileşenlerin içine hex yazılmaz, hepsi buradan okunur (4-ekranlar/2-raporlar/hareketler.js · hd-*). KÂĞIT NEREDEYSE BEYAZ. Sayfanın kremi buraya taşınmadı: defter günde yüzlerce satır okunuyor ve krem zeminde rakamın kontrastı düşüyor. Defteri saran kartın kendisi krem, içindeki kâğıt açık. */ --defter-koyu: #7E2B23; /* koyu kahve · çerçeve ve başlık */ --defter-eksi: #A6402F; /* bordo · eksi bakiye */ --defter-zemin: #FFFDF7; /* kart zemini */ --defter-satir: #FCF7ED; /* tek satır */ --defter-satir-cift: #F6EDDB; /* çift satır · dönüşümlü */ --defter-baslik: #EFE3CB; /* başlık şeridi · en koyu krem */ --defter-acilis: #F7E9C4; /* açılış satırı */ --defter-notr: #5A4632; /* nötr bakiye */ --defter-tel: #C3A268; /* ince çizgi */ --defter-tel-soluk: rgba(195, 162, 104, .30); --defter-arti: #2E5C40; /* artı bakiye */ --defter-cizgi: rgba(90, 70, 50, .16); /* sütun ayracı */ --defter-hover: rgba(195, 162, 104, .12); /* ---- Kart yüzeyi ---- Kartın çerçevesi ÇİFT ÇİZGİDİR: dışta altın tel, içeride soluk bir ikinci tel. Referans görseldeki panel böyle çerçeveleniyor ve bu, kartı kâğıttan ayıran asıl işaret — gölge değil. */ --kart-zemin: var(--yan-zemin); --kart-kenar: var(--altin); --kart-desen: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cg%20stroke%3D%22%237A6042%22%20stroke-opacity%3D%22.045%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M-4%204%204%20-4M-4%2019%2019%20-4M11%2019%2019%2011%22%2F%3E%3Cpath%20d%3D%22M-4%2011%2011%2026M-4%20-4%2019%2019M11%20-4%2019%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --kart-kagit: rgba(255, 253, 247, .72); --kart-yuzey: #FFFDF7; --kart-cerceve: 1px solid var(--defter-koyu); --kart-tel: 1px solid var(--altin); /* KART GÖLGESİ · İKİ KATMAN (2026.572 · kullanıcının isteği: "dashboarddaki kartların arkası gölgeli olsa nasıl olur" · dört kademe çizilip gösterildi, kullanıcı ortancayı ve "programdaki bütün kartlar" kapsamını seçti). Önce tek satırlık, neredeyse görünmez bir çizgiydi. Şimdi iki katman var: dipte kısa ve koyu olan kartı kâğıda oturtur, altındaki geniş ve yayvan olan onu kâğıttan kaldırır. İkisi bir aradayken kart havada asılı durmaz, kâğıdın üstüne konmuş gibi durur. KAYDIRMA ÖLÇÜLDÜ: 400 kart satırı, altı kat yavaşlatılmış işlemci, 150 kare. Eski gölgeyle de yeni gölgeyle de kare süresi 16,6-16,7 ms (60 kare/sn) çıktı; 20 ms'yi aşan kare ikisinde de bir tane. Gölge kaydırmayı ağırlaştırmıyor, bu yüzden uzun listelerde ayrı bir hafif gölge tutulmadı. */ --kart-golge: 0 12px 18px -14px rgba(70, 52, 34, .75); /* ---- Grafik ---- */ --grafik-gerceklesen: #8F2D22; --grafik-beklenen: #A66A32; --grafik-ikincil: #2C628F; --grafik-sifir: rgba(44, 38, 32, .35); --grafik-eksi: rgba(180, 52, 42, .10); --grafik-izgara: #E9E1D2; /* ---- Doku ---- Kâğıt greni açık: krem yüzey düz boya gibi değil, dokulu bir kâğıt gibi dursun. Çok hafif — 3px'te yarım piksellik noktalar, yakından bakılmadıkça fark edilmez. Motifli doku ayrı bir katman: --yan-desen yan panele, --ust-desen üst çubuğa biner (ana projede ikisi de boş). --doku-lif ikinci bir gren için ayrılmış yedek kancadır, şimdilik saydamdır. */ --doku-gren: rgba(44, 38, 32, .06); --doku-lif: rgba(166, 106, 50, .05); /* ---- Görsel katmanı ---- ANA PROJEDE KAPALI: dördü de `none`. Firmaya özel tema kurulurken o firmanın görselleri 1-gorseller'e konur, buraya yazılır (bkz. 1-gorseller/OKUBENI.md). Nereye binerler: temel.css · .zemin-doku, kabuk.css · .ust-cubuk::before ve .yan-panel, ekranlar.css · .sayfa-kusak::before. SÜRÜM DAMGASI. Adreslerdeki `?s=` damgası servis işçisinin önbelleğindeki adresle birebir aynı olmak zorundadır (sw.js · KABUK); tutmazsa görsel çevrimdışında kaybolur. Sürüm artarken bu dört satır da güncellenir — NIZAM.md · Sürüm kuralı. */ --ust-desen: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22s%22%20width%3D%2245%22%20height%3D%2245%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20transform%3D%22scale%281.125%29%22%20d%3D%22M17.00%207.04L6.79%206.79L7.04%2017.00L0.00%209.60L-7.04%2017.00L-6.79%206.79L-17.00%207.04L-9.60%200.00L-17.00%20-7.04L-6.79%20-6.79L-7.04%20-17.00L-0.00%20-9.60L7.04%20-17.00L6.79%20-6.79L17.00%20-7.04L9.60%20-0.00Z%20M8.00%200.00L5.66%205.66L0.00%208.00L-5.66%205.66L-8.00%200.00L-5.66%20-5.66L-0.00%20-8.00L5.66%20-5.66Z%20M57.00%207.04L46.79%206.79L47.04%2017.00L40.00%209.60L32.96%2017.00L33.21%206.79L23.00%207.04L30.40%200.00L23.00%20-7.04L33.21%20-6.79L32.96%20-17.00L40.00%20-9.60L47.04%20-17.00L46.79%20-6.79L57.00%20-7.04L49.60%20-0.00Z%20M48.00%200.00L45.66%205.66L40.00%208.00L34.34%205.66L32.00%200.00L34.34%20-5.66L40.00%20-8.00L45.66%20-5.66Z%20M17.00%2047.04L6.79%2046.79L7.04%2057.00L0.00%2049.60L-7.04%2057.00L-6.79%2046.79L-17.00%2047.04L-9.60%2040.00L-17.00%2032.96L-6.79%2033.21L-7.04%2023.00L-0.00%2030.40L7.04%2023.00L6.79%2033.21L17.00%2032.96L9.60%2040.00Z%20M8.00%2040.00L5.66%2045.66L0.00%2048.00L-5.66%2045.66L-8.00%2040.00L-5.66%2034.34L-0.00%2032.00L5.66%2034.34Z%20M57.00%2047.04L46.79%2046.79L47.04%2057.00L40.00%2049.60L32.96%2057.00L33.21%2046.79L23.00%2047.04L30.40%2040.00L23.00%2032.96L33.21%2033.21L32.96%2023.00L40.00%2030.40L47.04%2023.00L46.79%2033.21L57.00%2032.96L49.60%2040.00Z%20M48.00%2040.00L45.66%2045.66L40.00%2048.00L34.34%2045.66L32.00%2040.00L34.34%2034.34L40.00%2032.00L45.66%2034.34Z%20M37.00%2027.04L26.79%2026.79L27.04%2037.00L20.00%2029.60L12.96%2037.00L13.21%2026.79L3.00%2027.04L10.40%2020.00L3.00%2012.96L13.21%2013.21L12.96%203.00L20.00%2010.40L27.04%203.00L26.79%2013.21L37.00%2012.96L29.60%2020.00Z%20M28.00%2020.00L25.66%2025.66L20.00%2028.00L14.34%2025.66L12.00%2020.00L14.34%2014.34L20.00%2012.00L25.66%2014.34Z%22%20fill%3D%22none%22%20stroke%3D%22%23D8B65C%22%20stroke-width%3D%220.9%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20fill%3D%22url%28%23s%29%22%2F%3E%3C%2Fsvg%3E"); --zemin-gorsel: url("../1-gorseller/zemin-manzara.webp?s=2026.1466.3"); --kusak-gorsel: url("../1-gorseller/istanbul-siluet.png?s=2026.1466.3"); /* ---- Köşe ---- Referans görselde köşeler yumuşak ama abartısız: panel 14, kutu ve düğme 10. Şablonun 18px kartı fazla yuvarlaktı, klasik çerçeve duygusunu bozuyordu. */ --kose-kart: 18px; --kose-kutu: 10px; --kose-dugme: 14px; --kose-modal: 20px; /* ---- Boşluk · bütün aralıklar bunun katıdır ---- */ --bosluk: 8px; /* ---- Malzeme ---- */ /* GENEL GÖLGE · KARTIN GÖLGESİ DEĞİL. Menü, açılır liste, şerit gibi sayfanın üstüne binen yüzeyler bunu kullanır; onlar zaten kendi kenarlıklarıyla ayrılır, gölgeleri ince bir çizgi olarak kalır. Kartların gölgesi 2026.572'te derinleştirildi (--kart-golge); buna dokunulmadı, çünkü istenen "kartların arkası" idi. İkisi bilerek ayrı durur: biri kâğıda konmuş bir kartın gölgesi, öbürü ekranın üstüne açılan bir yüzeyin. */ --golge: 0 1px 2px -1px rgba(44, 38, 32, .13); --perde: rgba(44, 38, 32, .55); /* ---- Yan panel ---- Gezinme rayının kendi paleti: sayfadan bir ton AÇIK krem. Bordo yalnız açık sayfanın kapsülünde görünür. Kaynak: 6-belgeler/tasarim.md · "Bileşenler" · Yan panel */ --yan-zemin: #F5F0E6; --yan-metin: #29241F; --yan-metin-ikincil: #746B61; --yan-ayirici-cizgi: rgba(80, 60, 40, .10); --yan-kenar: rgba(80, 60, 40, .16); --yan-desen: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22160%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cpath%20d%3D%22M-160%200L0%20160M-144%200L16%20160M-128%200L32%20160M-112%200L48%20160M-96%200L64%20160M-80%200L80%20160M-64%200L96%20160M-48%200L112%20160M-32%200L128%20160M-16%200L144%20160M0%200L160%20160M16%200L176%20160M32%200L192%20160M48%200L208%20160M64%200L224%20160M80%200L240%20160M96%200L256%20160M112%200L272%20160M128%200L288%20160M144%200L304%20160M-160%20160L0%200M-144%20160L16%200M-128%20160L32%200M-112%20160L48%200M-96%20160L64%200M-80%20160L80%200M-64%20160L96%200M-48%20160L112%200M-32%20160L128%200M-16%20160L144%200M0%20160L160%200M16%20160L176%200M32%20160L192%200M48%20160L208%200M64%20160L224%200M80%20160L240%200M96%20160L256%200M112%20160L272%200M128%20160L288%200M144%20160L304%200%22%20stroke%3D%22%237A6042%22%20stroke-opacity%3D%22.07%22%20stroke-width%3D%221%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E"); --yan-vurgu: #8F1D24; --yan-vurgu-koyu: #7F1D1D; --yan-tel: #B88A52; --yan-tel-cizgi: rgba(184, 138, 82, .42); /* ---- Yazı tipi ---- İki aile birlikte çalışır: başlık · klasik serif. Sayfa adı, kart adı, marka, para dışı büyük rakamlar. Referans görseldeki bütün başlıklar serif. metin · Inter. Gövde, form, tablo ve BÜTÜN PARA RAKAMLARI. RAKAM SERİFE ALINMADI. Serifin rakamları eski biçim (oldstyle) ve sütunda hizalanmıyor; muhasebe tablosunda alt alta duran tutarlar Inter'in sabit genişlikli rakamlarıyla okunur. */ --yazi-baslik: "Playfair Display", Georgia, "Times New Roman", serif; --yazi-metin: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* ---- Yazı kademeleri ---- */ --h1-boy: 28px; --h1-satir: 34px; --h2-boy: 19px; --h2-satir: 26px; --govde-boy: 15px; --govde-satir: 22px; --kucuk-boy: 13px; --kucuk-satir: 18px; --etiket-boy: 11px; --etiket-satir: 16px; /* ---- Bileşen ölçüleri ---- */ --ust-cubuk: 60px; --alt-menu: 64px; --liste-satir: 64px; --tablo-satir: 36px; --tablo-baslik-satir: 32px; --tablo-giris-satir: 44px; --form-alan: 44px; --dugme: 44px; --dugme-bos-durum: 40px; --cip: 32px; --arama: 40px; --dokunma: 44px; --avatar: 32px; --gorsel-bos-durum: 96px; --gorsel-ozet: 40px; --pencere-en: 420px; --form-en: 720px; /* Bir A4 sayfasının eni · 210mm, 96dpi (2026.572 · kullanıcının kararı: "a4 gibi olsun"). Geniş ekranda tablolar 1600px'e yayılıp sütunlar birbirinden kopuyordu; bu sınır sayfayı okunur bir kâğıt eninde tutar. Tek yerden okunur: Hesaplar, Depolar ve Tekrarlayan Ödeme ve Gelirler aynı ölçüyü kullanır. */ --kagit-en: 794px; /* Yatay A4 · sayım kâğıdı (2026.572 · kullanıcının isteği: "burası büyük ekran olsun yatay A4 gibi, sığmamış çünkü"). Depo sayımında on sütun var; dikey A4 (794px) o sütunlara yetmiyordu. 1123px yatay A4'ün 96 dpi'daki karşılığıdır — kâğıt fikri korunur, yalnız çevrilir. */ --kagit-en-yatay: 1123px; --yan-panel-en: 292px; /* Elle Kayıt çekmecesinin genişliği · hem çekmece hem de onun için açılan sayfa payı buradan okur (2026.400). İki yerde ayrı yazılsa biri değişip öteki kalır ve sayfa çekmecenin altında kalırdı. */ --ekc-en: 600px; /* ---- Çizgi kalınlıkları ---- */ --cizgi-simge: 1.8px; /* ---- Hareket ---- */ --gecis: .25s; --basma: .12s; } /* Kırılım noktası tek: 900px — gezinme, yerleşim ve yazı ölçüleri orada değişir. Ortam sorgusunda değişken kullanılamadığı için sayı doğrudan yazılır. Tek istisna Fatura Aktarımı'nın önizleme tablosudur: 1200px. Sekiz sütunlu bir satır 900px'te sığmıyor — orada yan panel 240px alır ve satıra 594px kalır, fatura numarası kesilir, Detay düğmesi taşar. Kırılım şablona değil, içeriğin gerçekten sığdığı yere kondu (2-tasarim/ekranlar.css · "Fatura Aktarımı"). Başka bir kırılım eklenmez; gerekiyorsa sebebi burada ölçüyle birlikte yazılır. */