/* ═══════════════════════════════════════════════════════════════════ MASAÜSTÜ HİZALAMA — mobil prototip esas, masaüstü ona uyuyor KURUCU (2026-08-20): "TÜM SİSTEM MOBİL WEB GİBİ OLSUN, MASAÜSTÜ BUNA UYGUN OLSUN. PANEL.HTML İLE BAŞLA." ═══ ÖLÇÜLEN DURUM ═══ Panelin MOBİLİ zaten prototip: ≤768px'te .pb bloğu açılıyor, eski kabuk (.app-shell) kapanıyor, alt bar çalışıyor. tools/mobil-uret.js onu prototipten ÜRETİYOR ve bekçi test ayrışmayı yakalıyor. Eksik olan MASAÜSTÜYDÜ. 1280px'te ölçüldü: ne masaüstü (eski) prototip zemin rgb(242,245,243) --yumusak (sıcak) başlık yazısı Inter (sans) Source Serif 4 başlık ağırlığı 700, aralık normal 600, aralık -.3px kart köşesi 0px 14px kart çizgisi yok 1px --cizgi grup etiketi 13px, yeşil 11.5px, --acik, aralık 1.4px Yani iki ekran aynı üründen değil gibi duruyordu. ═══ NEDEN MARKUP'A DOKUNMUYORUZ ═══ panel.html 148 KB ve yüzlerce id/data-* ile JS'e bağlı. Markup'ı prototipe çevirmek, çalışan paneli kırmak demek. Burada YALNIZ biçim hizalanıyor: aynı iskelet, prototipin dili. ═══ RENK YOK ═══ Bu dosya hiçbir renk DEĞERİ yazmaz; hepsi merkezî token (white-theme-override.css). Bkz. "beyaz tema tuzağı" — renk iki yere yazılınca biri güncellenir öteki kalır. ═══════════════════════════════════════════════════════════════════ */ /* ═══ SINIF ADI: ev-tasarim ═══════════════════════════════════════ Faz 1'de ".panel-sayfa" idi; panele özgü bir ad 46 sayfaya yayılamazdı. Faz 3'te genel ada çevrildi: bir sayfa taşıyorsa yeni tasarım dilini alır, taşımıyorsa HİÇ etkilenmez. Sayfalar tek tek, ÖLÇÜLEREK geçiliyor — hepsine birden açmak, ölçülmemiş sayfayı değiştirmek olurdu. */ /* Mobilde .pb devralıyor; bu katman yalnız masaüstünde geçerli. */ @media (min-width: 769px) { /* ── ZEMİN ───────────────────────────────────────────────────── Prototipin yumuşak zemini. Panelin yeşilimsi grisi (#F2F5F3) sıcak paletle uyuşmuyordu. */ body.ev-tasarim, body.ev-tasarim .app-shell { background: var(--yumusak); } /* ── BAŞLIKLAR ───────────────────────────────────────────────── Prototip serif kullanıyor; masaüstü sans'ta kalmıştı. Marka hissinin en görünür taşıyıcısı bu. */ body.ev-tasarim h1, body.ev-tasarim h2, body.ev-tasarim h3 { font-family: "Source Serif 4", Georgia, serif; font-weight: 600; letter-spacing: -.3px; } /* ── GRUP ETİKETİ ────────────────────────────────────────────── Prototipte küçük, harf aralıklı, sessiz bir etiket. Panelde 13px ve yeşildi — başlıkla yarışıyordu. */ body.ev-tasarim .section-kicker { font-size: 11.5px; letter-spacing: 1.4px; font-weight: 700; color: var(--acik); } /* ── KARTLAR ─────────────────────────────────────────────────── Prototipin kalıbı: beyaz yüzey, 1px sıcak çizgi, 14px köşe. */ body.ev-tasarim .customer-form-panel, body.ev-tasarim .customer-internal-panel, body.ev-tasarim .summary-card, body.ev-tasarim .memory-card, body.ev-tasarim .durum-kart, body.ev-tasarim .ilan-kanit-alan { background: var(--card); border: 1px solid var(--cizgi); border-radius: 14px; } /* ── DÜĞMELER ────────────────────────────────────────────────── Prototipte 10px köşe ve parmakla basılabilir yükseklik. Masaüstü için de doğru: 44px hedef fareyle de daha kolay. */ body.ev-tasarim .card-edit-button, body.ev-tasarim .primary-action { border-radius: 10px; min-height: 44px; font-weight: 600; } /* ── SATIR LİSTELERİ ─────────────────────────────────────────── Prototipin .sat kalıbı: satırlar arası ince çizgi, sonuncuda yok. */ body.ev-tasarim .va-satir { border-bottom: 1px solid var(--cizgi2); min-height: 56px; } body.ev-tasarim .va-satir:last-child { border-bottom: 0; } }