/* ═══ Yaver tasarım dili (9 Kas 2026) ═══
       Renk, yazı, köşe, yükseklik yalnız aşağıdaki değişkenlerden gelir; telefon ve masaüstü aynı dili konuşur.
       Yeni görünüm gerekirse alta yama ekleme: değişkeni ya da ilgili düğme/kart türünü düzelt.
       Mor az ve anlamlı: birincil düğme, seçili şey, kullanıcının balonu. Yazma kutusu gri. */
    .ym-p, .ym-kose-kutu, .mokoko-ust-balon, .ym-elle {
        /* Yüzey */
        --y-zemin: #0f1117; --y-yan: #13151c; --y-yuzey: #181b24; --y-dolgu: #21242f; --y-cizgi: rgb(255 255 255 / .1); --y-cizgi2: rgb(255 255 255 / .22);
        /* Yazı: ana, ikincil, ayrıntı (hepsi 4.5:1 üstü) */
        --y-yazi: rgb(var(--ink)); --y-yazi2: #b9bdcb; --y-yazi3: #a2a7b8;
        /* Marka: dolu düğme, zemin üstü marka yazısı, seçili zemin */
        --y-marka: #5a3fe0; --y-marka2: #4a2fd0; --y-marka-yazi: #b9acff; --y-marka-z: rgb(140 120 255 / .16);
        /* Durum ve iş renkleri: yalnız ikon, sayı, rozet */
        --y-ok: #34d399; --y-uyari: #fbbf24; --y-risk: #f87171; --y-mavi: #7ab4fb; --y-camg: #22d3ee; --y-pembe: #f472b6; --y-turuncu: #fb923c; --y-mor: #b9acff;
        /* Yazı ölçeği */
        --y-f1: .75rem; --y-f2: .8125rem; --y-f3: .875rem; --y-f4: .9375rem; --y-f5: 1.125rem; --y-f6: 1.375rem;
        /* Boşluk */
        --y-b1: .25rem; --y-b2: .5rem; --y-b3: .75rem; --y-b4: 1rem; --y-b5: 1.5rem;
        /* Köşe: küçük parça, düğme ve girdi, kart ve balon, hap */
        --y-r1: .5rem; --y-r2: .625rem; --y-r3: 1rem; --y-rh: 9999px;
        /* Gölge yalnız üste açılan parçada */
        --y-golge: 0 16px 36px -14px rgb(0 0 0 / .6);
        /* Denetim yüksekliği: normal, küçük (dokunmatikte ikisi de 44) */
        --y-k: 2.5rem; --y-kk: 2.25rem;
        --ym-egri: cubic-bezier(.2,.8,.2,1);
    }
    html[data-tema=acik] :is(.ym-p, .ym-kose-kutu, .mokoko-ust-balon, .ym-elle) {
        --y-zemin: #fff; --y-yan: #f7f7fa; --y-yuzey: #fff; --y-dolgu: #f1f1f6; --y-cizgi: #e4e5ec; --y-cizgi2: #cfd1db;
        --y-yazi2: #4d5064; --y-yazi3: #62657a;
        --y-marka-yazi: #5a3fe0; --y-marka-z: rgb(90 63 224 / .1);
        --y-ok: #047857; --y-uyari: #92500a; --y-risk: #c81e1e; --y-mavi: #1d63d8; --y-camg: #0e7490; --y-pembe: #be185d; --y-turuncu: #c2410c; --y-mor: #5a3fe0;
        --y-golge: 0 16px 36px -14px rgb(15 23 42 / .28);
    }
    @media (max-width: 1023px), (pointer: coarse) { :is(.ym-p, .ym-kose-kutu, .mokoko-ust-balon, .ym-elle) { --y-k: 2.75rem; --y-kk: 2.75rem; } }

    /* iOS 16 px'ten küçük yazı alanına odaklanınca sayfayı yakınlaştırır */
    @media (max-width: 639px) { .ym-p :is(input, textarea, select) { font-size: 16px !important; } }

    /* ── Klavye odağı: her denetimde görünür ── */
    :is(.ym-p, .ym-kose-kutu, .ym-elle, .mokoko-ust-balon) :is(button, a, [role=tab], input[type=checkbox], select):focus-visible { outline: 2px solid var(--y-marka-yazi); outline-offset: 2px; }

    /* ── Pencere ── */
    .ym-p { position: fixed !important; inset: 0 !important; width: auto !important; height: 100dvh !important; z-index: 92 !important; display: flex; flex-direction: column; overflow: clip !important; contain: layout paint; border: 0 !important; border-radius: 0 !important; color: var(--y-yazi); background: var(--y-zemin); }
    .ym-p > * { min-width: 0; }
    .ym-p.mokoko-gomulu { position: relative !important; inset: auto !important; z-index: 1 !important; height: max(30rem, calc(100dvh - 7.75rem - var(--kmp, 0px))) !important; border: 1px solid var(--y-cizgi) !important; border-radius: var(--y-r3) !important; }
    @media (max-width: 639px) {
        .ym-p:not(.mokoko-gomulu) { inset: auto 0 var(--ym-klavye, 0px) 0 !important; height: calc(100dvh - var(--ym-klavye, 0px)) !important; }
        .ym-p.mokoko-gomulu { height: calc(100dvh - 9.25rem - var(--kmp, 0px) - var(--sks, 0px) - env(safe-area-inset-bottom) - env(safe-area-inset-top)) !important; min-height: 22rem; }
    }
    @media (min-width: 640px) { .ym-p > :not(.mokoko-gezinti):not(.ym-perde) { margin-left: 16.5rem; } }
    .ym-p .rounded-lg { border-radius: var(--y-r1); }
    .ym-p .rounded-xl { border-radius: var(--y-r2); }
    .ym-p .rounded-2xl, .ym-p .rounded-3xl { border-radius: var(--y-r3); }
    .ym-p .text-ink-faint { color: var(--y-yazi3); }
    .ym-p .text-ink-muted { color: var(--y-yazi2); }
    .ym-p .text-sm { font-size: var(--y-f4); line-height: 1.5; }
    .ym-p .text-xs { font-size: var(--y-f3); line-height: 1.45; }
    .ym-p :is(.text-\[11px\], .text-\[0\.6875rem\], .text-\[10px\]) { font-size: var(--y-f2); line-height: 1.4; }
    .ym-p .text-\[0\.625rem\] { font-size: var(--y-f1); }
    .ym-p :is(.mr-degisim, .mr-sekme, .mr-eksen span, .mr-xler, .mr-tablo th, .mr-rozet) { font-size: var(--y-f2); }
    .ym-p :is(.mr-lejant, .mr-pasta-liste) { font-size: var(--y-f3); }
    .ym-p :is(.mr-yatay, .mr-tablo) { font-size: var(--y-f4); }
    .ym-gizli { display: none !important; }
    @media (max-width: 639px) { .ym-genis { display: none !important; } }
    @media (min-width: 640px) { .ym-dar { display: none !important; } }

    /* ── Düğme türleri: birincil, ikincil, tehlikeli. Hap yalnız seçim ve öneri için ── */
    .ym-p :is(.btn-primary, .ym-durum-dugme, .ym-yukselt, .ym-yukselt-koyu, .ym-tehlike, .ym-sor-sil, .btn-secondary, .ym-durum-sakin, .ym-sor-vaz, .ye-d) { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; min-height: var(--y-kk) !important; padding: 0 .875rem; border-radius: var(--y-r2); font-size: var(--y-f3); font-weight: 600; line-height: 1.2; white-space: nowrap; box-shadow: none; filter: none; transition: background .15s, border-color .15s; }
    .ym-p :is(.btn-primary, .ym-tehlike) { min-height: var(--y-k) !important; }
    .ym-p :is(.btn-primary, .bg-brand-gradient, .ym-durum-dugme, .ym-yukselt, .ym-yukselt-koyu, .ye-d-ana, .ye-d.ye-sec) { color: #fff; background: var(--y-marka) !important; border: 1px solid var(--y-marka); }
    .ym-p :is(.btn-primary, .ym-durum-dugme, .ym-yukselt, .ym-yukselt-koyu, .ye-d-ana):hover { background: var(--y-marka2) !important; }
    .ym-p :is(.btn-secondary, .ym-durum-sakin, .ym-sor-vaz, .ye-d:not(.ye-d-ana):not(.ye-sec)) { color: var(--y-yazi); background: var(--y-yuzey); border: 1px solid var(--y-cizgi2); }
    .ym-p :is(.btn-secondary, .ym-durum-sakin, .ym-sor-vaz, .ye-d:not(.ye-d-ana):not(.ye-sec)):hover { background: var(--y-dolgu); }
    .ym-p :is(.ym-tehlike, .ym-sor-sil) { color: #fff; background: #c81e1e; border: 1px solid #c81e1e; }
    .ym-p .ye-d-kir:not(.ye-d-ana) { color: var(--y-risk); }
    .ym-p .ye-simge { width: var(--y-kk); padding: 0; }
    .ym-p .btn:disabled, .ym-p .btn.disabled { cursor: default; }
    /* Yazı düğmesi: tekrar dene, geri al, önceki konuşma */
    .ym-yazi-d { display: inline-flex; align-items: center; gap: .375rem; min-height: var(--y-kk) !important; padding: 0 .625rem; border-radius: var(--y-r2); font-size: var(--y-f3); font-weight: 600; color: var(--y-marka-yazi); }
    .ym-yazi-d:hover { background: var(--y-marka-z); }
    .ym-yazi-d-soluk { color: var(--y-yazi2); }
    /* Hap: seçim süzgeçleri ve hazır öneriler */
    .ym-p :is(.ym-cip, .ym-hazir-oge, .ye-cip, .mr-cip) { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: .375rem; min-height: var(--y-kk) !important; padding: 0 .875rem; border-radius: var(--y-rh); border: 1px solid var(--y-cizgi2); font-size: var(--y-f3); font-weight: 500; white-space: nowrap; color: var(--y-yazi); background: var(--y-yuzey); transition: background .15s, border-color .15s, transform .18s var(--ym-egri); }
    .ym-p :is(.ym-cip, .ym-hazir-oge, .ye-cip, .mr-cip):hover { background: var(--y-dolgu); }
    .ym-p :is(.ye-cip[aria-pressed=true], .mr-cip-acik) { color: #fff; background: var(--y-marka); border-color: var(--y-marka); font-weight: 600; }
    .ym-p .ye-cip.ye-kirmizi:not([aria-pressed=true]) { color: var(--y-risk); }
    .ym-p .ye-cip.ye-kirmizi[aria-pressed=true] { background: #c81e1e; border-color: #c81e1e; }
    .ym-p .ye-cip b { opacity: 1; color: inherit; }
    .ym-p .mr-cip-ekle { margin-left: auto; border-color: var(--y-marka-yazi); font-weight: 600; }
    .ym-p :is(.ym-cip, .ym-hazir-oge, .ym-ozet-oge, .ym-on, .ym-bas-ikon):active { transform: scale(.97); }
    @media (prefers-reduced-motion: reduce) { .ym-p :is(.ym-cip, .ym-hazir-oge, .ym-ozet-oge, .ym-on, .ym-bas-ikon):active { transform: none; } }

    /* ── Rozet ve girdi ── */
    .ym-p .badge { padding: .1875rem .625rem; border-radius: var(--y-rh); font-size: var(--y-f1); font-weight: 600; background: color-mix(in srgb, var(--r, var(--y-yazi3)) 11%, var(--y-yuzey)) !important; color: var(--r, var(--y-yazi2)) !important; }
    .ym-p :is(.badge-pending, .badge-high) { --r: var(--y-uyari); } .ym-p :is(.badge-in_progress, .badge-medium) { --r: var(--y-mavi); } .ym-p .badge-completed { --r: var(--y-ok); } .ym-p :is(.badge-returned, .badge-urgent) { --r: var(--y-risk); } .ym-p :is(.badge-waiting_parts, .badge-external_service) { --r: var(--y-mor); }
    .ym-p :is(.input, .select, .textarea) { min-height: var(--y-k); border-radius: var(--y-r2); }
    .ym-p .input.font-mono { font-family: inherit; font-variant-numeric: tabular-nums; }
    .ym-p :is(.input, .textarea)::placeholder { color: var(--y-yazi3); opacity: 1; }

    /* ── Başlık ── */
    .ym-p > header { position: relative; z-index: 20; display: flex; flex: none; align-items: center; gap: var(--y-b2); min-height: 3.5rem; padding: .375rem .625rem; color: var(--y-yazi); background: var(--y-zemin); border-bottom: 1px solid var(--y-cizgi); }
    .ym-p > header > p b { color: var(--y-yazi); }
    .ym-bas-alt { color: var(--y-yazi2); }
    .ym-bas-hayalet { flex: none; width: 40px; height: 40px; }
    .ym-bas-ikon { display: flex; flex: none; width: var(--y-k); height: var(--y-k); min-height: 0 !important; align-items: center; justify-content: center; border-radius: var(--y-r2); color: var(--y-yazi); transition: background .15s, transform .18s var(--ym-egri); }
    .ym-bas-ikon:hover { background: var(--y-dolgu); }
    .ym-bas-sayfa, .ym-bas-wa, .ym-hesap, .ym-marka, .ym-menu-bas, .ym-oz-ikon { display: none; }
    .ym-canli { flex: none; width: .4375rem; height: .4375rem; border-radius: var(--y-rh); background: var(--y-ok); }
    .ym-canli-is { background: var(--y-mavi); animation: ym-canli 1s ease-in-out infinite; }
    @keyframes ym-canli { 50% { opacity: .45; } }
    .ym-yukselt, .ym-yukselt-koyu { flex: none; }
    .mokoko-tutamak { display: none !important; }
    @media (min-width: 640px) {
        .ym-p > header { height: 4rem; padding-inline: var(--y-b5); gap: .625rem; }
        .ym-p > header > p:not(.ym-bas-sayfa), .ym-p .ym-bas-hayalet { display: none; }
        .ym-p > header > .ym-bas-sayfa { display: block; flex: 1; min-width: 0; line-height: 1.25; }
        .ym-bas-sayfa b { display: block; font-size: var(--y-f5); font-weight: 700; }
        .ym-bas-sayfa span { display: block; font-size: var(--y-f2); color: var(--y-yazi2); }
        .ym-bas-wa { display: inline-flex; flex: none; align-items: center; gap: .375rem; height: var(--y-kk); padding: 0 .75rem; border-radius: var(--y-r2); font-size: var(--y-f3); font-weight: 600; color: #fff; background: #0f7a52; }
        .ym-bas-wa:hover { background: #0c6443; }
        .ym-hesap { display: grid; flex: none; grid-template-columns: auto auto; column-gap: var(--y-b2); align-items: baseline; align-content: center; height: var(--y-kk); padding: 0 .75rem; border-radius: var(--y-r2); border: 1px solid var(--y-cizgi2); font-size: var(--y-f2); line-height: 1.1; color: var(--y-yazi); }
        .ym-hesap:hover { background: var(--y-dolgu); }
        .ym-hesap b { font-weight: 700; }
        .ym-hesap span { color: var(--y-yazi2); font-variant-numeric: tabular-nums; }
        .ym-hesap i { grid-column: 1 / -1; display: block; height: 3px; margin-top: .25rem; border-radius: var(--y-rh); background: var(--y-dolgu); overflow: hidden; }
        .ym-hesap u { display: block; height: 100%; border-radius: inherit; background: var(--y-marka-yazi); }
        .ym-hesap u.ym-hesap-uyari { background: var(--y-uyari); }
    }

    /* Tablette başlık sığsın: tarih ve Destek yazısı düşer, ikon kalır */
    @media (min-width: 640px) and (max-width: 1023px) { .ym-bas-sayfa span, .ym-bas-wa span { display: none !important; } .ym-bas-sayfa b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }

    /* ── Sol sütun / telefonda çekmece ── */
    .ym-perde { position: absolute; inset: 0; z-index: 29; margin-left: 0 !important; background: rgb(5 6 12 / .5); }
    .mokoko-gezinti { position: absolute; top: 0; bottom: 0; left: 0; z-index: 30; width: min(20rem, 88%); display: flex; flex-direction: column; gap: var(--y-b3); padding: .875rem .75rem; background: var(--y-yan); border-right: 1px solid var(--y-cizgi); box-shadow: var(--y-golge); transform: translateX(-104%); visibility: hidden; transition: transform .22s ease, visibility .22s; }
    .mokoko-gezinti.ym-cekmece-acik { transform: none; visibility: visible; }
    @media (min-width: 640px) {
        .mokoko-gezinti { width: 16.5rem; box-shadow: none; transform: none; visibility: visible; z-index: 2; }
        .ym-marka { display: flex; flex: none; align-items: center; gap: .625rem; padding: 0 .25rem; }
        .ym-marka .hy { width: 40px; height: 40px; }
        .ym-marka p { min-width: 0; line-height: 1.25; }
        .ym-marka b { display: block; font-size: var(--y-f5); }
        .ym-marka span { display: block; font-size: var(--y-f1); color: var(--y-yazi2); }
        .ym-menu-bas { display: block; padding: 0 .375rem .25rem; font-size: var(--y-f1); font-weight: 700; color: var(--y-yazi2); }
    }
    .ym-yan-bas { display: flex; flex: none; align-items: center; gap: .375rem; }
    .ym-yeni-sohbet { display: flex; flex: 1; align-items: center; justify-content: center; gap: var(--y-b2); height: var(--y-k); border-radius: var(--y-r2); font-size: var(--y-f3); font-weight: 600; color: var(--y-yazi); background: var(--y-yuzey); border: 1px solid var(--y-cizgi2); transition: background .15s; }
    .ym-yeni-sohbet:hover { background: var(--y-dolgu); }
    .ym-yan-kapat { flex: none; width: 2.75rem; height: 2.75rem; min-height: 0 !important; align-items: center; justify-content: center; border-radius: var(--y-r2); color: var(--y-yazi); }
    .ym-yan-orta { display: flex; flex: 1 1 0; min-height: 0; flex-direction: column; gap: .875rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-bottom: 1.25rem; -webkit-mask-image: linear-gradient(#000 calc(100% - 1.25rem), transparent); mask-image: linear-gradient(#000 calc(100% - 1.25rem), transparent); }
    .ym-yan-menu { order: -1; display: flex; flex-direction: column; gap: .125rem; }
    .ym-yan-baslik { display: flex; align-items: center; padding: .25rem .375rem; font-size: var(--y-f1); font-weight: 700; color: var(--y-yazi2); }
    .ym-menu-oge { --t: var(--y-mor); display: flex; width: 100%; min-height: var(--y-k) !important; align-items: center; gap: .625rem; padding: .3125rem .4375rem; border-radius: var(--y-r2); font-size: var(--y-f4); font-weight: 500; color: var(--y-yazi); text-align: left; transition: background .12s; }
    .ym-menu-oge[data-k=bugun] { --t: var(--y-uyari); } .ym-menu-oge[data-k=servis] { --t: var(--y-mavi); } .ym-menu-oge[data-k=randevu] { --t: var(--y-camg); } .ym-menu-oge[data-k=satis] { --t: var(--y-pembe); } .ym-menu-oge[data-k=urun] { --t: var(--y-turuncu); } .ym-menu-oge[data-k=alacak], .ym-menu-oge[data-k=kasa] { --t: var(--y-ok); }
    .ym-menu-oge:hover { background: var(--y-dolgu); }
    .ym-menu-ikon { display: inline-flex; flex: none; width: 1.875rem; height: 1.875rem; align-items: center; justify-content: center; border-radius: var(--y-r1); color: var(--t); background: color-mix(in srgb, var(--t) 14%, transparent); }
    .ym-menu-ikon svg { width: 1.0625rem; height: 1.0625rem; }
    .ym-menu-oge[aria-current=page] { font-weight: 700; background: var(--y-marka-z); }
    .ym-menu-oge[aria-current=page] .ym-menu-ikon { color: #fff; background: var(--y-marka); }
    .ym-yan-gecmis { display: none; padding-top: .75rem; border-top: 1px solid var(--y-cizgi); }
    .ym-sekme-gecmis .ym-yan-gecmis { display: block; padding-top: 0; border-top: 0; }
    .ym-sekme-gecmis .ym-yan-menu { display: none; }
    @media (min-width: 640px) { .ym-yan-gecmis { display: block; } .ym-sekme-gecmis .ym-yan-gecmis { padding-top: .75rem; border-top: 1px solid var(--y-cizgi); } }
    .ym-gecmis-bas { display: flex; align-items: center; justify-content: space-between; }
    .ym-gecmis-tum { min-height: 1.75rem; padding: 0 .375rem; border-radius: var(--y-r1); font-size: var(--y-f2); font-weight: 600; color: var(--y-yazi2); }
    .ym-gecmis-tum:hover { color: var(--y-yazi); }
    .ym-gecmis-ara { width: 100%; height: var(--y-kk); padding: 0 .625rem; border-radius: var(--y-r2); font-size: var(--y-f3); color: var(--y-yazi); background: var(--y-yuzey); border: 1px solid var(--y-cizgi2); outline: none; }
    .ym-gecmis-ara:focus { border-color: var(--y-yazi3); }
    .ym-gecmis-ara::placeholder { color: var(--y-yazi3); opacity: 1; }
    .ym-gecmis-liste { margin-top: .25rem; max-height: 12.5rem; overflow-y: auto; scrollbar-width: thin; }
    .ym-gecmis-grup { padding: .3125rem .375rem .125rem; font-size: var(--y-f2); color: var(--y-yazi3); }
    .ym-gecmis-oge { display: flex; align-items: center; border-radius: var(--y-r1); }
    .ym-gecmis-oge:hover, .ym-gecmis-oge.ym-aktif { background: var(--y-dolgu); }
    .ym-gecmis-ac { display: flex; min-width: 0; flex: 1; align-items: center; gap: var(--y-b2); padding: .375rem .5rem; font-size: var(--y-f3); color: var(--y-yazi2); text-align: left; }
    .ym-gecmis-oge:hover .ym-gecmis-ac, .ym-aktif .ym-gecmis-ac { color: var(--y-yazi); }
    .ym-gecmis-ac small { flex: none; margin-left: auto; font-size: var(--y-f2); color: var(--y-yazi3); }
    .ym-gecmis-sil { flex: none; display: flex; width: 1.75rem; height: 1.75rem; align-items: center; justify-content: center; border-radius: var(--y-r1); color: var(--y-yazi3); opacity: 0; }
    .ym-gecmis-oge:hover .ym-gecmis-sil, .ym-gecmis-sil:focus { opacity: 1; }
    .ym-gecmis-sil:hover { color: var(--y-risk); }
    .ym-gecmis-sor { display: flex; flex: 1; min-width: 0; align-items: center; gap: .375rem; padding: .3125rem .5rem; font-size: var(--y-f3); }
    .ym-gecmis-sor > span { flex: 1; min-width: 0; }
    .ym-gecmis-toplu { padding: .375rem .25rem; font-size: var(--y-f3); }
    .ym-gecmis-kutu { flex: none; width: 1.125rem; height: 1.125rem; margin-left: .375rem; accent-color: var(--y-marka); }
    .ym-sekmeler { display: grid; flex: none; grid-template-columns: 1fr 1fr; gap: .25rem; padding: .1875rem; border-radius: var(--y-r2); background: var(--y-dolgu); }
    .ym-sekmeler button { min-height: 2.75rem !important; border-radius: var(--y-r1); font-size: var(--y-f3); font-weight: 600; color: var(--y-yazi2); }
    .ym-sekmeler [aria-selected=true] { color: var(--y-yazi); background: var(--y-yuzey); }
    .ym-yan-alt { display: flex; flex: none; flex-direction: column; gap: .375rem; }
    .ym-yan-alt-kart { display: flex; flex-direction: column; gap: .375rem; }
    .ym-yan-alt-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--y-b2); }
    .ym-yan-destek { display: inline-flex; align-items: center; gap: .375rem; min-height: var(--y-kk); padding: 0 .75rem; border-radius: var(--y-r2); font-size: var(--y-f3); font-weight: 600; color: #fff; background: #0f7a52; }
    .ym-hak-kutu { display: block; width: 100%; padding: .5rem .625rem; border-radius: var(--y-r2); font-size: var(--y-f3); color: var(--y-yazi); background: var(--y-dolgu); text-align: left; }
    .ym-hak-iz { display: block; height: .3125rem; margin-top: .3125rem; overflow: hidden; border-radius: var(--y-rh); background: var(--y-cizgi2); }
    .ym-hak-iz span { display: block; height: 100%; border-radius: var(--y-rh); background: var(--y-marka-yazi); transition: width .4s; }
    .ym-hak-iz .ym-hak-uyari { background: var(--y-uyari); }
    .ym-premium { display: flex; width: 100%; min-height: var(--y-kk) !important; align-items: center; justify-content: space-between; gap: var(--y-b2); padding: 0 .625rem; border-radius: var(--y-r2); font-size: var(--y-f1); color: #fff; background: var(--y-marka); text-align: left; }
    .ym-premium b { font-size: var(--y-f3); }
    .ym-premium span { color: #fff; }
    .ym-programa { min-height: var(--y-kk) !important; padding: 0 .375rem; font-size: var(--y-f3); white-space: nowrap; color: var(--y-yazi2); text-align: left; }
    .ym-programa:hover { color: var(--y-yazi); }
    .ym-sag { font-variant-numeric: tabular-nums; }
    .ym-programa.ym-sag { display: none; }
    @media (max-width: 639px) {
        .ym-menu-oge, .ym-gecmis-ac, .ym-gecmis-tum { min-height: 2.75rem !important; }
        .ym-gecmis-sil { opacity: 1; width: 2.75rem; height: 2.75rem; }
        .ym-gecmis-liste { max-height: none; overflow: visible; }
        .ym-gecmis-ac small { color: var(--y-yazi3); }
        .ym-yan-destek { min-height: 2.75rem; }
    }

    /* ── Sohbet akışı ── */
    .ym-p [x-ref="liste"] { overflow-x: hidden; }
    @media (min-width: 640px) {
        .ym-p [x-ref="liste"] > *, .ym-p > footer > * { width: 100%; max-width: 56rem; margin-inline: auto; }
        .ym-p [x-ref="liste"]:has(> .ym-karsilama:not([style*="none"])) { display: flex; flex-direction: column; }
        .ym-p [x-ref="liste"]:has(> .ym-karsilama:not([style*="none"]))::before { content: ""; flex: .4 0 0; }
        .ym-p [x-ref="liste"]:has(> .ym-karsilama:not([style*="none"]))::after { content: ""; flex: 1 0 0; }
    }
    .asistan-metin p + p, .asistan-metin p + ul, .asistan-metin p + ol, .asistan-metin ul + p, .asistan-metin ol + p { margin-top: .45rem; }
    .asistan-metin ul { margin-top: .3rem; padding-left: 1.1rem; list-style: disc; }
    .asistan-metin ol { margin-top: .3rem; padding-left: 1.2rem; list-style: decimal; }
    .asistan-metin li + li { margin-top: .2rem; }
    .asistan-metin strong { color: inherit; font-weight: 650; }
    .ym-balon { color: var(--y-yazi); background: var(--y-dolgu); border-radius: var(--y-r3); border-top-left-radius: .375rem; }
    .ym-balon.ym-hata { color: var(--y-yazi); background: color-mix(in srgb, var(--y-risk) 12%, var(--y-yuzey)); border: 1px solid color-mix(in srgb, var(--y-risk) 45%, transparent); }
    .ym-kul { color: #fff; background: var(--y-marka); border-top-right-radius: .375rem; }
    .ym-kul strong { color: #fff; }
    .ym-avatar { flex: none; width: 30px; height: 30px; margin-top: .125rem; }
    .ym-p .ym-gun { color: var(--y-yazi3); }
    .ym-p .ym-gun span:not(:nth-child(2)) { background: var(--y-cizgi); }
    /* Kart: aynı yüzey, aynı kenar */
    .ym-p .ym-kart { position: relative; width: 100%; max-width: none !important; border-radius: var(--y-r3); border-color: var(--y-cizgi) !important; color: var(--y-yazi); background: var(--y-yuzey); background-image: none; }
    .asistan-giris .ym-kart { animation: ym-kart-gir .36s var(--ym-egri) both; }
    @keyframes ym-kart-gir { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
    .ym-p .ym-servis-satir { border-color: var(--y-cizgi); }
    .ym-p .ym-servis-satir:hover { background: var(--y-dolgu); }
    @media (min-width: 640px) {
        .ym-p .ym-servis-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
        .ym-p .ym-servis-satir > :not(:first-child):not(.ym-servis-eylem) { grid-column: 1 / -1; }
        .ym-p .ym-servis-eylem { flex-wrap: nowrap; padding: .5rem .875rem .5rem 0; }
    }
    .ym-onay-kart { margin-top: var(--y-b2); overflow: hidden; border-radius: var(--y-r3); border: 1px solid var(--y-cizgi); background: var(--y-yuzey); }
    .ym-onay-kart.ym-bekliyor { border-color: color-mix(in srgb, var(--y-uyari) 55%, transparent); }
    .ym-onay-bas { padding: .4375rem .875rem; font-size: var(--y-f2); font-weight: 700; color: var(--y-yazi3); background: var(--y-dolgu); }
    .ym-bekliyor .ym-onay-bas { color: var(--y-uyari); background: color-mix(in srgb, var(--y-uyari) 13%, var(--y-yuzey)); }
    .ym-onay-serit { margin: 0 .875rem .625rem; padding: .625rem .75rem; border-radius: var(--y-r2); font-size: var(--y-f2); border: 1px solid color-mix(in srgb, var(--y-uyari) 45%, transparent); background: color-mix(in srgb, var(--y-uyari) 9%, transparent); }
    .ym-anahtar { flex: none; position: relative; width: 2.25rem; height: 1.25rem; border-radius: var(--y-rh); background: var(--y-cizgi2); transition: background .15s; }
    .ym-anahtar i { position: absolute; top: 2px; left: 2px; width: 1rem; height: 1rem; border-radius: var(--y-rh); background: #fff; transition: left .15s; }
    .ym-anahtar-acik { background: var(--y-marka); }
    .ym-anahtar-acik i { left: 18px; }
    .ym-sat-teklif { display: grid; grid-template-columns: minmax(0,1fr) 3.25rem 5rem auto; }
    .ym-sat-zimmet { display: grid; grid-template-columns: minmax(0,1fr) 5rem auto; }
    .ym-sat-fis { display: grid; grid-template-columns: minmax(0,1fr) 3.75rem 5.25rem; }
    .ym-sat-iade { display: grid; grid-template-columns: minmax(0,1fr) auto 4rem; }
    .mr-liste-ara { padding: .625rem .75rem .25rem; }
    .ym-bildirim { display: flex; align-items: center; gap: var(--y-b2); margin: 0 .875rem var(--y-b2); padding: var(--y-b2) var(--y-b3); border-radius: var(--y-r2); font-size: var(--y-f3); color: var(--y-yazi); background: var(--y-dolgu); }
    /* İş ekranları da aynı değişkenlerle (ekran/temel.blade.php --ye-*) */
    .ym-p .ye-kabuk { --ye-y: var(--y-yuzey); --ye-y2: var(--y-dolgu); --ye-c: var(--y-cizgi); --ye-s: var(--y-yazi2); --ye-m: var(--y-marka-yazi); --ye-m2: var(--y-marka-z); --ye-ok: var(--y-ok); --ye-u: var(--y-uyari); --ye-k: var(--y-risk); }
    .ym-p .ye-t { opacity: 1 !important; }
    .ym-p .ye-kuc, .ym-p .ye-kpi small { font-size: var(--y-f1) !important; }
    .ym-p :is(.grad-text, .grad-text *) { background: none !important; color: var(--y-yazi) !important; -webkit-text-fill-color: currentColor !important; }
    @media (max-width: 639px) { .ym-p .ye-kabuk :is(button, a):not(.ye-simge):not(.ye-satir-ana) { min-height: 2.75rem !important; } }
    .ym-p .ye-sekme [aria-selected=true] { background: var(--y-marka); }
    .ym-p .ye-sekme button, .ym-p .ye-t.w-full, .ym-p .ye-t.ye-mono, .ym-p .ye-satir-ana { min-height: var(--y-kk) !important; }

    /* ── Karşılama ── */
    .ym-karsilama { display: flex; align-items: flex-start; gap: var(--y-b3); margin-top: .25rem; padding: 0 0 .25rem; }
    .ym-karsilama-hayalet { position: relative; flex: none; background: none; border: 0; padding: 0; }
    .ym-karsilama .hy { width: 64px; height: 64px; }
    .ym-konusma { position: relative; min-width: 0; flex: 1; padding: .375rem 0 0; font-size: var(--y-f4); line-height: 1.45; color: var(--y-yazi); }
    .ym-dk { position: relative; }
    .ym-dk-olcu { visibility: hidden; }
    .ym-dk-yazi { position: absolute; inset: 0; }
    .ym-konusma .asistan-metin ul { display: flex; flex-wrap: wrap; gap: .375rem; margin: .25rem 0 0; padding: 0; list-style: none; }
    .ym-konusma .asistan-metin li { margin: 0; padding: .125rem .625rem; border-radius: var(--y-r1); font-size: var(--y-f2); line-height: 1.45; background: var(--y-dolgu); }
    .ym-konusma .asistan-metin p + p, .ym-konusma .asistan-metin ul + p { margin-top: .25rem; }
    .ym-konusma .asistan-metin :is(p, ul) + p:has(> strong:first-child) { font-size: var(--y-f2); line-height: 1.35; color: var(--y-yazi2); }
    .ym-ozet-bos { display: flex; width: 100%; min-height: var(--y-k) !important; align-items: center; justify-content: space-between; gap: var(--y-b3); margin-top: .375rem; padding: .625rem .875rem; border-radius: var(--y-r3); font-size: var(--y-f3); text-align: left; color: var(--y-yazi); border: 1px dashed var(--y-cizgi2); }
    .ym-ozet-bos b { flex: none; color: var(--y-marka-yazi); }
    /* Günün özeti: tek renk sayı + ikon */
    .ym-ozet { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--y-b2); margin-top: var(--y-b3); }
    .ym-ozet-oge { --t: var(--y-mor); display: flex; min-width: 0; flex-direction: column; justify-content: center; min-height: 4rem !important; padding: .5rem .75rem; border-radius: var(--y-r3); border: 1px solid var(--y-cizgi); text-align: left; background: var(--y-yuzey); transition: border-color .15s, transform .18s var(--ym-egri); }
    .ym-ozet-oge:hover { border-color: var(--t); }
    .ym-oz-hazir { --t: var(--y-ok); } .ym-oz-islem { --t: var(--y-mavi); } .ym-oz-alacak { --t: var(--y-uyari); } .ym-oz-randevu { --t: var(--y-camg); }
    .ym-ozet-oge b { font-size: var(--y-f5); font-weight: 700; line-height: 1.25; color: var(--t); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
    .ym-ozet-oge > span { font-size: var(--y-f2); line-height: 1.3; color: var(--y-yazi2); }
    .ym-ozet-oge.ym-sifir b { color: var(--y-yazi3); font-weight: 500; }
    .ym-ozet-oge.ym-sifir .ym-oz-ikon { color: var(--y-yazi3); background: var(--y-dolgu); }
    @media (min-width: 640px) {
        .ym-ozet { gap: var(--y-b3); }
        .ym-ozet-oge { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--y-b3); align-items: center; padding: .75rem .875rem; }
        .ym-oz-ikon { display: flex; grid-row: 1 / 3; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: var(--y-r2); color: var(--t); background: color-mix(in srgb, var(--t) 14%, transparent); }
        .ym-ozet-oge b { font-size: var(--y-f6); line-height: 1.2; }
    }
    /* Hazır işler: üç ana iş, gerisi hap */
    .ym-hazir { display: flex; flex-direction: column; gap: .625rem; margin-top: var(--y-b4); }
    .ym-hazir-bas { font-size: var(--y-f2); font-weight: 600; color: var(--y-yazi2); }
    .ym-hazir-ilk .ym-hazir-bas { display: none; }
    .ym-hazir-izgara { display: flex; flex-wrap: wrap; gap: .375rem; }
    .ym-hazir-oge { padding: 0 .875rem 0 .625rem !important; text-align: left; }
    .ym-hazir-oge b { display: block; font-weight: 500; }
    .ym-hazir-oge small { display: none; }
    .ym-hazir-ikon { display: flex; flex: none; width: 1.25rem; height: 1.25rem; align-items: center; justify-content: center; color: var(--y-yazi2); }
    .ym-hazir-ikon svg { width: 1rem; height: 1rem; }
    .ym-hazir-grup:not(.ym-hazir-ilk) { display: flex; align-items: center; gap: .625rem; }
    .ym-hazir-grup:not(.ym-hazir-ilk) .ym-hazir-bas { flex: none; width: 3.25rem; }
    .ym-on-izgara { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--y-b2); margin-bottom: .625rem; }
    .ym-on { --t: var(--y-mor); position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: .375rem; min-height: 5.5rem !important; padding: .75rem; border-radius: var(--y-r3); border: 1px solid var(--y-cizgi); color: var(--y-yazi); text-align: left; background: var(--y-yuzey); transition: border-color .15s, transform .18s var(--ym-egri); animation: ym-on-gir .42s var(--ym-egri) both; }
    .ym-on-1 { --t: var(--y-mavi); animation-delay: .05s; } .ym-on-2 { --t: var(--y-ok); animation-delay: .1s; }
    .ym-on:hover { border-color: var(--t); transform: translateY(-1px); }
    .ym-on-ikon { display: flex; flex: none; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: var(--y-r2); color: var(--y-zemin); background: var(--t); }
    .ym-on-ikon svg { width: 1.3125rem; height: 1.3125rem; }
    .ym-on b { font-size: var(--y-f4); font-weight: 700; line-height: 1.2; }
    .ym-on small { display: none; font-size: var(--y-f2); color: var(--y-yazi2); }
    @keyframes ym-on-gir { from { opacity: 0; transform: translateY(12px) scale(.96); } to { opacity: 1; transform: none; } }
    @media (min-width: 640px) {
        .ym-on-izgara { gap: var(--y-b3); }
        .ym-on { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--y-b3); align-content: center; padding: .875rem 1rem; }
        .ym-on-ikon { grid-row: 1 / 3; width: 2.75rem; height: 2.75rem; }
        .ym-on b { align-self: end; font-size: var(--y-f5); }
        .ym-on small { display: block; align-self: start; }
    }
    @media (max-width: 639px) {
        .ym-karsilama .hy { width: 56px; height: 56px; }
        .ym-hazir-grup:not(.ym-hazir-ilk) { flex-direction: column; align-items: flex-start; gap: .25rem; }
    }
    .ym-ipucu { font-size: var(--y-f2); line-height: 1.45; color: var(--y-yazi2); }

    /* ── Yazma alanı: sakin gri ── */
    .ym-p > footer { flex: none; color: var(--y-yazi); background: var(--y-zemin); border-top: 1px solid var(--y-cizgi); }
    .ym-girdi { border: 1px solid var(--y-cizgi2); border-radius: var(--y-r3); background: var(--y-yuzey); }
    .ym-girdi:focus-within { border-color: color-mix(in srgb, var(--y-yazi3) 55%, var(--y-cizgi2)); box-shadow: 0 0 0 3px rgb(127 127 127 / .12); }
    .ym-p .ym-girdi > button { width: var(--y-k); height: var(--y-k); border-radius: var(--y-r2); }
    .ym-girdi-ikon { color: var(--y-yazi2); }
    .ym-girdi-ikon:hover { background: var(--y-dolgu); }
    .ym-girdi-acik { color: var(--y-yazi); background: var(--y-dolgu); }
    .asistan-girdi, .asistan-girdi:focus { border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; }
    .ym-p .asistan-girdi { resize: none; max-height: 10rem; min-height: 4rem; padding-block: .4375rem; overflow-y: auto; font-size: 1rem; line-height: 1.5; color: var(--y-yazi); }
    .asistan-girdi::placeholder { color: var(--y-yazi3); opacity: 1; }
    @media (max-width: 639px) { .ym-p .asistan-girdi { min-height: 2.75rem; } }
    .ym-yetenek { position: absolute; left: .75rem; right: .75rem; bottom: 100%; margin-bottom: var(--y-b2); max-height: 55dvh; overflow-y: auto; padding: var(--y-b2); border-radius: var(--y-r3); border: 1px solid var(--y-cizgi2); background: var(--y-yuzey); box-shadow: var(--y-golge); }
    .ym-yetenek-bas { font-size: var(--y-f2); font-weight: 700; color: var(--y-yazi); }
    .ym-yetenek-baslik { margin-bottom: .25rem; font-size: var(--y-f2); font-weight: 600; color: var(--y-yazi2); }
    .ym-plan-uyari { display: flex; align-items: center; gap: var(--y-b2); margin-bottom: var(--y-b2); padding: .5rem .625rem; border-radius: var(--y-r2); font-size: var(--y-f2); line-height: 1.35; color: var(--y-yazi); border: 1px solid color-mix(in srgb, var(--y-uyari) 45%, transparent); background: color-mix(in srgb, var(--y-uyari) 10%, transparent); }
    .ym-tel-haplar { display: none; }
    .ym-kayit-alt { min-height: 1.75rem !important; font-size: var(--y-f2); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--y-yazi2); }
    .ym-p .ym-ekran-cip button { color: var(--y-yazi); }
    .ym-not { font-size: var(--y-f1); line-height: 1.35; color: var(--y-yazi3); }
    .ym-not button { min-height: 1.5rem !important; padding-inline: .25rem; }
    @media (max-width: 639px) {
        .ym-tel-haplar { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: .25rem; margin-bottom: .375rem; }
        .ym-tel-haplar button { min-height: 2.75rem; border-radius: var(--y-r2); font-size: var(--y-f1); font-weight: 600; color: var(--y-yazi); background: var(--y-dolgu); }
        .ym-ekran-cip { display: none !important; }
        .ym-p > footer { padding-top: .375rem; }
        .ym-kayit-alt, .ym-not button, .ym-p .ym-elle-x { min-height: 2.75rem !important; }
        .ym-p .ym-elle-x { min-width: 2.75rem; }
    }

    /* ── Köşe: düğme, seslenme, balon ── */
    .ym-hayalet { width: 96px; height: 96px; flex: none; transform-origin: 50% 80%; pointer-events: none; }
    .ym-hayalet .hy-govde { filter: drop-shadow(0 6px 14px rgba(124,92,255,.8)); }
    .ym-hayalet-hale { position: absolute; right: -10px; bottom: -10px; width: 116px; height: 116px; border-radius: 9999px; background: radial-gradient(circle, rgba(124,92,255,.7) 0%, rgba(90,62,224,.45) 42%, transparent 72%); animation: ym-hale 2.6s ease-in-out infinite; pointer-events: none; }
    @keyframes ym-hale { 0%, 100% { transform: scale(.92); opacity: .65; } 50% { transform: scale(1.18); opacity: 1; } }
    .ym-hayalet-yazi, .ym-kose-kutu .ym-kose-balon { color: #fff; background: var(--y-marka) !important; border: 1px solid #8b6cff !important; border-radius: var(--y-r3); box-shadow: 0 14px 34px -10px rgba(76,48,214,.85); }
    .ym-hayalet-yazi { padding: .75rem 1rem; transition: border-color .2s; }
    .ym-hayalet-yazi b { font-size: 1.0625rem; }
    .ym-hayalet-yazi b::after { content: " →"; }
    .ym-hayalet-yazi span { font-size: var(--y-f3); color: #fff; }
    .ym-hayalet-dugme:hover .ym-hayalet-yazi { border-color: #fff; }
    .ym-kose-kutu .ym-kose-balon { font-size: var(--y-f4); }
    .ym-kose-kutu .ym-kose-balon :is(b, span, .text-ink, .text-ink-muted) { color: #fff !important; }
    .ym-kose-balon b { font-size: 1.0625rem; }
    .ym-kose-kutu .ym-kose-balon .text-brand-300 { display: inline-block; margin-top: .625rem; padding: .375rem .75rem; border-radius: var(--y-r1); background: #fff; color: #4a2bd6 !important; font-size: var(--y-f3); font-weight: 700; }
    .ym-balon-kapat { position: absolute; right: -.5rem; top: -.5rem; display: flex; width: 1.75rem; height: 1.75rem; min-height: 0 !important; align-items: center; justify-content: center; border-radius: var(--y-rh); color: var(--y-yazi2); background: var(--y-yuzey); border: 1px solid var(--y-cizgi2); }
    .ym-rozet { position: absolute; right: 0; top: -2px; min-width: 1.5rem; height: 1.5rem; padding: 0 .375rem; display: flex; align-items: center; justify-content: center; border-radius: 9999px; font-size: var(--y-f1); font-weight: 700; color: #fff; background: #c81e1e; border: 2px solid #fff; animation: ym-rozet 1.6s ease-in-out infinite; }
    @keyframes ym-rozet { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.14); } }
    .ym-seslen { position: absolute; z-index: 2; right: .25rem; bottom: calc(100% + .5rem); display: flex; align-items: flex-start; gap: .125rem; width: max-content; max-width: 17rem; padding: .4375rem .25rem .4375rem .8125rem; border-radius: var(--y-r3) var(--y-r3) .3125rem var(--y-r3); color: var(--y-yazi); background: var(--y-yuzey); border: 1px solid var(--y-cizgi2); box-shadow: var(--y-golge); font-size: var(--y-f3); font-weight: 600; line-height: 1.35; pointer-events: auto; animation: ym-seslen .34s var(--ym-egri) both; transform-origin: 100% 100%; }
    .ym-seslen-sol { right: auto; left: .25rem; border-radius: var(--y-r3) var(--y-r3) var(--y-r3) .3125rem; transform-origin: 0 100%; }
    .ym-seslen-yazi { padding: .125rem 0; text-align: left; color: inherit; }
    .ym-seslen-x { flex: none; display: flex; width: 1.75rem; height: 1.75rem; align-items: center; justify-content: center; border-radius: 9999px; color: var(--y-yazi2); }
    .ym-seslen-x:hover { background: var(--y-dolgu); }
    @keyframes ym-seslen { from { opacity: 0; transform: translateY(8px) scale(.9); } to { opacity: 1; transform: none; } }
    .ym-elle { position: fixed; z-index: 46; left: .75rem; right: .75rem; bottom: 5.5rem; display: flex; align-items: flex-start; gap: .625rem; padding: .75rem .625rem .75rem .75rem; border-radius: var(--y-r3); border: 1px solid var(--y-cizgi2); color: var(--y-yazi); background: var(--y-yuzey); box-shadow: var(--y-golge); }
    @media (min-width: 1024px) { .ym-elle { left: 1.5rem; right: auto; width: 22rem; bottom: 8.25rem; } }
    .ym-elle-img { flex: none; width: 44px; height: 44px; }
    .ym-elle-ac { margin-top: .375rem; min-height: 0 !important; font-size: var(--y-f3); font-weight: 700; color: var(--y-marka-yazi); }
    .ym-elle-x { flex: none; display: flex; width: 1.75rem; height: 1.75rem; align-items: center; justify-content: center; border-radius: 9999px; color: var(--y-yazi2); }
    .ym-elle-x:hover { background: var(--y-dolgu); }
    .mokoko-ust-balon { position: fixed; left: 50%; transform: translateX(-50%); top: calc(5.25rem + var(--kmp, 0px)); z-index: 46; width: min(19rem, calc(100vw - 2rem)); }
    .mokoko-ust-balon-ok { position: absolute; top: -6px; left: 50%; width: 12px; height: 12px; transform: translateX(-50%) rotate(45deg); z-index: 1; background: rgb(var(--raised, 24 27 36)); border-left: 1px solid var(--y-cizgi2); border-top: 1px solid var(--y-cizgi2); }
    .mokoko-ust-balon .ym-ust-balon-ic { border: 1px solid var(--y-cizgi2); box-shadow: var(--y-golge); }
    /* Köşe düğmesi taşınır (yaver.js) */
    @media (min-width: 1024px) and (hover: hover) { .ym-kose-kutu .ym-hayalet-dugme { cursor: grab; } }
    .ym-kose-suruklenir, .ym-kose-suruklenir * { cursor: grabbing !important; user-select: none; }
    .ym-kose-tasindi { flex-direction: row !important; }
    .ym-kose-tasindi.ym-kose-sol-yari { flex-direction: row-reverse !important; }
    .ym-kose-sol-yari .ym-hayalet-dugme { flex-direction: row-reverse; }
    .ym-kose-sol-yari .ym-hayalet-hale { right: auto; left: -10px; }
    .ym-kose-sol-yari .ym-rozet { right: auto; left: 4.5rem; }
    .ym-kose-sol-yari .ym-hayalet-dugme > .absolute.right-1 { right: auto; left: 4.75rem; }
    .ym-kose-sol-yari .ym-seslen { right: auto; left: .25rem; }
    .ym-kose-tasindi.ym-kose-ust { align-items: flex-start; }
    .ym-kose-ust > div:first-child { margin-bottom: 0; margin-top: 5rem; }
    .ym-kose-ust .ym-seslen { bottom: auto; top: calc(100% + .5rem); }
    @media (max-width: 639px) {
        .ym-hayalet.hy { width: 72px; height: 72px; }
        .ym-hayalet-hale { width: 88px; height: 88px; }
        .ym-kose-kutu .ym-hayalet-yazi { display: none; }
    }

    /* ── Telefon üst çubuğu ve ana sayfa sayfası (nav-mobile-top, panel altı) ── */
    .ym-kure { display: flex; flex: none; width: 3rem; height: 3rem; align-items: center; justify-content: center; border-radius: 9999px; }
    .ym-sor-tel { position: relative; display: inline-flex; align-items: center; gap: .3125rem; height: 2.875rem; padding: 0 .5rem 0 .25rem; border-radius: 9999px; color: #fff; font-size: .75rem; font-weight: 700; line-height: 1.1; text-align: left; background: #5a3fe0; }
    .ym-sor-tel .ym-kure { width: 2.25rem; height: 2.25rem; background: #14121f; }
    .ym-sor-rozet { position: absolute; right: -4px; top: -5px; min-width: 1.125rem; height: 1.125rem; padding: 0 .25rem; display: flex; align-items: center; justify-content: center; border-radius: 9999px; font-size: .625rem; font-weight: 700; color: #fff; background: #c81e1e; border: 1.5px solid #fff; }
    /* Köşe düğmesi listelerin üstüne binmesin: sayfa sonunda boşluk */
    @media (min-width: 1024px) { body { padding-bottom: 6rem; } }
    html.asistan-tam .hub-hayalet-img, html.asistan-tam .ym-sor-tel { animation: none !important; }

    /* ── Açılış ve kapanış ── */
    .mokoko-gir { animation: mokoko-gir-tam .18s ease-out both; will-change: transform, opacity; }
    .mokoko-cik { animation: mokoko-cik .22s ease-in both; }
    @keyframes mokoko-gir-tam { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
    @keyframes mokoko-cik { to { opacity: 0; transform: translate(var(--mx, 0), 48px) scale(.84); } }
    .mokoko-uc { animation: mokoko-uc .26s ease-in both; }
    .mokoko-don { animation: mokoko-don .55s cubic-bezier(.2, .9, .3, 1.4) both; }
    @keyframes mokoko-uc { to { opacity: 0; transform: translateY(-36px) scale(1.25) rotate(-8deg); } }
    @keyframes mokoko-don { from { opacity: 0; transform: translateY(40px) scale(.4); } 70% { opacity: 1; transform: translateY(-6px) scale(1.08); } to { transform: none; } }
    .mokoko-yerles { animation: mokoko-yerles .5s cubic-bezier(.2, .9, .3, 1.1) both; }
    @keyframes mokoko-yerles { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; transform: none; } }
    .asistan-giris { animation: asistan-gir .28s ease-out both; }
    @keyframes asistan-gir { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
    .asistan-nokta { width: .42rem; height: .42rem; border-radius: 9999px; background: currentColor; animation: asistan-zipla 1s infinite ease-in-out; }
    @keyframes asistan-zipla { 0%, 80%, 100% { transform: translateY(0); opacity: .35; } 40% { transform: translateY(-4px); opacity: .9; } }

    /* ── Yaver karakteri: düşünür, sevinir, selam verir, boşta numara yapar ── */
    .ym-dusun-hayalet { width: 40px; height: 40px; }
    .mokoko-dusunuyor .hy { animation: hy-dusun 1.1s ease-in-out infinite !important; }
    @keyframes hy-dusun { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-5px) rotate(6deg); } }
    .mokoko-mutlu .hy { animation: hy-mutlu .6s cubic-bezier(.3,1.4,.5,1) 4 !important; }
    @keyframes hy-mutlu { 0%, 100% { transform: translateY(0) scale(1, 1); } 25% { transform: translateY(1px) scale(1.08, .92); } 55% { transform: translateY(-14px) scale(.96, 1.06) rotate(-5deg); } 80% { transform: translateY(0) scale(1.05, .95) rotate(4deg); } }
    .mokoko-konusuyor .hy-govde { animation: hy-konus .24s ease-in-out infinite !important; }
    @keyframes hy-konus { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(1.03, .96); } }
    .mokoko-takla .hy { animation: hy-takla 1.1s ease-in-out both !important; }
    @keyframes hy-takla { 0% { transform: rotate(0); } 35% { transform: translateY(-16px) rotate(180deg); } 75%, 100% { transform: rotate(360deg); } }
    .mokoko-kaybol .hy { animation: hy-kaybol 2.4s ease-in-out both !important; }
    @keyframes hy-kaybol { 0%, 100% { opacity: 1; } 35%, 60% { opacity: .08; transform: scale(.82); } }
    .mokoko-gez .hy { animation: hy-gez 4.2s ease-in-out both !important; }
    @keyframes hy-gez { 0%, 100% { transform: none; } 25% { transform: translateX(-10px) rotate(-7deg); } 70% { transform: translateX(10px) rotate(7deg); } }
    .mokoko-dil .hy { animation: hy-dil .5s ease-in-out 3 !important; }
    @keyframes hy-dil { 0%, 100% { transform: rotate(0); } 33% { transform: rotate(-7deg); } 66% { transform: rotate(7deg); } }
    .mokoko-esne .hy-govde { animation: hy-esne 2s ease-in-out both !important; }
    @keyframes hy-esne { 0%, 100% { transform: none; } 45% { transform: scale(.94, 1.09); } }
    .mokoko-uyku .hy { animation: hy-uyku 3.6s ease-in-out infinite !important; opacity: .72; }
    @keyframes hy-uyku { 0%, 100% { transform: rotate(10deg) translateY(2px); } 50% { transform: rotate(13deg) translateY(5px); } }
    .mokoko-irkil .hy { animation: hy-irkil .4s ease-out 2 !important; }
    @keyframes hy-irkil { 50% { transform: translateY(-12px) scale(1.08); } }
    .mokoko-gidik .hy { animation: hy-gidik .14s linear 9 !important; }
    @keyframes hy-gidik { 0%, 100% { transform: translateX(0) rotate(0); } 50% { transform: translateX(3px) rotate(4deg); } }
    section.mokoko-zipla .hy { animation: hy-zipla .55s var(--ym-egri) !important; }
    @keyframes hy-zipla { 0% { transform: scale(1.08, .9); } 38% { transform: translateY(-18px) scale(.95, 1.07) rotate(-3deg); } 72% { transform: translateY(2px) scale(1.06, .93); } 100% { transform: none; } }
    section.mokoko-uzgun .hy { animation: hy-uzgun 2.6s ease-in-out both !important; }
    @keyframes hy-uzgun { 0%, 100% { transform: translateY(4px) scale(1, .97) rotate(-3deg); } 22% { transform: translateY(6px) rotate(-7deg) scale(1.02, .94); } 44% { transform: translateY(6px) rotate(6deg) scale(1.02, .94); } 66% { transform: translateY(5px) rotate(-5deg) scale(1.01, .95); } }
    section.mokoko-gelis .ym-karsilama .hy { animation: hy-gelis .68s var(--ym-egri) both !important; }
    section.mokoko-gelis > header .hy { animation: hy-bas-gel .46s var(--ym-egri) both !important; }
    @keyframes hy-gelis { 0% { opacity: 0; transform: translate(120px, -76px) rotate(16deg) scale(.55); } 55% { opacity: 1; transform: translate(-8px, 6px) rotate(-5deg) scale(1.06); } 78% { transform: translate(2px, -2px) rotate(2deg) scale(.98); } 100% { opacity: 1; transform: none; } }
    @keyframes hy-bas-gel { from { opacity: 0; transform: translateY(-14px) scale(.7); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) {
        .mokoko-gir, .mokoko-cik, .mokoko-uc, .mokoko-don, .mokoko-yerles { animation-duration: 1ms !important; }
        .asistan-giris, .ym-seslen, .ym-on, .ym-canli-is, .asistan-giris .ym-kart, .ym-hayalet, .ym-hayalet-hale, .ym-rozet, section.mokoko-zipla .hy, section.mokoko-uzgun .hy, section.mokoko-gelis .ym-karsilama .hy, section.mokoko-gelis > header .hy,
        .mokoko-dusunuyor .hy, .mokoko-mutlu .hy, .mokoko-konusuyor .hy-govde, .mokoko-takla .hy, .mokoko-kaybol .hy, .mokoko-gez .hy, .mokoko-dil .hy, .mokoko-esne .hy-govde, .mokoko-uyku .hy, .mokoko-irkil .hy, .mokoko-gidik .hy { animation: none !important; }
        .ym-p :is(.ym-on, .ym-hazir-oge, .ym-ozet-oge, .ym-cip, .ym-bas-ikon) { transition: none; }
    }

    /* ── Rapor ve grafik kartı (dataviz paleti: doğrulandı, renk işarette) ── */
    .mr-liste-ara { padding: .625rem .75rem .25rem; }
    .mr-kart { max-width: none !important; }
    .mr-kart { --mr-1: #3987e5; --mr-2: #d95926; --mr-3: #199e70; --mr-4: #c98500; --mr-5: #d55181; --mr-6: #9085e9; --mr-diger: #6b6f7b; --mr-cizgi: var(--y-cizgi); --mr-yazi2: var(--y-yazi2); }
    html[data-tema=acik] .mr-kart { --mr-1: #2a78d6; --mr-2: #eb6834; --mr-3: #1baf7a; --mr-4: #eda100; --mr-5: #e87ba4; --mr-6: #6250d6; --mr-diger: #9ca3af; }
    .mr-bas { padding: .875rem 1rem .25rem; }
    .mr-cipler { display: flex; gap: .375rem; padding: .5rem 1rem; overflow-x: auto; scrollbar-width: none; }
    .mr-cipler::-webkit-scrollbar { display: none; }
    .mr-kutular { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.25rem), 1fr)); gap: .5rem; padding: .375rem 1rem .75rem; }
    .mr-kutular-ust { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: .875rem; padding-bottom: .25rem; }
    .mr-kutular-ust .mr-kutu-deger { font-size: .9375rem; }
    .mr-kutu { min-width: 0; padding: .625rem .75rem; border-radius: .875rem; background: var(--mr-cizgi); }
    .mr-kutu-deger { margin-top: .125rem; font-size: 1.125rem; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
    .mr-degisim { margin-top: .125rem; font-size: .6875rem; line-height: 1.3; }
    .mr-grafikler { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: .75rem; padding: 0 1rem .75rem; }
    .mr-grafik { min-width: 0; padding: .875rem; border-radius: .875rem; border: 1px solid var(--mr-cizgi); }
    .mr-grafik-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .375rem .75rem; margin-bottom: .625rem; }
    .mr-sekmeler { display: flex; gap: 2px; padding: 2px; border-radius: .625rem; background: var(--mr-cizgi); }
    .mr-sekme { min-height: 0 !important; padding: .1875rem .5625rem; border-radius: .5rem; font-size: .6875rem; font-weight: 500; color: var(--mr-yazi2); }
    .mr-sekme-acik { background: rgba(124,92,255,.28); color: rgb(var(--ink)); font-weight: 600; }
    .mr-lejant { display: flex; flex-wrap: wrap; gap: .25rem .875rem; margin-bottom: .5rem; font-size: .75rem; color: var(--mr-yazi2); }
    .mr-lejant-oge { display: inline-flex; align-items: center; gap: .375rem; }
    .mr-lejant i, .mr-ipucu-satir i, .mr-pasta-liste i { flex: none; width: .625rem; height: .625rem; border-radius: 3px; }
    .mr-plot { position: relative; height: 11.5rem; margin-left: 2.5rem; margin-top: .5rem; }
    .mr-eksen { position: absolute; left: 0; right: 0; height: 1px; background: var(--mr-cizgi); }
    .mr-eksen span { position: absolute; right: calc(100% + .375rem); top: -.5rem; font-size: .6875rem; color: var(--mr-yazi2); white-space: nowrap; }
    .mr-katman { position: absolute; inset: 0; pointer-events: none; }
    .mr-katman svg { display: block; width: 100%; height: 100%; overflow: visible; }
    .mr-kovalar { position: absolute; inset: 0; display: flex; }
    .mr-kova { position: relative; flex: 1 1 0; min-width: 0; min-height: 0 !important; height: 100%; touch-action: pan-y; }
    .mr-sutunlar { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; gap: 2px; padding-inline: 12%; }
    .mr-sutun { display: block; flex: 1 1 0; min-width: 0; max-width: 1.5rem; border-radius: 4px 4px 0 0; transition: opacity .12s; }
    .mr-soluk { opacity: .45; }
    .mr-nisan { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--mr-yazi2); opacity: .5; }
    .mr-nokta { position: absolute; left: 50%; width: .625rem; height: .625rem; margin: 0 0 -.3125rem -.3125rem; border-radius: 9999px; box-shadow: 0 0 0 2px rgb(20 22 29); }
    html[data-tema=acik] .mr-nokta { box-shadow: 0 0 0 2px #fff; }
    .mr-ipucu { position: absolute; top: -.25rem; z-index: 3; min-width: 8rem; padding: .4375rem .625rem; border-radius: .625rem; border: 1px solid var(--mr-cizgi); background: rgb(30 33 43); color: #fff; font-size: .75rem; box-shadow: 0 8px 24px -8px rgba(0,0,0,.6); pointer-events: none; }
    .mr-ipucu-satir { display: flex; align-items: center; gap: .375rem; margin-top: .125rem; white-space: nowrap; }
    .mr-ipucu-satir b { margin-left: auto; padding-left: .75rem; }
    .mr-xler { display: flex; margin: .375rem 0 0 2.5rem; font-size: .6875rem; color: var(--mr-yazi2); }
    .mr-xler span { flex: 1 1 0; min-width: 0; text-align: center; white-space: nowrap; overflow: visible; }
    .mr-pasta-kap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .875rem 1.25rem; }
    .mr-pasta { position: relative; flex: none; width: 9.5rem; height: 9.5rem; touch-action: pan-y; }
    .mr-pasta svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
    .mr-pasta circle { fill: none; stroke-width: 6.5; transition: stroke-width .12s, opacity .12s; cursor: pointer; }
    .mr-pasta-orta { position: absolute; inset: 22%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; line-height: 1.25; }
    .mr-pasta-liste { flex: 1 1 12rem; min-width: 0; font-size: .75rem; }
    .mr-pasta-liste li { display: flex; align-items: center; gap: .5rem; padding: .3125rem .375rem; border-radius: .5rem; }
    .mr-pasta-aktif { background: var(--mr-cizgi); }
    .mr-yatay { display: flex; flex-direction: column; gap: .625rem; font-size: .8125rem; }
    .mr-yatay-ad { display: flex; justify-content: space-between; gap: .75rem; }
    .mr-yatay-iz { display: block; margin-top: .25rem; height: .4375rem; border-radius: 9999px; background: var(--mr-cizgi); }
    .mr-yatay-iz span { display: block; height: 100%; border-radius: 9999px; background: var(--mr-1); }
    .mr-tablo-kap { overflow-x: auto; }
    .mr-tablo { width: 100%; border-collapse: collapse; font-size: .8125rem; }
    .mr-tablo th { padding: .375rem .5rem; text-align: left; font-size: .6875rem; font-weight: 500; color: var(--mr-yazi2); border-bottom: 1px solid var(--mr-cizgi); white-space: nowrap; }
    .mr-tablo td { padding: .4375rem .5rem; border-bottom: 1px solid var(--mr-cizgi); }
    .mr-tablo tfoot td { font-weight: 700; border-bottom: 0; }
    .mr-tablo .mr-sag { text-align: right; white-space: nowrap; }
    .mr-diger { padding: .5rem 1rem .875rem; border-top: 1px solid var(--mr-cizgi); }
    .mr-musteriler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 0 .75rem; padding: .25rem .5rem .375rem; }
    .mr-musteri { display: flex; align-items: center; gap: .25rem; min-width: 0; padding-right: .25rem; border-radius: .875rem; transition: background .15s; }
    .mr-musteri:hover { background: var(--mr-cizgi); }
    .mr-musteri-ana { display: flex; flex: 1; min-width: 0; align-items: center; gap: .75rem; padding: .5625rem .5rem; text-align: left; }
    .mr-musteri-dugme { display: flex; flex: none; width: 2rem; height: 2rem; align-items: center; justify-content: center; border-radius: 9999px; background: var(--mr-cizgi); }
    .mr-rozetler { display: flex; flex-wrap: wrap; gap: .25rem; margin-top: .1875rem; }
    .mr-rozetler:empty { display: none; }
    .mr-rozet { padding: .0625rem .4375rem; border-radius: 9999px; background: var(--mr-cizgi); font-size: .6875rem; color: var(--mr-yazi2); }
    .mr-rozet-borc { background: color-mix(in srgb, var(--y-uyari) 14%, transparent); color: var(--y-uyari); font-weight: 600; }


    /* ── Hesap menüsü (başlık) ── */
    .ym-uye { position: relative; flex: none; }
    .ym-uye-dugme { display: flex; width: var(--y-k); height: var(--y-k); align-items: center; justify-content: center; border-radius: var(--y-rh); font-size: var(--y-f3); font-weight: 700; color: var(--y-yazi); background: var(--y-dolgu); border: 1px solid var(--y-cizgi); }
    .ym-uye-dugme:hover { border-color: var(--y-cizgi2); }
    .ym-uye-menu { position: absolute; top: calc(100% + .375rem); right: 0; z-index: 40; width: min(16rem, calc(100vw - 1.5rem)); padding: var(--y-b1); border-radius: var(--y-r3); background: var(--y-yuzey); border: 1px solid var(--y-cizgi); box-shadow: var(--y-golge); }
    .ym-uye-bas { display: flex; flex-direction: column; padding: var(--y-b2) var(--y-b3); margin-bottom: var(--y-b1); border-bottom: 1px solid var(--y-cizgi); line-height: 1.3; }
    .ym-uye-bas b { font-size: var(--y-f3); color: var(--y-yazi); }
    .ym-uye-bas span { font-size: var(--y-f1); color: var(--y-yazi2); }
    .ym-uye-menu > button { display: flex; width: 100%; min-height: var(--y-kk) !important; align-items: center; gap: var(--y-b2); padding: 0 var(--y-b3); border-radius: var(--y-r1); font-size: var(--y-f3); color: var(--y-yazi); text-align: left; }
    .ym-uye-menu > button:hover { background: var(--y-dolgu); }
    .ym-uye-menu > .ym-uye-cikis { color: var(--y-risk); }

    .ym-bas-yazi { display: inline-flex; flex: none; align-items: center; gap: .25rem; height: var(--y-k); padding: 0 var(--y-b2); border-radius: var(--y-r2); font-size: var(--y-f3); font-weight: 600; white-space: nowrap; color: var(--y-yazi); }
    .ym-bas-yazi:hover { background: var(--y-dolgu); }

    /* ── Sitedeki Yaver: ilk ekran, modül kartları, kayıt kartı ── */
    .ysb-ust { flex: none; height: var(--y-kk); padding: 0 var(--y-b3); border-radius: var(--y-r2); font-size: var(--y-f3); font-weight: 600; white-space: nowrap; color: var(--y-yazi); border: 1px solid var(--y-cizgi2); }
    .ysb-ust:hover { background: var(--y-dolgu); }
    .ysb-ilk { display: flex; flex-direction: column; gap: var(--y-b3); }
    .ysb-moduller { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--y-b2); }
    @media (min-width: 768px) { .ysb-moduller { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media (max-width: 639px) { .ysb-moduller > :nth-child(n+7) { display: none; } }
    .ysb-modul { --t: var(--y-mor); display: grid; grid-template-columns: auto 1fr; column-gap: var(--y-b2); align-items: center; padding: var(--y-b3); text-align: left; border-radius: var(--y-r3); background: var(--y-yuzey); border: 1px solid var(--y-cizgi); transition: border-color .15s, background .15s; }
    .ysb-modul:hover { border-color: var(--t); background: color-mix(in srgb, var(--t) 8%, var(--y-yuzey)); }
    .ysb-modul b { font-size: var(--y-f4); color: var(--y-yazi); }
    .ysb-modul span { grid-column: 1 / -1; margin-top: var(--y-b1); font-size: var(--y-f2); line-height: 1.3; color: var(--y-yazi2); }
    .ysb-modul[data-k=bugun] { --t: var(--y-uyari); } .ysb-modul[data-k=servis] { --t: var(--y-mavi); } .ysb-modul[data-k=randevu] { --t: var(--y-camg); } .ysb-modul[data-k=satis] { --t: var(--y-pembe); } .ysb-modul[data-k=urun] { --t: var(--y-turuncu); } .ysb-modul[data-k=alacak], .ysb-modul[data-k=kasa] { --t: var(--y-ok); }
    .ysb-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: var(--y-b2); margin-top: var(--y-b2); }
    .ysb-ana { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; min-height: 3rem; padding: 0 1.375rem; border-radius: var(--y-r2); font-size: 1rem; font-weight: 700; color: #fff; background: var(--y-marka); }
    .ysb-ana:hover { background: var(--y-marka2); }
    .ysb-ana:disabled { opacity: .6; }
    .ysb-ana.ysb-tam { width: 100%; }
    .ysb-ikinci { min-height: 3rem; padding: 0 1.125rem; border-radius: var(--y-r2); font-size: var(--y-f4); font-weight: 600; color: var(--y-yazi); background: var(--y-dolgu); border: 1px solid var(--y-cizgi2); }
    .ysb-ikinci:hover { border-color: var(--y-yazi3); }
    .ysb-not { font-size: var(--y-f1); line-height: 1.4; color: var(--y-yazi3); }
    .ysb-eylem .ysb-not { flex-basis: 100%; }
    @media (min-width: 768px) { .ysb-eylem .ysb-not { flex-basis: auto; margin-left: var(--y-b2); } }
    .ysb-ornekler { display: flex; gap: var(--y-b2); margin-bottom: var(--y-b2); overflow-x: auto; scrollbar-width: none; }
    .ysb-ornekler::-webkit-scrollbar { display: none; }
    .ysb-ornekler .ym-cip { flex: none; white-space: nowrap; }
    .ysb-on { width: 100%; }
    .ysb-kayit { position: relative; display: flex; flex-direction: column; gap: var(--y-b3); width: 100%; max-width: 28rem; margin-top: var(--y-b2); padding: var(--y-b4); border-radius: var(--y-r3); background: var(--y-yuzey); border: 1px solid var(--y-cizgi); }
    .ysb-kayit-bas { font-size: var(--y-f5); font-weight: 700; color: var(--y-yazi); }
    .ysb-google { display: flex; align-items: center; justify-content: center; gap: var(--y-b2); height: 3rem; border-radius: var(--y-r2); font-size: var(--y-f4); font-weight: 600; color: #1f1f1f; background: #fff; border: 1px solid #dadce0; }
    .ysb-google:hover { background: #f6f7f8; }
    .ysb-ayrac { display: flex; align-items: center; gap: var(--y-b3); font-size: var(--y-f1); color: var(--y-yazi3); }
    .ysb-ayrac::before, .ysb-ayrac::after { content: ""; flex: 1; height: 1px; background: var(--y-cizgi); }
    .ysb-alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--y-b3); }
    .ysb-alan { display: flex; flex-direction: column; gap: var(--y-b1); min-width: 0; font-size: var(--y-f2); font-weight: 600; color: var(--y-yazi2); }
    .ysb-tam { grid-column: 1 / -1; }
    @media (max-width: 379px) { .ysb-alanlar > .ysb-alan { grid-column: 1 / -1; } }
    .ysb-alan input { width: 100%; height: 2.875rem; padding: 0 var(--y-b3); border-radius: var(--y-r2); font-size: var(--y-f4); font-weight: 400; color: var(--y-yazi); background: var(--y-dolgu); border: 1px solid var(--y-cizgi); outline: none; }
    .ysb-alan input::placeholder { color: var(--y-yazi3); }
    .ysb-alan input:focus { border-color: var(--y-marka-yazi); }
    .ysb-sifre { position: relative; }
    .ysb-sifre input { padding-right: 4.5rem; }
    .ysb-sifre button { position: absolute; top: 0; right: 0; height: 100%; padding: 0 var(--y-b3); font-size: var(--y-f2); font-weight: 600; color: var(--y-marka-yazi); }
    .ysb-hata { padding: var(--y-b2) var(--y-b3); border-radius: var(--y-r2); font-size: var(--y-f3); color: var(--y-risk); background: color-mix(in srgb, var(--y-risk) 12%, transparent); }