/* ===== SAYFA CSS — kabuk CSS'i resources/css/gourmet.css'te ===== */ /* ===================================================================== F2/T2.4 — KİMLİK EKRANLARI (giriş · kayıt · şifremi unuttum · şifre sıfırlama · e-posta doğrulama) 🔴 BU EKRANLARIN REFERANSI YOKTUR. `15 §9.2` ölçtü: eski sistemde bu markanın login/logout/register/password/verification/two-factor/auth karşılığı **0 rotaydı**; kimlik yüzeyi kardeş markanındı ve `09 §1` gereği devralınmaz. Kopyalanacak bir ekran olmadığı için `09 §2` md.5'in hakemi de yoktur. 🔴 TASARIM KAYNAĞI — BEYAR KARARI (2026-08-18): *"kardeş marka'le aynı mockup ailesi. Yapı oradan, marka Gourmet'in kendi rengi/ambleminin."* Dosya kardeş marka projesinin `kimlik-v1.css`inden BAYT KOPYA olarak alındı; değişen tek şey MARKA KATMANIDIR. 🔴 BU DOSYADA TEK SATIR YENİ TASARIM YOKTUR. `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."* ═══ İKAME TABLOSU — her satırın kaynağı bu markanın KENDİ dosyasıdır ═══ kardeş marka değeri → bu markanın değeri ← ölçüldüğü yer ------------------------------------------------------------------ #7fe0b0 → #C66BD8 koyu zemin üstü açık marka rengi ← resources/css/gourmet.css:1099 (--b-gourmet-l) #54d39a → #c97ad6 başlık vurgusu ← gourmet.css:1070 (.bs-gourmet --bs-ic) #e3ede7 → #e9e2d6 koyu zemin üstü gövde metni ← gourmet.css:225 (.topbar color) #cfe6da → #cfc7ba koyu zemin üstü ikincil metin ← gourmet.css:262 (.tb-util) #15241c → #211E16 koyu zemin ← gourmet.css:81 (--slate) #c3e4d3 → #ECECEC devre dışı buton zemini ← gourmet.css:87 (--line) #EAF7F0 → #F4E7F7 fk-eye hover zemini ← gourmet.css:80 (--tomato-tint) var(--green) → var(--tomato) fk-eye hover metni ← gourmet.css:77 (--tomato, bu markada MOR) unsplash dış URL → /img/gourmet-kesfet-hero-g4.webp ← kaynak repodaki bu markanın KENDİ hero görseli; dış bağımlılık da böylece düştü ⚠ TOKEN'LAR İKAME EDİLMEDİ ve edilmemeliydi: `var(--tomato)`, `var(--slate)`, `var(--radius-*)`, `var(--sh-*)` bu markanın kendi `gourmet.css`inde TANIMLI (ölçüldü: 21 token'ın 21'i). Yani dosya taşındığı an bu markanın kendi paletine döner — `--tomato` burada MOR'dur (#b14fc5), domates değil. ═══ 🔴 R3 (Beyar, 2026-08-18) — YUKARIDAKİ ŞERH EKSİKTİ, ÖLÇÜLDÜ ═══ Beyar: *"'Parolamı unuttum' YEŞİL basıyor — kardeş markanın rengi. Hesaplanan stil taraması koş ve bu markaya ait olmayan her aksanı bul, kök nedeni düzelt."* ÖLÇÜM (`scripts/t24r-kimlik-renk-tarama.mjs`, getComputedStyle): giriş + kayıt + şifremi-unuttum · 1440 ve 390px · **58 görünür yabancı aksan**, üç renk: `#2C9963` (×48) · `#3BB77E` (×6) · `#52CD94` (×4). KÖK NEDEN — ve neden yukarıdaki şerh onu yakalamadı: ikame tablosu yalnız **LİTERAL HEX**leri çevirdi. Kaynak dosyada marka aksanı `var(--green-deep)` / `var(--green)` **TOKEN'IYLA** yazılıydı ve o iki ad bu markanın `gourmet.css`inde de TANIMLI — ama burada **marka aksanı değil, "yalnız sağlık bloğu" semantiğidir** (`gourmet.css:83` kendi yorumunda yazıyor). Yani token taşındı, ANLAMI taşınmadı: dosya "kendi paletine döner" varsayımı bu iki token için YANLIŞTI. DÜZELTME — marka aksanı rolündeki her token bu markanın aksanına bağlandı (15 satır; hiçbiri yeni renk değil, hepsi `gourmet.css:77-80`): var(--green-deep) → var(--tomato) (dinlenme hâli) var(--tomato) → var(--tomato-dark) (o satırların :hover hâli) rgba(59,183,126,…)→ rgba(177,79,197,…) (.fk-input:focus halkası) rgba(225,72,39,…) → rgba(177,79,197,…) (hata ailesinin LİTERAL kardeş marka turuncusu; zemini zaten `--tomato-tint`ti, kenarlık uyumsuzdu) ⚠ Hata/uyarı ailesinin ROLÜ değişmedi: `.fk-error` ve `.sbanner.rejected` hâlâ "domates ailesi"ndedir — bu markada o aile MOR'dur. Değişen tek şey, ailenin içinde kalmış kardeş marka LİTERALİdir. ═══ KARDEŞ MARKA PROJESİNİN KENDİ NOTLARI AŞAĞIDA KORUNDU ═══ (blok yapısı ve gerekçeleri o projenin ölçümüdür; bayt sadakati için silinmedi, yalnız marka adları yer tutucuya çevrildi.) /* ---- 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(--tomato);box-shadow:0 0 0 3px rgba(177,79,197,.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(--tomato);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 — kaynak 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; } } bu ailenin 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/gourmet-kimlik/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) (bu ailenin 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(--tomato)} .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(--tomato);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(--tomato-dark);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:#ECECEC;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İ (kardeş marka projesinden BAYT KOPYA) ===================================================================== 🔴 `.pf-tabs`ın İKİ VARYANTI VAR VE BURADA YEŞİL OLANI ALINDI — ölçüm: public/reference/gourmet-kimlik/css/pages/besin-kutuphanesi-v1.css:38 .pf-tabs .dt.active{background:var(--tomato-deep)} ← içerik sayfaları public/reference/gourmet-kimlik/css/planim.css:191 · panel.css:418 .pf-tabs .dt.active{background:var(--tomato)} ← HESAP yüzeyi Giriş ve kayıt hesap yüzeyidir; bu ailenin kendi hesap ekranları (Planım ve ikinci rol paneli) bu sekmeyi kendi aksanıyla basar. Yani buradaki renk bir tercih değil, bu markanın kendi ölçülmüş kuralıdır — ve Beyar'ın *"bu ailenin kendi yeşilinin içinde kurulacak"* talimatıyla aynı yere düşer. Kaynak: planim.css 187-192 (sekme) · 410-411 (yeşil buton) · pages/-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(--tomato)} .pf-tabs .dt.active{background:var(--tomato);color:#fff} .pf-pane[hidden]{display:none} .btn-green{background:var(--tomato);color:#fff} .btn-green:hover{background:var(--tomato-dark);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(--tomato);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: