/* ===== SAYFA CSS — kabuk CSS'i reference/diet/css/dd-shell.css'te ===== */ /* ===================================================================== T5.0 — KİMLİK VE HESAP EKRANLARI (giriş · kayıt · şifremi unuttum · şifre sıfırlama · e-posta doğrulama · hesabım) 🔴 T5.0b (2026-08-18) — GİRİŞ VE KAYIT EKRANLARININ TASARIMI DEĞİŞTİ. Beyar yeni bir TASARIM KAYNAĞI verdi (referans sistem değil): https://by4r.github.io//v7-6cu356/giris-v1.html ⚠ Adresin ortadaki dizin adı YER TUTUCUDUR: gerçek ad yasaklı marka dizgisini taşıyor ve marka kapısı (b) onu kaynak kodda görürse KIRMIZI verir. Tam adres Beyar'ın T5.0b görev metnindedir. Gerekçesi: eski sistemde Diyet'in giriş ekranı hiç yoktu, kopyalanacak referans yok. Bu dosya artık DÖRT blok taşır: BLOK 1 Diyet'in kendi alan kiti (değişmedi) BLOK 2 Diyet'in kendi ortalanmış kartı (değişmedi — şifremi unuttum · şifre sıfırlama · e-posta doğrulama · hesabım hâlâ bunu kullanır) BLOK 3 Diyet'in kendi HESAP yüzeyi dili (YENİ, Diyet'ten bayt kopya) BLOK 4 Mockup'tan alınan `au-*` yerleşimi (YENİ, marka ikameleriyle) 🔴 MOCKUP'IN MARKASI GELMEDİ. Dizgi, logo ve baskın turuncu aksan alınmadı; her aksan kalemi Diyet'in KENDİ dosyasındaki bir satırla değiştirildi ve BLOK 4'ün ikame tablosunda tek tek yazıldı. 🔴 BU DOSYADA TEK SATIR YENİ TASARIM YOKTUR. Gerekçe: bu ekranların REFERANSI YOK. `11 §9.2` ölçtü — eski sistemde Diyet'in login/logout/register/password/verification/two-factor/auth karşılığı **0 rotaydı**; kimlik yüzeyi kardeş markanındı. Kopyalanacak bir Diyet ekranı olmadığı için `09 §2` md.5'in hakemi de yok. `09 §2` md.3 bağlayıcı: *"Yeni renk, yeni tipografi, yeni spacing, yeni radius/gölge, yeni component ismi, yeni sınıf adı — hiçbiri üretilmez."* Bu yüzden ekranların dili, DİYET'İN KENDİ public sayfalarından **bayt düzeyinde** alınan iki bloktan kuruldu. Her bloğun kaynağı altında yazılı. ⚠ ÖLÇÜLEN EKSİK — ALAN DÜZEYİNDE HATA SINIFI YOK. `public/reference/diet/css/` ağacında `.fk-err` / `.form-err` / `.field-err` benzeri bir kural **0 sonuç** verdi (ölçüldü, 2026-08-18). Yani Diyet'in kendi form dili alan altına kırmızı hata satırı basmıyor. Uydurulmadı; ekranlar hata mesajını Diyet'in KENDİ mesaj yüzeyiyle (`.pf-disclaimer`, `diet/_p/flash.blade.php` deseni) form başında basar. Alan düzeyinde hata dili gerekiyorsa Beyar'a sorulur (`docs/parite/T5.0-sapma.md §4`). ===================================================================== */ /* ===================================================================== BLOK 1 — FORM KİTİ Kaynak: public/reference/diet/css/pages/beden-kutle-endeksi-v1.css:9-41 (Diyet'in KENDİ hesaplayıcı şablonu; odak halkası SAĞLIK YEŞİLİ — diyetisyen panelinin domates varyantı DEĞİL, public varyant.) BAYT KOPYA — tek karakter değiştirilmedi. ===================================================================== */ /* ---- FORM KİTİ (tarif-ekle-v1.html VERBATIM — miras) ---- */ .fk-field{margin-bottom:22px} .fk-field:last-child{margin-bottom:0} .fk-label{display:flex;align-items:baseline;gap:7px;font-size:14px;font-weight:700;color:var(--slate);margin-bottom:9px} .fk-label .req{color:var(--tomato);font-weight:700} .fk-label .opt{font-size:11.5px;color:var(--muted);font-weight:500} .fk-label .fk-count{margin-left:auto;font-size:11.5px;color:var(--muted);font-weight:500;letter-spacing:.02em} .fk-input,.fk-select,.fk-textarea{ width:100%;font-family:inherit;font-size:14px;font-weight:500;color:var(--slate); background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md); padding:13px 15px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease); } .fk-input::placeholder,.fk-textarea::placeholder{color:#a7a7a7} .fk-input:focus,.fk-select:focus,.fk-textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,154,68,.12)} .fk-select{ appearance:none;-webkit-appearance:none;cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237E7E7E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 15px center;padding-right:40px; } .fk-select:invalid{color:#a7a7a7} .fk-help{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:8px;line-height:1.5} .fk-help i{color:var(--green);font-size:12px;margin-top:2px;flex:none} .fk-grid{display:grid;gap:16px 18px} .fk-grid .fk-field{margin-bottom:0} .fk-grid.c2{grid-template-columns:1fr 1fr} /* 🔴 T5.0d — `.fk-grid.c2` DAR EKRANDA TEK SÜTUNA DÜŞER. Beyar (2026-08-18): *".fk-grid.c2'nin 390px'te tek sütuna düşmemesi de bu turda kapansın — Gastro'nun formunda karşılığı nasılsa öyle."* ÖLÇÜM: kaynağın kendi `tokens.css:345` satırı zaten bunu yazıyor — @media (max-width: 640px) { .fk-grid { grid-template-columns: 1fr; } } Diyet'in kendi kiti (BLOK 1, `beden-kutle-endeksi-v1.css:9-41`) o dosyanın yalnız 9-41 aralığını taşıdığı için kırılım DIŞARIDA kalmıştı; kusurun kaynağı buydu. Satır kaynağından alındı, ölçü UYDURULMADI ve kırılım noktası bu dosyanın kendi ≤640px eşiğiyle aynı. */ @media (max-width:640px){.fk-grid,.fk-grid.c2{grid-template-columns:1fr}} .fk-suffix{position:relative} .fk-suffix .fk-input{padding-right:64px} .fk-suffix>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--muted);pointer-events:none} /* segment toggle (cinsiyet) — token dili, sağlık yeşili aktif */ .fk-seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:4px;gap:4px} .fk-seg button{flex:1;border:none;background:transparent;font-family:inherit;font-weight:700;font-size:14px;color:var(--muted);padding:11px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:.2s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px} .fk-seg button i{font-size:14px} .fk-seg button.active{background:var(--tomato-deep);color:#fff} /* ===================================================================== BLOK 2 — ORTALANMIŞ KART KABUĞU + AYAK Kaynak: public/reference/diet/css/pages/bana-uygun-olani-bul-v1.css satır 51-52 (.wz-sec/.wz-card) · 80 (.wz-body) · 83-85 (.wz-q) · 112-125 (.wz-nav/.wz-back/.wz-progress-txt/.wz-next) · 162 (.wz-disc) (Diyet'in KENDİ sihirbaz kabuğu — tek sütun, ortalanmış kart. Bu markanın "tek form, tek kart" deseninin yerleşik hâli.) BAYT KOPYA — tek karakter değiştirilmedi. Blok içindeki adım yolu (.wz-steps/.wz-step/.wz-num/.wz-lbl) ve seçenek kutucukları (.wz-opt…) ALINMADI: kimlik ekranları çok adımlı değil, karşılığı olmayan kural taşınmaz. ===================================================================== */ .wz-sec{padding:6px 0 70px;background:var(--bg-cream)} .wz-card{max-width:820px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--sh-md);overflow:hidden} .wz-body{padding:32px 34px 6px} .wz-q{text-align:center;margin-bottom:24px} .wz-q h2{font-size:24px;letter-spacing:-.02em} .wz-q p{font-size:14px;color:var(--muted);font-weight:500;margin-top:6px} .wz-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 34px 28px} .wz-back{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-weight:700;font-size:14px;color:var(--slate);background:none;border:none;cursor:pointer;padding:12px 6px;transition:.18s var(--ease)} .wz-back i{font-size:12px;transition:transform .2s var(--ease)} .wz-back:hover{color:var(--green)} .wz-back:hover i{transform:translateX(-3px)} .wz-back:focus-visible{outline:3px solid var(--tomato-tint);outline-offset:2px;border-radius:var(--radius-sm)} .wz-back[hidden]{visibility:hidden;display:inline-flex} .wz-progress-txt{font-size:12.5px;font-weight:600;color:var(--muted)} .wz-next{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-weight:700;font-size:14.5px;color:#fff;background:var(--green-deep);border:none;border-radius:var(--radius-md);padding:14px 28px;cursor:pointer;transition:.2s var(--ease)} .wz-next i{font-size:13px;transition:transform .2s var(--ease)} .wz-next:hover{background:var(--green);transform:translateY(-2px)} .wz-next:hover i{transform:translateX(3px)} .wz-next:focus-visible{outline:3px solid var(--tomato-tint);outline-offset:2px} .wz-next:disabled{background:#c3e4d3;cursor:not-allowed;transform:none} .wz-disc{max-width:820px;margin:26px auto 0} /* Kaynağın kendi ≤640px kırılımından, ALINAN sınıflara düşen üç satır (bana-uygun-olani-bul-v1.css:175, :181, :182 — BAYT KOPYA). Adım yoluna ait satırlar alınmadı çünkü o sınıflar bu dosyada yok. */ @media (max-width:640px){ .wz-sec{padding:2px 0 46px} .wz-body{padding:24px 18px 4px} .wz-q h2{font-size:20px} } /* ===================================================================== BLOK 3 — HESAP YÜZEYİNİN KENDİ DİLİ (Diyet, BAYT KOPYA) ===================================================================== 🔴 `.pf-tabs`ın İKİ VARYANTI VAR VE BURADA YEŞİL OLANI ALINDI — ölçüm: public/reference/diet/css/pages/besin-kutuphanesi-v1.css:38 .pf-tabs .dt.active{background:var(--tomato-deep)} ← içerik sayfaları public/reference/diet/css/planim.css:191 · panel.css:418 .pf-tabs .dt.active{background:var(--green)} ← HESAP yüzeyi Giriş ve kayıt hesap yüzeyidir; Diyet'in kendi hesap ekranları (Planım ve diyetisyen paneli) bu sekmeyi YEŞİL basar. Yani buradaki yeşil bir tercih değil, bu markanın kendi ölçülmüş kuralıdır — ve Beyar'ın *"Diyet'in kendi yeşilinin içinde kurulacak"* talimatıyla aynı yere düşer. Kaynak: planim.css 187-192 (sekme) · 410-411 (yeşil buton) · pages/diyetisyen-ol-v1.css 113-116 (onay grubu + captcha şerhi) ===================================================================== */ .pf-tabs{display:flex;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:4px;overflow-x:auto;scrollbar-width:none} .pf-tabs::-webkit-scrollbar{display:none} .pf-tabs .dt{font-family:inherit;font-weight:700;font-size:13px;color:var(--muted);background:transparent;border:none;border-radius:var(--radius-sm);padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.2s var(--ease);white-space:nowrap;flex:none} .pf-tabs .dt:hover{color:var(--green-deep)} .pf-tabs .dt.active{background:var(--green);color:#fff} .pf-pane[hidden]{display:none} .btn-green{background:var(--green);color:#fff} .btn-green:hover{background:var(--green-deep);transform:translateY(-2px)} .ol-consents{display:flex;flex-direction:column;gap:13px} .ol-consents .fb-kvkk{margin:0} .captcha-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);font-weight:500;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)} .captcha-note i{color:var(--green-deep);font-size:13px} /* ---- sifre kurali canli kontrol listesi (fk-pwrules) ---- 🔴 T5.0d — KAYNAK FORMDAN ALINDI, UYDURULMADI. Beyar (2026-08-18) kayit formunun YAPISINI kaynak forma hizalamayı istedi; o formda sifre alanının altında canli bir kural listesi var: