/* Baykuş Stüdyo — YENİ DİL (2026-09-30, Claude Design "Baykuş Stüdyo Anasayfa" tuvalinden)
   theme.css'in ÜSTÜNE biner: index.html'de en sonda yüklenir (satır içi stillerden de sonra).
   1) Tema token'ları (--y-*) — her tema kendi zeminini/kartını/metnini verir
   2) Eski token'lar (--surface, --border, --text, --muted, --panel…) yeni token'lardan beslenir → modüller kendiliğinden uyar
   3) Kabuk: ana sayfa (.ev), modül başlığı (.modbar), gezinme menüsü, modal, düğme, girdi
   Kural: arayüze açıklama/ipucu metni YOK; parlama az ve dar. */

/* ================= 1) TEMA TOKEN'LARI ================= */
:root,html[data-tema="antrasit"]{
  --y-taban:#0b0b11;
  --y-zemin:radial-gradient(900px 520px at 8% -8%, rgba(123,32,255,.28), transparent 62%),
            radial-gradient(760px 460px at 102% -6%, rgba(255,106,41,.14), transparent 58%), #0b0b11;
  --y-kart:linear-gradient(160deg,#2a1650 0%,#1b1428 100%);   /* ana sayfa v2 kartı (3 Eki) */
  --y-kart-duz:#1f1632;
  --y-panel:#1d1530;
  --y-kenar:rgba(255,255,255,.09); --y-kenar2:rgba(255,255,255,.16);
  --y-cizgi:rgba(255,255,255,.07);
  --y-golge:inset 0 1px 0 rgba(255,255,255,.06), 0 6px 18px rgba(8,4,20,.4);
  --y-golge-hafif:0 8px 22px rgba(0,0,0,.32);
  --y-metin:#f6f5ff; --y-ikincil:#a7abc6; --y-soluk:#72779a; --y-cok-soluk:#5c6080;
  --y-yuzey:rgba(255,255,255,.04); --y-yuzey2:rgba(255,255,255,.07); --y-yuzey3:rgba(255,255,255,.11);
  --y-girdi:rgba(255,255,255,.05);
  --y-ortu:rgba(6,6,12,.62);
  --y-duz:0 6px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);   /* çerçevesiz düğme gölgesi (ana sayfa v2) */
  --y-duz-zemin:rgba(255,255,255,.07);
  --y-logo:none;            /* logo beyaz; açık temalarda koyulaşır */
  --y-acik:0;               /* 1 = açık tema (bazı ayrıntılar için) */
}
/* Gece — düz, neredeyse siyah, ışımasız */
html[data-tema="gece"]{
  --y-taban:#111113;
  --y-zemin:#111113;
  --y-kart:linear-gradient(180deg,#1d1d20 0%,#18181b 100%);
  --y-kart-duz:#1a1a1d; --y-panel:#1d1d20;
  --y-kenar:rgba(255,255,255,.09); --y-kenar2:rgba(255,255,255,.16);
  --y-golge:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 26px rgba(0,0,0,.45);
  --y-metin:#f3f3f5; --y-ikincil:#a9aab4; --y-soluk:#76778a; --y-cok-soluk:#5d5e6e;
}
/* Mor Gece — markanın derin moru */
html[data-tema="morgece"]{
  --y-taban:#160a2c;
  --y-zemin:radial-gradient(900px 560px at 10% -10%, rgba(155,91,255,.34), transparent 62%),
            radial-gradient(760px 460px at 100% 110%, rgba(255,0,234,.12), transparent 58%),
            linear-gradient(160deg,#1f0d3d 0%,#170a2e 60%,#12082a 100%);
  --y-kart:linear-gradient(180deg,rgba(64,32,120,.55) 0%,rgba(40,18,82,.55) 100%);
  --y-kart-duz:#241245; --y-panel:#261349;
  --y-kenar:rgba(190,150,255,.16); --y-kenar2:rgba(190,150,255,.28);
  --y-cizgi:rgba(190,150,255,.12);
  --y-golge:inset 0 1px 0 rgba(255,255,255,.07), 0 14px 34px rgba(8,2,24,.5);
  --y-metin:#f4efff; --y-ikincil:#b9a9dc; --y-soluk:#8e7fb6; --y-cok-soluk:#6f6196;
  --y-yuzey:rgba(190,150,255,.07); --y-yuzey2:rgba(190,150,255,.12); --y-yuzey3:rgba(190,150,255,.18);
  --y-girdi:rgba(190,150,255,.08);
}
/* Okyanus — lacivert zemin, camgöbeği ışık */
html[data-tema="okyanus"]{
  --y-taban:#07111b;
  --y-zemin:radial-gradient(900px 520px at 8% -8%, rgba(45,160,255,.24), transparent 62%),
            radial-gradient(760px 460px at 102% -6%, rgba(45,212,212,.14), transparent 58%), #07111b;
  --y-kart:linear-gradient(180deg,#132232 0%,#0f1b28 100%);
  --y-kart-duz:#101d2a; --y-panel:#132232;
  --y-kenar:rgba(140,200,255,.11); --y-kenar2:rgba(140,200,255,.2);
  --y-cizgi:rgba(140,200,255,.09);
  --y-golge:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,6,14,.5);
  --y-metin:#eef6ff; --y-ikincil:#9fb4c8; --y-soluk:#6f879c; --y-cok-soluk:#56697c;
  --y-yuzey:rgba(140,200,255,.05); --y-yuzey2:rgba(140,200,255,.09); --y-yuzey3:rgba(140,200,255,.14);
  --y-girdi:rgba(140,200,255,.06);
}
/* Orman — koyu yeşil zemin, yaprak ışığı */
html[data-tema="orman"]{
  --y-taban:#08110c;
  --y-zemin:radial-gradient(900px 520px at 8% -8%, rgba(52,211,153,.18), transparent 62%),
            radial-gradient(760px 460px at 102% -6%, rgba(251,191,36,.10), transparent 58%), #08110c;
  --y-kart:linear-gradient(180deg,#15241c 0%,#101c15 100%);
  --y-kart-duz:#122019; --y-panel:#15241c;
  --y-kenar:rgba(160,230,190,.10); --y-kenar2:rgba(160,230,190,.19);
  --y-cizgi:rgba(160,230,190,.08);
  --y-golge:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,8,4,.5);
  --y-metin:#effaf3; --y-ikincil:#a3bcad; --y-soluk:#728b7c; --y-cok-soluk:#5a6f62;
  --y-yuzey:rgba(160,230,190,.05); --y-yuzey2:rgba(160,230,190,.09); --y-yuzey3:rgba(160,230,190,.14);
  --y-girdi:rgba(160,230,190,.06);
}
/* Gün Batımı — sıcak koyu zemin, turuncu-pembe ışık */
html[data-tema="gunbatimi"]{
  --y-taban:#140b0c;
  --y-zemin:radial-gradient(900px 520px at 8% -8%, rgba(255,106,41,.22), transparent 62%),
            radial-gradient(760px 460px at 102% -6%, rgba(255,79,163,.16), transparent 58%), #140b0c;
  --y-kart:linear-gradient(180deg,#27191b 0%,#1e1315 100%);
  --y-kart-duz:#211517; --y-panel:#27191b;
  --y-kenar:rgba(255,190,170,.10); --y-kenar2:rgba(255,190,170,.19);
  --y-cizgi:rgba(255,190,170,.08);
  --y-golge:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(10,2,2,.5);
  --y-metin:#fff4f0; --y-ikincil:#c7aba5; --y-soluk:#95787a; --y-cok-soluk:#765d60;
  --y-yuzey:rgba(255,190,170,.05); --y-yuzey2:rgba(255,190,170,.09); --y-yuzey3:rgba(255,190,170,.14);
  --y-girdi:rgba(255,190,170,.06);
}
/* Açık — beyaz kartlar, gri zemin */
html[data-tema="acik"]{
  --y-taban:#f1f1f6;
  --y-zemin:radial-gradient(900px 520px at 8% -8%, rgba(123,32,255,.08), transparent 62%),
            radial-gradient(760px 460px at 102% -6%, rgba(255,106,41,.06), transparent 58%), #f1f1f6;
  --y-kart:linear-gradient(180deg,#ffffff 0%,#fbfbfd 100%);
  --y-kart-duz:#ffffff; --y-panel:#ffffff;
  --y-kenar:rgba(20,20,50,.10); --y-kenar2:rgba(20,20,50,.18);
  --y-cizgi:rgba(20,20,50,.08);
  --y-golge:0 1px 2px rgba(20,20,50,.06), 0 10px 26px rgba(20,20,50,.07);
  --y-golge-hafif:0 6px 16px rgba(20,20,50,.08);
  --y-metin:#1d1e2b; --y-ikincil:#555871; --y-soluk:#7c7f96; --y-cok-soluk:#9a9db1;
  --y-yuzey:rgba(20,20,50,.04); --y-yuzey2:rgba(20,20,50,.07); --y-yuzey3:rgba(20,20,50,.11);
  --y-girdi:#ffffff;
  --y-ortu:rgba(30,30,50,.35);
  --y-logo:invert(1) brightness(.25);
  --y-acik:1;
}
/* Krem — sıcak açık */
html[data-tema="krem"]{
  --y-taban:#f5efe2;
  --y-zemin:radial-gradient(900px 520px at 8% -8%, rgba(255,106,41,.08), transparent 62%), #f5efe2;
  --y-kart:linear-gradient(180deg,#fffdf7 0%,#fdf9ef 100%);
  --y-kart-duz:#fffdf7; --y-panel:#fffdf7;
  --y-kenar:rgba(70,55,20,.12); --y-kenar2:rgba(70,55,20,.22);
  --y-cizgi:rgba(70,55,20,.09);
  --y-golge:0 1px 2px rgba(70,55,20,.06), 0 10px 26px rgba(70,55,20,.08);
  --y-golge-hafif:0 6px 16px rgba(70,55,20,.08);
  --y-metin:#2a2418; --y-ikincil:#6a604c; --y-soluk:#8d8470; --y-cok-soluk:#a79e89;
  --y-yuzey:rgba(70,55,20,.05); --y-yuzey2:rgba(70,55,20,.08); --y-yuzey3:rgba(70,55,20,.12);
  --y-girdi:#fffdf7;
  --y-ortu:rgba(40,30,10,.35);
  --y-logo:invert(1) brightness(.25) sepia(.3);
  --y-acik:1;
}

/* sayfa renkleri (ana sayfadaki Sayfalar kartlarıyla aynı) — her temada aynı */
:root{
  --s-kamp:#a66bff; --s-takvim:#60a5ff; --s-kreatif:#ff6ab5; --s-icerikler:#ff7a3d; --s-dizgi:#2dd4d4;
  --s-ai:#c084fc; --s-sunum:#4ade80; --s-klip:#fbbf24; --s-kurgu:#fb7185; --s-admin:#a7abc6; --s-aktarim:#60a5ff;
  --y-baglanti:color-mix(in srgb,var(--accent-2) 55%,#ffffff);
  --y-yesil:#2bf06a; --y-yesil-yazi:#86fbab; --y-pembe-yazi:#ffa3f7;   /* durum renkleri (başarı / hata) — açık temada koyulaşır */
  --bs-yay:cubic-bezier(.2,.9,.3,1.3); --bs-yumusak:cubic-bezier(.2,.8,.2,1);   /* hareket dili eğrileri */
}
html[data-tema="acik"],html[data-tema="krem"]{--y-baglanti:var(--accent);--y-duz:var(--y-golge-hafif);--y-duz-zemin:var(--y-kart-duz);
  --y-yesil:#0fa34b;--y-yesil-yazi:#0b7a37;--y-pembe-yazi:#b8128f}

/* ================= 2) ESKİ TOKEN'LAR → YENİ TOKEN'LAR ================= */
html[data-tema]{
  --bg:var(--y-taban); --panel:var(--y-panel);
  --surface:var(--y-yuzey); --surface2:var(--y-yuzey2); --surface3:var(--y-yuzey3);
  --border:var(--y-kenar); --border-2:var(--y-kenar2);
  --text:var(--y-metin); --muted:var(--y-ikincil);
}
html[data-tema] body{background:var(--y-zemin);background-color:var(--y-taban);color:var(--y-metin)}
html[data-tema] ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--y-metin) 18%,transparent);border:2px solid transparent;background-clip:padding-box}
html[data-tema] ::-webkit-scrollbar-track{background:transparent}

/* ---- ortak bileşenler ---- */
html[data-tema] .btn{background:var(--y-yuzey);border:1px solid var(--y-kenar);color:var(--y-metin);border-radius:10px;font-weight:600}
html[data-tema] .btn:hover{background:var(--y-yuzey2);border-color:var(--y-kenar2);transform:none}
html[data-tema] .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-tema] .btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,#fff);border-color:transparent}
html[data-tema] .btn.ghost{background:transparent}
html[data-tema] .btn.iconbtn,html[data-tema] .btn.fsbtn{width:36px;height:36px;border-radius:10px;background:var(--y-yuzey);border:1px solid var(--y-kenar);color:var(--y-ikincil)}
html[data-tema] .btn.iconbtn svg,html[data-tema] .btn.fsbtn svg{width:16px;height:16px}
html[data-tema] .btn.iconbtn:hover,html[data-tema] .btn.fsbtn:hover{background:var(--y-yuzey2);border-color:var(--y-kenar2);color:var(--y-metin)}
html[data-tema] .input{background:var(--y-girdi);border:1px solid var(--y-kenar);color:var(--y-metin);border-radius:10px}
html[data-tema] .input:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
html[data-tema] .input::placeholder{color:var(--y-soluk)}
html[data-tema] select.input option{background:var(--y-panel);color:var(--y-metin)}
html[data-tema] .card{background:var(--y-kart);border:1px solid var(--y-kenar);box-shadow:var(--y-golge);border-radius:14px}
html[data-tema] .tag{background:var(--y-yuzey);border-color:var(--y-kenar);color:var(--y-ikincil)}
html[data-tema] .muted{color:var(--y-ikincil)}
html[data-tema] a{color:var(--y-baglanti)}

/* ================= 3) KABUK ================= */
/* modül görünümü zemini (index.html'deki antrasit degrade + theme.css tema zeminleri ezilir) */
html[data-tema] .modview{background:var(--y-zemin);background-color:var(--y-taban)}

/* ---- modül üst çubuğu (iç sayfa başlığı) ---- */
html[data-tema] .modview .modbar{height:64px;padding:0 40px;gap:14px;background:transparent;border-bottom:1px solid var(--y-cizgi)}
html[data-tema] .modview .modbar .btn{background:var(--y-yuzey);border-color:var(--y-kenar);color:var(--y-ikincil)}
html[data-tema] .modview .modbar .btn:hover{background:var(--y-yuzey2);border-color:var(--y-kenar2);color:var(--y-metin)}
.ev-mb-marka{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;cursor:pointer;color:var(--y-ikincil);text-decoration:none;
  font-size:15px;font-weight:600;letter-spacing:-.01em;border-radius:8px}
html[data-tema] .ev-mb-marka{color:var(--y-ikincil)}
.ev-mb-marka:hover{color:var(--y-metin)}
.ev-mb-marka img{height:22px;width:auto;display:block;filter:var(--y-logo)}
.ev-mb-ayrac{color:var(--y-cok-soluk);font-size:15px;font-weight:500;flex:0 0 auto}
html[data-tema] .modview .modbar .modtitle{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;letter-spacing:-.01em;
  color:var(--y-metin);white-space:nowrap;flex:0 0 auto}
.ev-nokta{width:7px;height:7px;border-radius:50%;background:var(--mc,var(--accent));box-shadow:0 0 6px color-mix(in srgb,var(--mc,var(--accent)) 23%,transparent);flex:0 0 auto}
html[data-tema] .modview .modbar .modslot{margin-left:12px}
@media (max-width:760px){
  html[data-tema] .modview .modbar{padding:0 14px;gap:8px}
  .ev-mb-marka span,.ev-mb-ayrac{display:none}
}
/* modül gövdesi: yeni dil kenar boşluğu */
html[data-tema] .modbody:not(.full){padding:28px 40px 32px}
@media (max-width:760px){html[data-tema] .modbody:not(.full){padding:18px 14px 24px}}
html[data-tema] .page-head h1{font-size:26px;font-weight:600;letter-spacing:-.02em;font-family:var(--ui)}

/* ---- soldan açılır gezinme menüsü ---- */
html[data-tema] .nav-ov{background:var(--y-ortu)}
html[data-tema] .nav-drawer{background:var(--y-panel);border-right:1px solid var(--y-kenar);box-shadow:14px 0 44px rgba(0,0,0,.35);width:264px}
html[data-tema] .nav-drawer::before{background:radial-gradient(420px 260px at -60px -40px,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%)}
html[data-tema] .nav-head{border-bottom:1px solid var(--y-cizgi);padding:18px 18px 14px}
html[data-tema] .nav-brand{font-family:var(--ui);font-size:15px;font-weight:600;color:var(--y-metin)}
html[data-tema] .nav-x{color:var(--y-soluk)}
html[data-tema] .nav-x:hover{background:var(--y-yuzey2);color:var(--y-metin)}
html[data-tema] .nav-item{color:var(--y-ikincil);font-weight:500;border-radius:10px}
html[data-tema] .nav-item:hover{background:var(--y-yuzey2);color:var(--y-metin);transform:none}
html[data-tema] .nav-item .nav-dot{background:var(--mc,var(--y-cok-soluk));box-shadow:none;border-radius:3px;width:8px;height:8px}
html[data-tema] .nav-item:hover .nav-dot{background:var(--mc,var(--accent));box-shadow:0 0 6px color-mix(in srgb,var(--mc,var(--accent)) 30%,transparent);transform:none}
html[data-tema] .nav-item.on{background:color-mix(in srgb,var(--mc,var(--accent)) 12%,transparent);border-color:color-mix(in srgb,var(--mc,var(--accent)) 26%,transparent);color:var(--y-metin)}
html[data-tema] .nav-item.on .nav-dot{background:var(--mc,var(--accent));box-shadow:0 0 6px color-mix(in srgb,var(--mc,var(--accent)) 35%,transparent)}

/* ---- ortak modal ---- */
html[data-tema] .bs-ov{background:var(--y-ortu)}
html[data-tema] .bs-modal{background:var(--y-panel);border:1px solid var(--y-kenar2);box-shadow:0 30px 70px rgba(0,0,0,.45);border-radius:16px}
html[data-tema] .bs-modal-head{border-bottom:1px solid var(--y-cizgi);padding:18px 20px}
html[data-tema] .bs-modal-title{font-family:var(--ui);font-weight:600;font-size:17px}
html[data-tema] .bs-x{background:var(--y-yuzey);border:1px solid var(--y-kenar);color:var(--y-ikincil);border-radius:10px}
html[data-tema] .bs-modal-body{padding:18px 20px 20px}
html[data-tema] .bs-divider{background:var(--y-cizgi)}

/* ================= ANA SAYFA (.ev) ================= */
.launcher.ev{font-family:var(--ui);background:var(--y-zemin);background-color:var(--y-taban);color:var(--y-metin)}
.launcher.ev::after{display:none}
.ev-bas{position:relative;z-index:2;flex:0 0 auto;display:flex;align-items:center;gap:14px;height:64px;padding:0 40px;border-bottom:1px solid var(--y-cizgi)}
.ev-logo{height:24px;width:auto;display:block;filter:var(--y-logo)}
.ev-marka{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--y-metin);white-space:nowrap}
.ev-bas .sp{flex:1}
.ev-kim{font-size:13px;font-weight:500;color:var(--y-ikincil);white-space:nowrap}
.ev-avatar{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;
  font-size:12.5px;font-weight:700;flex:0 0 auto}
.ev-bas .topgrp{display:flex;align-items:center;gap:8px}
.ev-cikis{height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--y-kenar);background:var(--y-yuzey);color:var(--y-ikincil);font-size:13px;font-weight:500;cursor:pointer}
.ev-cikis:hover{background:var(--y-yuzey2);color:var(--y-metin)}
.ev-govde{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;gap:22px;padding:28px 40px 32px;overflow:auto}
.ev-ust,.ev-kolonlar{display:grid;grid-template-columns:420px minmax(0,1fr);gap:28px}
.ev-ust{align-items:end}
.ev-selam{display:flex;align-items:baseline;gap:14px;min-width:0}
.ev-selam h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;color:var(--y-metin)}
.ev-tarih{font-size:14px;font-weight:500;color:var(--y-soluk);white-space:nowrap}
.ev-h2{margin:0;font-size:17px;font-weight:600;color:var(--y-metin)}
.ev-kolonlar{flex:1;min-height:0}
.ev-kart{min-height:0;display:flex;flex-direction:column;border-radius:14px;background:var(--y-kart);box-shadow:var(--y-golge);border:1px solid var(--y-kenar);overflow:hidden}
.ev-kbas{display:flex;align-items:center;gap:10px;padding:20px 22px 16px}
.ev-sekme{font-size:16px;font-weight:600;color:var(--y-soluk);cursor:pointer;padding:0;background:none;border:0;transition:color .15s;white-space:nowrap;font-family:var(--ui)}
.ev-sekme:hover{color:var(--y-ikincil)}
.ev-sekme.on{color:var(--y-metin);cursor:default}
.ev-kbas .sp{flex:1}
.ev-bag{font-size:13px;font-weight:500;color:var(--y-baglanti);white-space:nowrap;cursor:pointer;background:none;border:0;padding:0}
.ev-bag:hover{color:var(--y-metin)}
.ev-kgovde{flex:1;min-height:0;display:flex;flex-direction:column;padding:4px 22px 22px;overflow:auto}
.ev-sag{min-height:0;display:flex;flex-direction:column;gap:14px}
.ev-izgara{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(84px,1fr));gap:14px}
.ev-sag .ev-h2{margin-top:8px}

.ev-foto{position:absolute;top:14px;right:14px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.18), transparent 55%), linear-gradient(145deg,var(--mc),color-mix(in srgb,var(--mc) 33%,transparent));
  color:#fff;font-size:17px;font-weight:700;opacity:.92;box-shadow:0 0 0 2px var(--y-kart-duz),0 0 0 3px color-mix(in srgb,var(--mc) 23%,transparent),0 0 10px color-mix(in srgb,var(--mc) 23%,transparent)}
.ev-foto img{width:100%;height:100%;object-fit:cover;display:block}

.ev .kk-bos{font-size:13px;color:var(--y-soluk);padding:6px 0}
.ev .kk-yeni{margin-top:12px}
.ev .kk-yeni .input{width:100%;font-size:13px;height:38px}
.ev-gizli{display:none!important}

/* ============ ANA SAYFA v2 (3 Eki 2026 — Claude Design "Ana Sayfa (Yeni)", kullanıcı onayı) ============
   Sol "Bugün" kartı her temada BEYAZ (kontrast); hesap/sayfa kartları koyu Baykuş morunda (açık temalarda tema kartı);
   renkler Baykuş paletinden; düğmeler çerçevesiz, yalnız gölgeli; Akış | İşlerim hap anahtarı. */
.ev{--ev-kart:linear-gradient(160deg,#2a1650 0%,#1b1428 100%);--ev-kart-kenar:rgba(255,255,255,.09);--ev-golge:0 6px 18px rgba(8,4,20,.4);
  --ev-duz:0 6px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);--ev-duz-zemin:rgba(255,255,255,.07)}
html[data-tema="acik"] .ev,html[data-tema="krem"] .ev{--ev-kart:var(--y-kart);--ev-kart-kenar:var(--y-kenar);--ev-golge:var(--y-golge-hafif);
  --ev-duz:var(--y-golge-hafif);--ev-duz-zemin:var(--y-kart-duz)}
.ev .ev-bas{border-bottom:0;padding:0 32px;gap:12px}
.ev-markakap{display:flex;align-items:baseline;gap:.45em;font-size:17px;line-height:1}
.ev .ev-markakap .ev-logo{height:1em;width:auto;position:relative;top:.1em}
.ev .ev-markakap .ev-marka{font-size:17px;font-weight:700}
.ev-ara{height:40px;width:300px;max-width:32vw;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 8px 0 14px;border:0;border-radius:999px;
  background:var(--ev-duz-zemin);box-shadow:var(--ev-duz);color:var(--y-ikincil);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer}
.ev-ara:hover{color:var(--y-metin)}
.ev-ara svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.ev-ara-yazi{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-ara kbd{padding:3px 8px;border-radius:7px;background:var(--y-yuzey3);color:var(--y-metin);font-family:inherit;font-size:11px;font-weight:700}
.ev-kullanici{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;gap:9px;padding:0 14px 0 5px;border-radius:999px;background:var(--ev-duz-zemin);box-shadow:var(--ev-duz)}
.ev .ev-kullanici .ev-avatar{width:30px;height:30px;border-radius:50%;font-size:11.5px}
.ev .ev-kullanici .ev-kim{color:var(--y-metin);font-weight:600}
.ev .ev-bas .topgrp .btn,.ev .ev-cikis{height:40px;min-width:40px;border:0!important;border-radius:12px;background:var(--ev-duz-zemin)!important;box-shadow:var(--ev-duz)}
.ev .ev-ust{display:flex;align-items:baseline;gap:14px}
.ev .ev-selam h1{font-size:30px;font-weight:700}
.ev .ev-kolonlar{grid-template-columns:400px minmax(0,1fr);gap:24px}
/* sol: beyaz Bugün kartı */
.ev .ev-akis{background:#ffffff;color:#14121c;border:0;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.6)}
html[data-tema="acik"] .ev .ev-akis,html[data-tema="krem"] .ev .ev-akis{box-shadow:0 14px 40px rgba(20,20,50,.14),0 0 0 1px rgba(20,20,50,.06)}
.ev .ev-akis .ev-kbas{padding:20px 20px 14px;gap:10px}
.ev-bugun{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em;color:#14121c}
.ev-anahtar{display:flex;height:36px;box-sizing:border-box;padding:3px;gap:2px;border-radius:999px;background:#f0edf7}
.ev .ev-akis .ev-sekme{height:30px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:700;color:#4a4660;background:transparent;transition:background .2s,color .2s}
.ev .ev-akis .ev-sekme:hover{color:#14121c}
.ev .ev-akis .ev-sekme.on{background:#7b20ff;color:#ffffff;box-shadow:0 3px 10px rgba(123,32,255,.45)}
.ev .ev-akis .ev-kgovde{padding:0 20px 20px}
.ev .ev-akis .kk-bos{color:#6b6880}
.ev .ev-akis .ev-bag{color:#7b20ff;font-weight:700}
.ev .ev-akis .kk-yeni .input{background:#f6f4fb;border:1px solid #e6e1f2;color:#14121c}
.ev .ev-akis .kk-yeni .input::placeholder{color:#8a86a0}
/* sağ: hesaplar + sayfalar */
.ev .ev-sag{gap:12px}
.ev .ev-sag>.ev-h2.ev-hesap-bas{display:block;margin-top:0}
.ev .ev-sag>.ev-h2{margin-top:14px}
.ev .ev-izgara{flex:0 0 auto;grid-template-rows:none;grid-auto-rows:auto}
.ev .ev-hesaplar{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.ev-hkart{--mc:var(--accent);height:58px;box-sizing:border-box;padding:0 14px 0 10px;display:flex;align-items:center;gap:11px;min-width:0;border:0;border-radius:14px;
  background:radial-gradient(140% 120% at 0% 0%,color-mix(in srgb,var(--mc) 20%,transparent),transparent 55%),var(--ev-kart);
  box-shadow:inset 0 0 0 1px var(--ev-kart-kenar),inset 0 1px 0 rgba(255,255,255,.06),var(--ev-golge);color:var(--y-metin);font-family:inherit;text-align:left;cursor:pointer;transition:transform .15s}
.ev-hkart:hover{transform:translateY(-2px)}
.ev-hkart:focus-visible,.ev-pkart:focus-visible{outline:2px solid var(--mc);outline-offset:2px}
.ev .ev-hkart .ev-foto{position:static;flex:0 0 auto;width:36px;height:36px;font-size:12.5px;background:var(--mc);color:#ffffff;border:0;box-shadow:0 3px 10px color-mix(in srgb,var(--mc) 45%,transparent)}
.ev-had{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev .ev-sayfalar{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.ev-pkart{--mc:var(--accent);height:104px;box-sizing:border-box;padding:14px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;
  background:radial-gradient(140% 120% at 100% 0%,color-mix(in srgb,var(--mc) 16%,transparent),transparent 55%),var(--ev-kart);
  box-shadow:inset 0 0 0 1px var(--ev-kart-kenar),inset 0 1px 0 rgba(255,255,255,.06),var(--ev-golge);transition:transform .15s}
html[data-tema] a.ev-pkart,a.ev-pkart{color:var(--y-metin);text-decoration:none}
.ev-pkart:hover{transform:translateY(-2px)}
.ev-pikon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--mc) 15%,transparent);display:inline-flex;align-items:center;justify-content:center}
.ev-pikon svg{width:21px;height:21px;display:block;fill:none;stroke:var(--mc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ev-pad{font-size:15px;font-weight:700}
@media (max-width:1100px){.ev-ara{width:auto;max-width:none}.ev-ara-yazi{display:none}.ev .ev-kolonlar{grid-template-columns:minmax(0,1fr)}}

/* ============ ANA SAYFA · Bugün kartı rollere göre + telefon düzeni (Claude Design, 4 Eki 2026) — kart her temada BEYAZ ============ */
.ev .ev-akis a{color:#14121c;text-decoration:none}
.ev .ev-akis .ev-kbas{padding:20px 18px 14px;align-items:flex-start}
.ev-kbaslik{display:flex;flex-direction:column;gap:3px;min-width:0}
.ev .ev-bugun{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.ev-bugun i{display:none;width:8px;height:8px;border-radius:50%;background:#ff3df0}
.ev-ktarih{align-self:flex-start;padding:0;border:0;background:none;font:600 12px var(--ui);color:#6b6880;cursor:pointer}
.ev-ktarih:hover{color:#7b20ff}
.ev .ev-anahtar{height:32px;background:#f1eff6}
.ev .ev-akis .ev-anahtar .ev-sekme{height:26px;padding:0 12px;font-size:11.5px;color:#6b6880}
.ev .ev-akis .ev-kgovde{padding:0 18px 16px}
/* rol blokları */
.ev-rol:empty{display:none}
.ev-rb{margin-bottom:12px;padding:14px 14px 12px;border-radius:16px;background:#f6f2ff;box-shadow:inset 0 0 0 1px rgba(123,32,255,.1);color:#14121c}
.ev-rb.kurgu{background:#fff4ee;box-shadow:inset 0 0 0 1px rgba(255,122,61,.18)}
.ev-rb.pembe{background:#fff1fc;box-shadow:inset 0 0 0 1px rgba(255,61,240,.18)}
.ev-rb.yazar{background:#fffaea;box-shadow:inset 0 0 0 1px rgba(255,210,61,.3)}
.ev-rb-ust{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.ev-rb-baslik{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;letter-spacing:-.01em}
.ev-rb-baslik i{width:8px;height:8px;border-radius:50%}
.ev-rb-etk{height:22px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;color:#fff;animation:bsZipla .45s cubic-bezier(.2,.9,.3,1.4) .5s both}
.ev-rb-etk.mor{background:#7b20ff;box-shadow:0 3px 10px rgba(123,32,255,.35)}
.ev-rb-etk.pembe{background:#ff3df0;box-shadow:0 3px 10px rgba(255,61,240,.35)}
.ev-rb-etk.turuncu{background:#ff7a3d;box-shadow:0 3px 10px rgba(255,122,61,.35)}
.ev-akis a.ev-rb-cekim{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(40,20,80,.07);transition:transform .2s,box-shadow .2s}
.ev-akis a.ev-rb-cekim:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(40,20,80,.1)}
.ev-rb-saat{flex:0 0 auto}
.ev-rb-saat b{display:block;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1}
.ev-rb-saat small{display:block;margin-top:4px;font-size:10.5px;font-weight:600;color:#6b6880}
.ev-rb-kapak{width:58px;height:42px;flex:0 0 auto;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,#7b20ff 0%,#c13dff 55%,#ff3df0 100%);box-shadow:0 4px 12px rgba(123,32,255,.35)}
.ev-rb-kapak svg{width:16px;height:16px;display:block}
.ev-rb-video,.ev-rb-orta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ev-rb-orta{gap:3px}
.ev-rb-video b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-rb-orta b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-rb-video small,.ev-rb-orta small{font-size:11px;font-weight:600;color:#6b6880;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-rb-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.ev-rb-bilgi{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#4a4660}
.ev-rb-bilgi span{display:inline-flex;color:#7b20ff}
.ev-rb-bilgi svg{width:14px;height:14px;display:block}
.ev-rb-hazir{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;background:#e0fbe9;color:#0f7a37;font-size:11px;font-weight:800}
.ev-rb-hazir i{position:relative;width:7px;height:7px;border-radius:50%;background:#2bd65f}
.ev-rb-hazir i::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px #2bd65f;animation:bsNabizH 1.8s ease-out infinite}
.ev-akis a.ev-rb-btn{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;margin-top:10px;border-radius:11px;background:#7b20ff;color:#fff;
  font-size:12.5px;font-weight:700;box-shadow:0 3px 10px rgba(123,32,255,.4);transition:transform .15s,box-shadow .2s,background-color .15s}
.ev-akis a.ev-rb-btn:hover{background:#8d3dff;box-shadow:0 6px 18px rgba(123,32,255,.5)}
.ev-akis a.ev-rb-btn:active{transform:scale(.97)}
.ev-rb-btn span,.ev-rb-gec span{display:inline-flex}
.ev-rb-btn svg{width:15px;height:15px;display:block}
.ev-rb-liste{display:flex;flex-direction:column;gap:6px}
.ev-rb-cekim~.ev-rb-liste{margin-top:8px}
.ev-akis a.ev-rb-sat{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:#fff;box-shadow:0 1px 4px rgba(40,20,80,.07);transition:transform .2s,box-shadow .2s}
.ev-akis a.ev-rb-sat:hover{transform:translateX(2px);box-shadow:0 4px 12px rgba(40,20,80,.1)}
.ev-rb-ik{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:flex;align-items:center;justify-content:center}
.ev-rb-ik svg{width:15px;height:15px;display:block}
.ev-rb-ik.pembe{background:#ffe6fc;color:#ad1197}
.ev-rb-ik.sari{background:#fff5d1;color:#7d5d00}
.ev-rb-ik.turuncu{background:#ffeee5;color:#b5461a}
.ev-rb-alt2{display:flex;align-items:center;gap:6px;min-width:0}
.ev-rb-rev{height:20px;padding:0 7px;border-radius:6px;display:inline-flex;align-items:center;flex:0 0 auto;background:#ffe6fc;color:#ad1197;font-size:10px;font-weight:800}
.ev-rb-kalan{min-width:50px;height:24px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;
  background:#f1eff6;color:#4a4660;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.ev-rb-kalan.acil{background:#ff3df0;color:#fff;box-shadow:0 3px 10px rgba(255,61,240,.35)}
.ev-rb-kalan.yakin{background:#ffeee5;color:#b5461a}
.ev-rb-neden{flex:0 0 auto;font-size:10.5px;font-weight:800;color:#ad1197;white-space:nowrap}
.ev-rb-durum{height:19px;padding:0 7px;border-radius:6px;display:inline-flex;align-items:center;flex:0 0 auto;font-size:10px;font-weight:800}
.ev-rb-durum.final{background:#f1e8ff;color:#6a1fd6}
.ev-rb-durum.taslak{background:#fff5d1;color:#7d5d00}
.ev-rb-durum.bos{background:#f1eff6;color:#6b6880}
.ev-rb-kadar{height:24px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;background:#f1e8ff;color:#6a1fd6;font-size:10.5px;font-weight:800}
.ev-rb-kadar.acil{background:#ffe6fc;color:#ad1197}
.ev-rb-av{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.ev-rb-ekip{display:inline-flex;align-items:center;gap:5px;height:19px;padding:0 7px;border-radius:6px;flex:0 0 auto;font-size:10px;font-weight:800}
.ev-rb-ekip i{width:6px;height:6px;border-radius:50%}
.ev-rb-gec{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:7px;flex:0 0 auto;white-space:nowrap;background:#ffe6fc;color:#ad1197;font-size:11px;font-weight:800}
.ev-rb-gec svg{width:12px;height:12px;display:block}
/* akış */
.ev-ak{position:relative;display:flex;flex-direction:column}
.ev-akis a.ev-aks{display:grid;grid-template-columns:44px auto minmax(0,1fr);grid-template-areas:"saat cip ad";align-items:center;gap:10px;min-height:34px;padding:0 6px;
  border-radius:10px;transition:background-color .2s}
.ev-akis a.ev-aks:hover{background:#f6f4fa}
.ev-akis a.ev-aks.suruyor{background:#f6f2ff}
.ev-aks.gecti{opacity:.42}
.ev-aksaat{grid-area:saat;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.ev-akray{grid-area:ray;display:none}
.ev-akm{grid-area:ad;min-width:0;display:flex;flex-direction:column}
.ev-akm b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-akm small{display:none}
.ev-akcip{grid-area:cip;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:7px;font-size:10.5px;font-weight:700;white-space:nowrap;justify-self:start}
.ev-akcip i{width:6px;height:6px;border-radius:50%}
.ev-simdi{display:flex;align-items:center;gap:8px;height:18px;padding:0 6px}
.ev-simdi b{width:44px;flex:0 0 auto;font-size:10.5px;font-weight:800;color:#d414bd;font-variant-numeric:tabular-nums}
.ev-simdi i{position:relative;flex:1;height:2px;border-radius:2px;background:#ff3df0;box-shadow:0 0 8px rgba(255,61,240,.6);animation:bsIsik 1.6s ease-in-out infinite}
.ev-simdi i::before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#ff3df0;box-shadow:0 0 8px rgba(255,61,240,.8)}
.ev-simdi em{display:none}
@keyframes bsIsik{50%{opacity:.45}}
.ev-akyarin{margin-top:6px;padding:10px 6px 4px;border-top:1px solid #ece8f6;font-size:11px;font-weight:700;letter-spacing:.06em;color:#6b6880}
/* işlerim */
.ev-isliste{display:flex;flex-direction:column;gap:2px}
.ev-is{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 8px;border-radius:12px;cursor:pointer;color:#14121c;transition:background-color .2s}
.ev-is:hover{background:#f6f4fa}
.ev-kutu{position:relative;width:24px;height:24px;flex:0 0 auto;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;
  background:#fff;box-shadow:inset 0 0 0 2px #d9d5e6;transition:background-color .2s,box-shadow .2s,transform .15s}
.ev-kutu:hover{box-shadow:inset 0 0 0 2px #7b20ff}
.ev-kutu:active{transform:scale(.88)}
.ev-kutu svg{width:14px;height:14px;display:block;opacity:0}
.ev-is.bs-bitti .ev-kutu{background:#2bd65f;box-shadow:0 3px 10px rgba(43,214,95,.4)}
.ev-is.bs-bitti .ev-kutu svg{opacity:1;animation:bsPopGir .45s var(--bs-yay) both}
.ev-is.bs-bitti .ev-kutu::before{content:'';position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 0 2px #2bd65f;animation:bsHalka .75s ease-out .12s both}
.ev-ism{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ev-ism b{font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:break-word;transition:color .2s}
.ev-ism small{display:none;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#6b6880}
.ev-ism small i{width:7px;height:7px;border-radius:50%}
.ev-is.bs-bitti .ev-ism b{color:#a29fb3;text-decoration:line-through}
.ev-iszaman{height:22px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;background:#f1eff6;color:#6b6880;font-size:11px;font-weight:800}
.ev-iszaman.acil{background:#ffe6fd;color:#a3009a}
@media (max-width:1100px) and (min-width:601px){.ev .ev-akis{max-height:640px}}   /* rol blokları + akış sığsın */
/* telefon (390 px) */
.ev-mtus,.ev-msayfa,.ev-mtarih,.ev-mav,.ev-pok,.ev-mnav{display:none}
@media (max-width:600px){
  .ev .ev-bas{height:60px;padding:0 10px;gap:6px}
  .ev-mtus{width:44px;height:44px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;cursor:pointer;
    background:var(--ev-duz-zemin);box-shadow:var(--ev-duz);color:var(--y-ikincil)}
  .ev-mtus svg{width:18px;height:18px;display:block}
  .ev-mtus:active{transform:scale(.96)}
  .ev .ev-kullanici,.ev .ev-bas .topgrp,.ev .ev-markakap .ev-marka,.ev .ev-ara kbd{display:none}
  .ev .ev-markakap{position:absolute;left:50%;transform:translateX(-50%);font-size:15px;white-space:nowrap}
  .ev-msayfa{display:inline-flex;align-items:baseline;gap:.5em;font-weight:600}
  .ev-msayfa b{font-weight:600;color:var(--y-metin)}
  .ev-msayfa em{width:7px;height:7px;border-radius:50%;background:#a66bff;align-self:center}
  .ev .ev-ara{width:44px;height:44px;padding:0;justify-content:center;border-radius:14px}
  .ev .ev-govde{gap:0;padding:4px 0 100px}
  .ev .ev-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px 16px}
  .ev .ev-selam{flex-direction:column;align-items:flex-start;gap:3px}
  .ev-mtarih{display:block;font-size:12.5px;font-weight:600;color:var(--y-ikincil)}
  .ev .ev-selam h1{font-size:27px;white-space:normal}
  .ev-adim{background:linear-gradient(90deg,#c9a6ff,#ff8af6);-webkit-background-clip:text;background-clip:text;color:transparent}
  html[data-tema="acik"] .ev-adim,html[data-tema="krem"] .ev-adim{background-image:linear-gradient(90deg,#7b20ff,#d414bd)}
  .ev .ev-tarih{display:none}
  .ev-mav{width:46px;height:46px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;cursor:pointer;
    background:var(--accent);color:#fff;font:700 14px var(--ui);box-shadow:0 0 0 3px rgba(166,107,255,.35),0 6px 16px rgba(0,0,0,.35)}
  .ev .ev-kolonlar{display:flex;flex-direction:column;gap:22px}
  .ev .ev-akis{margin:0 16px;max-height:none;border-radius:22px}
  .ev .ev-akis .ev-kbas{padding:14px 14px 6px 16px;align-items:center}
  .ev-ktarih{display:none}
  .ev .ev-bugun{font-size:20px}
  .ev-bugun i{display:inline-block;animation:bsBugunNabiz 1.8s ease-out infinite}
  .ev .ev-anahtar{height:50px;background:#f1eef8;box-shadow:inset 0 0 0 1px #e7e2f2}
  .ev .ev-akis .ev-anahtar .ev-sekme{width:82px;height:44px;padding:0;font-size:13px}
  .ev .ev-akis .ev-kgovde{padding:0 14px 10px 16px}
  .ev-ak::before{content:"";position:absolute;left:61px;top:14px;bottom:14px;width:2px;border-radius:2px;background:#eeeaf5}
  .ev-akis a.ev-aks{grid-template-columns:48px 28px minmax(0,1fr) auto;grid-template-areas:"saat ray ad cip";gap:0;min-height:54px;padding:6px 0;border-radius:0}
  .ev-akis a.ev-aks:hover{background:none}
  .ev-akis a.ev-aks.suruyor{margin:2px -8px;padding:8px;border-radius:14px;background:linear-gradient(90deg,#f4ecff,#fdf0fc);box-shadow:inset 0 0 0 1px #ecdffd}
  .ev-aks.gecti{opacity:.5}
  .ev-aksaat{font-size:12.5px}
  .ev-akray{position:relative;z-index:1;display:flex;justify-content:center}
  .ev-akray i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #fff}
  .ev-aks.suruyor .ev-akray i{box-shadow:0 0 0 3px #f6eeff,0 0 0 6px rgba(166,107,255,.25)}
  .ev-akm{gap:2px;padding-right:8px}
  .ev-akm b{font-size:14px;font-weight:700;letter-spacing:-.01em}
  .ev-akm small{display:flex;align-items:center;gap:6px;min-width:0;font-size:11.5px;font-weight:600;color:#6b6880;white-space:nowrap;overflow:hidden}
  .ev-akm small span{overflow:hidden;text-overflow:ellipsis}
  .ev-akm em{flex:0 0 auto;height:17px;padding:0 6px;border-radius:6px;display:inline-flex;align-items:center;background:#ff3df0;color:#2a0026;font-size:10px;font-weight:800;font-style:normal}
  .ev-akcip{height:24px;font-size:11px}
  .ev-simdi{position:relative;height:28px;padding:0}
  .ev-simdi i{position:absolute;left:0;right:0;top:50%;margin-top:-1px;background:linear-gradient(90deg,#ff3df0,rgba(255,61,240,.12));box-shadow:0 0 10px rgba(255,61,240,.55)}
  .ev-simdi i::before{display:none}
  .ev-simdi b{position:relative;z-index:1;width:auto;height:22px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;background:#ff3df0;color:#2a0026;
    font-size:11px;box-shadow:0 4px 12px rgba(255,61,240,.45)}
  .ev-simdi em{display:block;position:absolute;left:56px;top:50%;z-index:1;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#ff3df0;box-shadow:0 0 0 3px #fff}
  .ev-isliste{gap:8px;margin-top:6px}
  .ev-is{min-height:64px;padding:10px 12px;gap:12px;border-radius:16px;background:#f7f5fb;box-shadow:inset 0 0 0 1px #ece8f4}
  .ev-is:hover{background:#f7f5fb}
  .ev-kutu{width:28px;height:28px;border-radius:9px;box-shadow:inset 0 0 0 2px #cfc8e0}
  .ev-kutu svg{width:16px;height:16px}
  .ev-ism b{font-size:14px;font-weight:700;letter-spacing:-.01em}
  .ev-ism small{display:flex}
  .ev-iszaman{height:24px;padding:0 9px;border-radius:8px;font-size:11.5px}
  .ev .ev-sag{display:flex;flex-direction:column;gap:0}
  .ev .ev-sag>.ev-h2{margin:0 0 8px;padding:0 16px}
  .ev .ev-sag>.ev-sayfa-bas{order:1}
  .ev .ev-sag>.ev-sayfalar{order:2}
  .ev .ev-sag>.ev-hesap-bas{order:3;margin-top:14px}
  .ev .ev-sag>.ev-hesaplar{order:4}
  .ev .ev-sayfalar,.ev .ev-hesaplar{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:6px 16px 14px;scrollbar-width:none}
  .ev .ev-sayfalar::-webkit-scrollbar,.ev .ev-hesaplar::-webkit-scrollbar{display:none}
  .ev .ev-pkart{position:relative;flex:0 0 150px;height:146px;scroll-snap-align:start}
  .ev .ev-pikon{width:46px;height:46px;border-radius:14px}
  .ev .ev-pikon svg{width:22px;height:22px}
  .ev .ev-pad{font-size:15.5px}
  .ev-pok{position:absolute;right:12px;top:14px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:var(--y-yuzey2);color:var(--y-ikincil);transition:transform .25s,background-color .25s,color .25s}
  .ev-pok svg{width:14px;height:14px;display:block}
  .ev-pkart:active .ev-pok{transform:translateX(2px);background:var(--accent);color:#fff}
  .ev .ev-hkart{flex:0 0 180px;scroll-snap-align:start}
  .ev-mnav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;height:80px;padding:6px 8px 14px;box-sizing:border-box;
    background:color-mix(in srgb,var(--y-taban) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--y-cizgi)}
  .ev-mnav-ic{position:relative;display:flex;height:60px}
  .ev-mnav-hap{position:absolute;left:0;top:0;width:calc(100% / var(--n,5));height:100%;pointer-events:none}
  .ev-mnav-hap::before{content:"";position:absolute;left:50%;top:4px;width:58px;height:32px;margin-left:-29px;border-radius:999px;background:var(--accent);
    box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 45%,transparent),0 0 22px color-mix(in srgb,var(--accent) 30%,transparent)}
  .ev-mnav button{position:relative;flex:1;min-width:0;height:60px;border:0;padding:4px 0 0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;
    cursor:pointer;color:var(--y-soluk);font:600 10.5px var(--ui);letter-spacing:.01em;transition:color .25s}
  .ev-mnav .ik{width:58px;height:32px;display:flex;align-items:center;justify-content:center}
  .ev-mnav svg{width:21px;height:21px;display:block;transition:transform .3s cubic-bezier(.2,.9,.3,1.3)}
  .ev-mnav button.on{color:var(--y-metin)}
  .ev-mnav button.on .ik{color:#fff}
  .ev-mnav button:active svg{transform:scale(.88)}
}
@keyframes bsBugunNabiz{0%{box-shadow:0 0 0 0 rgba(255,61,240,.55)}100%{box-shadow:0 0 0 9px rgba(255,61,240,0)}}
@media (prefers-reduced-motion:reduce){.ev-rb-etk,.ev-rb-hazir i::after,.ev-simdi i,.ev-bugun i,.ev-is.bs-bitti .ev-kutu svg,.ev-is.bs-bitti .ev-kutu::before{animation:none!important}}

/* dar ekran */
@media (max-width:1100px){
  .ev-ust,.ev-kolonlar{grid-template-columns:minmax(0,1fr)}
  .ev-ust .ev-h2{display:none}
  .ev-kolonlar{flex:0 0 auto}
  .ev-akis{max-height:460px}
  .ev-izgara{flex:0 0 auto;grid-template-rows:repeat(3,96px)}
  .ev-sag>.ev-h2.ev-hesap-bas{display:block}
}
@media (max-width:760px){
  .ev-bas{padding:0 14px;gap:8px}
  .ev-kim,.ev-marka{display:none}
  .ev-govde{padding:18px 14px 24px}
  .ev-izgara{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:92px}
}
.ev-hesap-bas{display:none}

/* ============ ANA SAYFA v2 DİLİ — BÜTÜN SAYFALAR (3 Eki 2026, kullanıcı: "eski tasarımları ana sayfadaki gibi yap") ============
   Düğme ve girdiler çerçevesiz, yalnız gölgeli (--y-duz); birincil düğme vurgu renginde hafif ışımalı; kartlar ana sayfa kartı gibi
   iç çizgi + yumuşak gölge; seçili sekme/anahtar mor hap. Renk/ölçü token'ları temadan gelir (açık temalarda kart + hafif gölge). */
html[data-tema] .btn{border-color:transparent;background:var(--y-duz-zemin);box-shadow:var(--y-duz)}
html[data-tema] .btn:hover{background:var(--y-yuzey3);border-color:transparent}
html[data-tema] .btn.ghost{background:var(--y-duz-zemin)}
html[data-tema] .btn.primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 45%,transparent)}
html[data-tema] .btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,#fff)}
html[data-tema] .btn.iconbtn,html[data-tema] .btn.fsbtn{border-color:transparent;background:var(--y-duz-zemin);box-shadow:var(--y-duz)}
html[data-tema] .btn.iconbtn:hover,html[data-tema] .btn.fsbtn:hover{background:var(--y-yuzey3);border-color:transparent}
html[data-tema] .modview .modbar .btn{border-color:transparent;background:var(--y-duz-zemin);box-shadow:var(--y-duz)}
html[data-tema] .modview .modbar .btn:hover{background:var(--y-yuzey3)}
html[data-tema] .modview .modbar .btn.iconbtn,html[data-tema] .modview .modbar .btn.fsbtn{width:40px;height:40px;border-radius:12px}
html[data-tema] .input{border-color:transparent;background:var(--y-duz-zemin);box-shadow:var(--y-duz)}
html[data-tema] .input:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
html[data-tema] .card{border-color:transparent;border-radius:16px;box-shadow:inset 0 0 0 1px var(--y-kenar),var(--y-golge)}
html[data-tema] .tag{border-color:transparent;background:var(--y-duz-zemin)}

/* ================= KOMUT PALETİ (⌘K) — Claude Design "Komut paleti" (4 Eki 2026) ================= */
.kp-ov{position:fixed;inset:0;z-index:400;display:flex;justify-content:center;align-items:flex-start;padding:min(84px,10vh) 24px 24px;
  background:rgba(6,5,12,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:bsFade .2s ease}
html[data-tema="acik"] .kp-ov,html[data-tema="krem"] .kp-ov{background:var(--y-ortu)}
.kp-ov.cik{opacity:0;pointer-events:none;transition:opacity .16s}
.kp{position:relative;width:620px;max-width:100%;max-height:calc(100vh - min(84px,10vh) - 24px);display:flex;flex-direction:column;border-radius:22px;overflow:hidden;
  font-family:var(--ui);color:var(--y-metin);
  background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 22%,var(--y-panel)) 0%,var(--y-panel) 52%,color-mix(in srgb,var(--y-panel) 92%,#000) 100%);
  box-shadow:inset 0 0 0 1px var(--y-kenar2),inset 0 1px 0 rgba(255,255,255,.1),0 40px 100px rgba(3,2,10,.6);animation:kpGir .45s var(--bs-yay) backwards}
html[data-tema="acik"] .kp,html[data-tema="krem"] .kp{box-shadow:inset 0 0 0 1px var(--y-kenar2),0 30px 80px rgba(20,20,50,.22)}
.kp-ov.cik .kp{transform:translateY(-8px) scale(.97);transition:transform .16s}
@keyframes kpGir{0%{opacity:0;transform:translateY(-12px) scale(.95)}}
.kp::before{content:'';position:absolute;left:50%;top:-150px;width:440px;height:230px;margin-left:-220px;border-radius:50%;
  background:color-mix(in srgb,var(--accent) 32%,transparent);filter:blur(60px);pointer-events:none}
.kp-ust{position:relative;display:flex;align-items:center;gap:12px;height:62px;flex:0 0 auto;padding:0 14px 0 20px;border-bottom:1px solid var(--y-cizgi)}
.kp-ara svg{width:19px;height:19px;display:block;fill:none;stroke:var(--accent-2);stroke-width:2;stroke-linecap:round}
.kp-giris{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;color:var(--y-metin);font:500 17px var(--ui);caret-color:var(--accent-2)}
.kp-giris::placeholder{color:var(--y-soluk)}
.kp-esc{height:26px;padding:0 9px;border:0;border-radius:8px;cursor:pointer;background:var(--y-yuzey2);box-shadow:inset 0 0 0 1px var(--y-kenar);
  font:700 11px var(--ui);color:var(--y-ikincil);transition:background-color .15s,color .15s,transform .15s}
.kp-esc:hover{background:var(--y-yuzey3);color:var(--y-metin)}
.kp-esc:active{transform:scale(.94)}
.kp-filtre{position:relative;display:flex;align-items:center;gap:4px;flex:0 0 auto;padding:10px 14px 2px;overflow-x:auto}
.kp-f{height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--y-ikincil);font:700 12px var(--ui);cursor:pointer;white-space:nowrap;
  transition:background-color .25s,color .25s,box-shadow .25s,transform .15s}
.kp-f:hover{color:var(--y-metin);background:var(--y-yuzey)}
.kp-f:active{transform:scale(.95)}
.kp-f.on{background:var(--y-yuzey3);color:var(--y-metin);box-shadow:inset 0 0 0 1px var(--y-kenar2)}
.kp-liste{position:relative;flex:1;min-height:0;overflow-y:auto;padding:6px 8px 8px}
.kp-gosterge{position:absolute;left:8px;right:8px;top:0;height:42px;border-radius:999px;pointer-events:none;z-index:0;opacity:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 48%,transparent),color-mix(in srgb,var(--accent) 20%,transparent) 70%,color-mix(in srgb,var(--accent) 12%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-2) 42%,transparent),0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent);
  transition:transform .34s cubic-bezier(.2,.9,.3,1.15),opacity .2s}
.kp-grup{position:relative;height:28px;display:flex;align-items:flex-end;padding:0 14px 7px;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--y-soluk)}
.kp-oge{position:relative;z-index:1;width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 10px 0 16px;border:0;border-radius:999px;background:transparent;
  text-align:left;cursor:pointer;color:var(--y-ikincil);font-family:var(--ui);transition:color .2s}
.kp-oge.on{color:var(--y-metin)}
.kp-nokta{width:10px;height:10px;border-radius:3px;flex:0 0 auto;background:var(--mc,var(--y-cok-soluk));transition:transform .25s cubic-bezier(.2,.9,.3,1.4)}
.kp-oge.on .kp-nokta{transform:scale(1.2)}
.kp-ad{flex:1;min-width:0;display:flex;flex-direction:column}
.kp-ad b{font-size:13.5px;font-weight:600;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-ad small{font-size:11.5px;line-height:15px;color:var(--y-soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.kp-oge.on .kp-ad small{color:color-mix(in srgb,var(--accent-2) 45%,var(--y-metin))}
.kp-ad mark{background:color-mix(in srgb,var(--accent-2) 28%,transparent);color:inherit;border-radius:4px;padding:0 1px;box-shadow:inset 0 -2px 0 var(--accent-2)}
.kp-tur{height:22px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;flex:0 0 auto;font-size:11px;font-weight:600;color:var(--y-ikincil);background:var(--y-yuzey2)}
.kp-kbd{min-width:28px;height:22px;padding:0 7px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:11.5px;font-weight:700;
  color:#fff;background:var(--accent);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 50%,transparent)}
.kp-oge:not(.on) .kp-kbd{visibility:hidden}
.kp-alt{display:flex;align-items:center;gap:10px;height:48px;flex:0 0 auto;padding:0 10px 0 20px;border-top:1px solid var(--y-cizgi);background:color-mix(in srgb,#000 14%,transparent);
  font-size:12px;color:var(--y-ikincil)}
html[data-tema="acik"] .kp-alt,html[data-tema="krem"] .kp-alt{background:var(--y-yuzey)}
.kp-yol{flex:1;min-width:0;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}
.kp-yol i{width:8px;height:8px;border-radius:3px;flex:0 0 auto;background:var(--y-cok-soluk)}
.kp-yol span{overflow:hidden;text-overflow:ellipsis}
.kp-ac{height:32px;padding:0 6px 0 14px;border:0;border-radius:10px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;cursor:pointer;background:var(--accent);color:#fff;
  font:700 13px var(--ui);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .15s,filter .15s}
.kp-ac:hover{filter:brightness(1.1)}
.kp-ac:active{transform:scale(.96)}
.kp-ac:disabled{opacity:.45;cursor:default}
.kp-ac .kp-kbd{min-width:22px;height:18px;padding:0 5px;font-size:10.5px;background:rgba(255,255,255,.2);box-shadow:none}
.kp-liste>.bs-bos{min-height:0;padding:22px 0 18px}
/* dar ekran güvenliği: grid çocukları içerik genişliğiyle taşmasın; sol kart başlığı gerekirse alt satıra insin */
.ev-kolonlar>*,.ev-ust>*{min-width:0}
.ev-kbas{flex-wrap:wrap;row-gap:8px}

html[data-tema] .login-err{color:#ff6b93}
/* logo kırıntısı düğme olarak da kullanılabilir (bağlantı yerine) */
button.ev-mb-marka{background:none;border:0;padding:0;font:inherit;font-size:15px;font-weight:600}

/* Takvim üst çubuğu dar ekranda: kırıntıdaki "Baykuş Stüdyo /" gizlenir (logo + sayfa adı kalır);
   çubuk kaydırılsa bile "+ Çekim" ve "PNG indir" sağda yapışık kalır (ana eylem gizlenmez) */
@media (max-width:1500px){
  html[data-tema] .modview .modbar:has(.tk-bar) .ev-mb-marka span,
  html[data-tema] .modview .modbar:has(.tk-bar) .ev-mb-ayrac{display:none}
}
html[data-tema] .modview .modbar .tk-bar>.btn:last-child{position:sticky;right:0;z-index:2;box-shadow:-8px 0 0 var(--y-taban)}
html[data-tema] .modview .modbar .tk-bar>.btn:nth-last-child(2){position:sticky;right:var(--tk-cekim-g,86px);z-index:2;background:var(--y-kart-duz);box-shadow:-10px 0 0 var(--y-taban)}

/* ================= SAYFA GEÇİŞLERİ (hareket dili: parla · büyü · içinden belir) =================
   Sayfa hafifçe büyüyerek belirir (transform yalnız viewport boyundaki .modview'da → içerideki fixed çekmeceler kaymaz);
   ana sayfa kutucuğundan açılınca kutucuk ekranı kaplayıp söner (.bs-buyu, app.js buyumeOynat). anim-yok'ta oynamaz. */
@keyframes bsSolma{from{opacity:0}}
@keyframes bsSolma2{from{opacity:0}}
@keyframes bsYuksel{from{opacity:0;transform:translateY(12px)}}
@keyframes bsSayfaGir{0%{opacity:0;transform:scale(.985)}}
html[data-tema] .modview{animation:bsSayfaGir .32s var(--bs-yumusak) backwards}
html[data-tema] .modbody.bs-geldi{animation:bsSolma2 .35s ease backwards}   /* iskeletten gerçek içeriğe */
.bs-buyu{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:300;pointer-events:none;transform-origin:0 0;
  background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--mc,var(--accent)) 26%,transparent),transparent 62%),
    linear-gradient(150deg,color-mix(in srgb,var(--mc,var(--accent)) 36%,var(--y-kart-duz)) 0%,var(--y-taban) 85%);
  animation:bsBuyu .5s cubic-bezier(.2,.9,.3,1.05) forwards}
@keyframes bsBuyu{0%{transform:translate(var(--x),var(--y)) scale(var(--sx),var(--sy));border-radius:var(--r);opacity:1}
  62%{transform:none;border-radius:0;opacity:1}100%{transform:none;border-radius:0;opacity:0}}
.launcher.ev .ev-bas{animation:bsSolma .2s ease backwards}
.launcher.ev .ev-ust{animation:bsYuksel .34s var(--ease-soft) backwards}
.launcher.ev .ev-akis{animation:bsYuksel .38s var(--ease-soft) .04s backwards}
.launcher.ev .ev-sag>.ev-h2{animation:bsSolma .3s ease .06s backwards}
.launcher.ev .ev-hesaplar>.ev-hkart{animation:bsDagit .6s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(.05s + var(--i,0) * 30ms)}
.launcher.ev .ev-sayfalar>.ev-pkart{animation:bsDagit .6s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(.12s + var(--i,0) * 35ms)}
.launcher.ev .ev-hesaplar.bs-sessiz>.ev-hkart{animation:none}   /* tazelemede yeniden dağıtılmaz */
/* kart üzerine gelme / basma (hareket dili): 2px yüksel + sayfa renginde ince ışıma; basınca hafif küçül */
.ev-pkart,.ev-hkart{transition:transform .2s var(--bs-yumusak),box-shadow .25s}
.ev-pkart:hover,.ev-hkart:hover{box-shadow:inset 0 0 0 1px var(--ev-kart-kenar),inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(8,4,20,.45),0 0 0 1px color-mix(in srgb,var(--mc) 30%,transparent)}
.ev-pkart:active,.ev-hkart:active{transform:scale(.97)}
/* ana sayfa sekme geçişi (Bugünün akışı ↔ İşlerim) */
.ev-kgovde>:not(.ev-gizli){animation:bsYuksel .26s var(--ease-soft) backwards}
/* genel iç sayfa geçişi: modüller sayfa değişince kaba .bs-gir ekler (yeniden tetiklemek için kaldırıp ekler) */
.bs-gir>*{animation:bsYuksel .28s var(--ease-soft) backwards}
.bs-gir>*:nth-child(2){animation-delay:.03s}.bs-gir>*:nth-child(3){animation-delay:.06s}.bs-gir>*:nth-child(n+4){animation-delay:.09s}
@media (prefers-reduced-motion:reduce){
  html[data-tema] .modview,html[data-tema] .modbody,.launcher.ev *,.ev-kgovde>*,.bs-gir>*{animation:none!important}
  .bs-buyu{display:none}
}

/* ============ GİRİŞ · tasarım B (bölünmüş ekran) — giriş, ilk giriş/şifre yenileme, pasif hesap ============
   Renkler temadan bağımsız (marka ekranı). Logo yazı boyutunda + taban çizgisine hizalı (bkz. app.js girisMarka). */
.gl{position:fixed;inset:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,54fr) minmax(420px,46fr);
  background:#0c0b12;color:#f6f5ff;font-family:'Sora',system-ui,sans-serif;-webkit-font-smoothing:antialiased;z-index:50}
.gl-sol{position:relative;overflow:hidden;min-height:100%;
  background:radial-gradient(520px 420px at 78% 20%,rgba(255,106,181,.55),transparent 70%),
    radial-gradient(600px 520px at 10% 90%,rgba(40,10,110,.9),transparent 70%),
    linear-gradient(150deg,#2a0c66 0%,#5414d0 46%,#8b2cff 78%,#c04dff 100%)}
.gl-marka{display:flex;align-items:baseline;gap:.42em;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1;color:#fff}
.gl-marka .gl-logo{height:1em;width:auto;display:block;position:relative;top:.1em;filter:none!important}   /* koyu zeminde logo HER ZAMAN beyaz (tema filtresi yok); .1em aşağı = yazının mürekkep kutusuna ortalı */
.gl-sol>.gl-marka{position:absolute;left:56px;top:52px;z-index:2}
.gl-marka.gl-mobil{display:none}
.gl-dev{position:absolute;left:56px;bottom:52px;font-size:clamp(44px,4.6vw,68px);line-height:1.02;font-weight:800;letter-spacing:-.03em;color:#fff}
.gl-sahne{position:absolute;left:50%;top:46%;width:600px;height:480px;transform:translate(-50%,-50%) scale(var(--gl-olcek,1))}
.gl-ic{position:relative;width:100%;height:100%;transform:perspective(1400px) rotateX(14deg) rotateY(-16deg) rotateZ(4deg)}
.gl-kart{position:absolute;box-sizing:border-box;box-shadow:0 30px 70px rgba(10,0,40,.55)}
.gl-k1{left:0;top:30px;width:360px;padding:18px;display:flex;flex-direction:column;gap:10px;border-radius:18px;
  background:rgba(14,10,30,.78);border:1px solid rgba(255,255,255,.16);animation:glSuz 9s ease-in-out infinite}
.gl-kbas{font-size:11px;font-weight:700;letter-spacing:.12em;color:#d9ccff}
.gl-ksatir{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:10px;background:rgba(255,255,255,.06)}
.gl-ksatir>i{width:9px;height:9px;border-radius:3px;background:var(--r);flex-shrink:0}
.gl-ksatir>span:first-of-type{flex:1;font-size:12.5px;font-weight:600;white-space:nowrap}
.gl-cubuk{width:70px;height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;display:block}
.gl-cubuk>i{display:block;height:100%;background:var(--r)}
.gl-k2{left:300px;top:0;width:230px;height:300px;padding:22px 20px;display:flex;flex-direction:column;gap:9px;border-radius:10px;
  background:#fdfcff;transform:rotate(5deg);animation:glSuz 11s ease-in-out -3s infinite}
.gl-k2 b{font-size:13px;font-weight:800;color:#2a0c66}
.gl-c{display:block;height:6px;border-radius:3px;background:#e6e1f5}
.gl-f{margin:6px 0;padding:10px;border-radius:8px;background:#f3edff;font-size:15px;font-weight:700;color:#5414d0;text-align:center}
.gl-bos{margin-top:6px;height:46px;border-radius:8px;border:1.5px dashed #c9b6ff}
.gl-k3{left:90px;top:300px;width:330px;height:180px;border-radius:16px;background:rgba(8,6,16,.88);border:1px solid rgba(255,255,255,.16);
  transform:rotate(-4deg);animation:glSuz 10s ease-in-out -6s infinite}
.gl-kose{position:absolute;width:22px;height:22px;box-sizing:border-box;border:0 solid rgba(255,255,255,.8)}
.gl-kose.a{left:14px;top:14px;border-top-width:2px;border-left-width:2px}
.gl-kose.b{right:14px;top:14px;border-top-width:2px;border-right-width:2px}
.gl-kose.c{left:14px;bottom:14px;border-bottom-width:2px;border-left-width:2px}
.gl-kose.d{right:14px;bottom:14px;border-bottom-width:2px;border-right-width:2px}
.gl-rec{position:absolute;left:46px;top:22px;display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.16em}
.gl-rec>i{width:8px;height:8px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 8px #ff4d5e;animation:glRec 1.6s steps(2,jump-none) infinite}
.gl-tahta{position:absolute;left:70px;top:62px;width:190px;height:74px;border-radius:8px;background:#fdfcff;display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:800;color:#5414d0}
@keyframes glSuz{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes glRec{0%{opacity:1}100%{opacity:.25}}

.gl-sag{display:flex;align-items:center;justify-content:center;padding:40px 24px;
  background:radial-gradient(500px 400px at 50% 40%,rgba(123,32,255,.16),transparent 70%),#0c0b12}
.gl-kap{width:min(380px,100%)}
.gl-formu{display:flex;flex-direction:column;gap:18px}
.gl-baslik{margin:0 0 10px;font-size:30px;font-weight:700;letter-spacing:-.02em;color:#f6f5ff}
.gl-alan{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#a7abc6}
.gl-input{width:100%;height:50px;box-sizing:border-box;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:#f6f5ff;font:500 14.5px 'Sora',system-ui,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}
.gl-input::placeholder{color:#6f7393}
.gl-input:focus{border-color:#9b5bff;box-shadow:0 0 0 3px rgba(155,91,255,.25)}
.gl-sifre{position:relative;display:flex}
.gl-sifre .gl-input{padding-right:48px}
.gl-sifre .gl-input[type=password]{letter-spacing:.12em}
.gl-goz{position:absolute;right:7px;top:7px;width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#8b8fb0;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.gl-goz:hover{color:#fff}.gl-goz.on{color:#c9a9ff}
.gl-hatirla{position:relative;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#c7c9dc;cursor:pointer;user-select:none}
.gl-hatirla input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.gl-anahtar{position:relative;width:36px;height:20px;border-radius:10px;background:rgba(255,255,255,.14);transition:background .2s;flex-shrink:0}
.gl-anahtar::after{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.gl-hatirla input:checked+.gl-anahtar{background:linear-gradient(135deg,#8a3cff,#6a14e6)}
.gl-hatirla input:checked+.gl-anahtar::after{transform:translateX(16px)}
.gl-hatirla input:focus-visible+.gl-anahtar{outline:2px solid #c9a9ff;outline-offset:2px}
.gl-btn{height:52px;margin-top:6px;border:0;border-radius:14px;background:#f6f5ff;color:#1a0b3d;font:700 15px 'Sora',system-ui,sans-serif;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 12px 30px rgba(123,32,255,.35);transition:transform .15s,box-shadow .15s}
.gl-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px rgba(123,32,255,.45)}
.gl-btn:disabled{opacity:.65;cursor:default}
.gl .login-err{color:#ff8a96;font-size:13px;line-height:1.45}
.gl .login-err:empty{display:none}
.gl-cikis{align-self:center;border:0;background:none;color:#8b8fb0;font:500 13px 'Sora',system-ui,sans-serif;cursor:pointer;padding:6px 10px}
.gl-cikis:hover{color:#fff}
.gl-not{margin:0;font-size:14px;line-height:1.55;color:#c7c9dc}
@media (max-width:1280px){.gl-sahne{--gl-olcek:.82}}
@media (max-width:1100px){.gl-sahne{--gl-olcek:.68}.gl-sol>.gl-marka,.gl-dev{left:40px}}
@media (max-height:760px){.gl-sahne{--gl-olcek:.7}}
@media (max-width:900px){
  .gl{grid-template-columns:1fr}.gl-sol{display:none}
  .gl-marka.gl-mobil{display:flex;justify-content:center;margin-bottom:30px;font-size:22px}
  .gl-baslik{text-align:center}
}
@media (prefers-reduced-motion:reduce){.gl-kart,.gl-rec>i{animation:none}}

/* ============ SAYFA TURLARI (core/tur.js) — vurgu + adım kartı + BOYA geçişleri; renkler temadan bağımsız (marka) ============ */
.tur-ov{position:fixed;inset:0;z-index:9500}
.tur-isik{position:fixed;border-radius:14px;pointer-events:none;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1);
  box-shadow:0 0 0 2px #b48cff,0 0 26px 2px rgba(155,91,255,.55),0 0 0 9999px rgba(6,5,14,.72)}
.tur-isik::before,.tur-isik::after{content:'';position:absolute;inset:-2px;border-radius:inherit;pointer-events:none}
.tur-isik.ortada{box-shadow:0 0 0 9999px rgba(6,5,14,.72)}
.tur-isik.ortada::before,.tur-isik.ortada::after{display:none}
.tur-kim{margin:0;font-size:12.5px;line-height:1.5;color:#d9ccff}
.tur-kim b{color:#ffffff}
.tur-kart.tanitim{width:420px}
.tur-kart.tanitim .tur-baslik{font-size:22px}
.tur-isik::before{box-shadow:0 0 0 2px #ff6ab5,0 0 34px 8px rgba(255,106,181,.45);animation:turNabiz 2s ease-in-out infinite}
.tur-isik::after{inset:-10px;border-radius:20px;border:2px solid rgba(180,140,255,.7);animation:turHalka 2s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes turNabiz{0%,100%{opacity:.15}50%{opacity:.85}}
@keyframes turHalka{0%{opacity:.9;transform:scale(.96)}100%{opacity:0;transform:scale(1.12)}}
.tur-kart{position:fixed;width:360px;box-sizing:border-box;padding:18px 20px 16px;display:flex;flex-direction:column;gap:10px;border-radius:16px;
  background:#17161f;color:#f6f5ff;border:1px solid rgba(155,91,255,.55);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 4px rgba(123,32,255,.12),0 0 60px -10px rgba(255,106,181,.35);
  font-family:'Sora',system-ui,sans-serif;overflow:visible}
.tur-ok{position:absolute;width:14px;height:14px;background:#17161f;transform:rotate(45deg);border:0 solid rgba(155,91,255,.55)}
.tur-kart[data-yon=sag] .tur-ok{left:-8px;border-left-width:1px;border-bottom-width:1px}
.tur-kart[data-yon=sol] .tur-ok{right:-8px;left:auto!important;border-right-width:1px;border-top-width:1px}
.tur-kart[data-yon=alt] .tur-ok{top:-8px;border-left-width:1px;border-top-width:1px}
.tur-kart[data-yon=ust] .tur-ok{bottom:-8px;top:auto!important;border-right-width:1px;border-bottom-width:1px}
.tur-kart[data-yon=ic] .tur-ok{display:none}
.tur-ust{display:flex;align-items:center;gap:8px}
.tur-adim{padding:3px 9px;border-radius:8px;background:linear-gradient(135deg,rgba(123,32,255,.35),rgba(255,106,181,.25));color:#efe6ff;font-size:11.5px;font-weight:700}
.tur-baslik{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#f6f5ff}
.tur-metin{margin:0;font-size:13.5px;line-height:1.55;color:#c7c9dc}
.tur-alt{display:flex;align-items:center;gap:6px;margin-top:4px}
.tur-noktalar{display:flex;gap:5px}
.tur-noktalar i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.18);transition:width .35s cubic-bezier(.2,.9,.3,1.3),background .3s}
.tur-noktalar i.gecti{background:rgba(180,140,255,.6)}
.tur-noktalar i.on{width:22px;background:linear-gradient(90deg,#9b5bff,#ff6ab5)}
.tur-atla,.tur-geri{height:34px;padding:0 10px;border:0;background:transparent;color:#8b8fb0;font:600 13px 'Sora',system-ui,sans-serif;cursor:pointer}
.tur-atla:hover,.tur-geri:hover{color:#fff}
.tur-ileri{position:relative;overflow:hidden;height:34px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#8a3cff,#d43cff 60%,#ff6ab5);color:#fff;font:700 13px 'Sora',system-ui,sans-serif;cursor:pointer;
  box-shadow:0 6px 20px -6px rgba(212,60,255,.7);transition:transform .15s}
.tur-ileri:hover{transform:translateY(-1px)}
.tur-ileri:active{transform:scale(.96)}
.tur-ileri::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:0;transform:translateX(-150%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:turParilti 2.4s ease-in-out infinite}
@keyframes turParilti{0%,55%{transform:translateX(-150%)}100%{transform:translateX(330%)}}
/* BAYKUŞ geçişi (sayfa değişimi): logo renklenir, sol gözüne doğru büyür; göz ekranı kaplayınca yeni sayfa açılır */
.tur-logo{position:fixed;inset:0;z-index:9600;pointer-events:auto;overflow:hidden;contain:strict}
.tur-logo svg{display:block;backface-visibility:hidden}
.tur-logo.perde{background:var(--y-taban,#0b0b11)}
.tur-logo.kutu{background:transparent}
.tur-kutu-halka{position:fixed;z-index:9601;pointer-events:none;box-shadow:0 0 0 3px #b48cff,0 0 34px 8px rgba(155,91,255,.6),0 0 0 9999px rgba(6,5,14,.62);animation:turHalkaGir .4s cubic-bezier(.2,.9,.3,1.2)}
@keyframes turHalkaGir{from{opacity:0;transform:scale(1.08)}}
.tur-logo.dolu{background:radial-gradient(circle at 50% 50%,#7b20ff 0%,#2a0f55 70%)}
/* Hoş geldin (ilk giriş) */
.tur-hg-ov{position:fixed;inset:0;z-index:9700;display:flex;align-items:center;justify-content:center;padding:24px;font-family:'Sora',system-ui,sans-serif;color:#fff;overflow:hidden}
.tur-hg-ov{background:radial-gradient(90% 90% at 50% 45%,#2a1650 0%,#120c22 60%,#07060d 100%)}
.tur-hg-ov::before,.tur-hg-ov::after{content:'';position:absolute;width:900px;height:900px;border-radius:50%;opacity:0;pointer-events:none;transition:opacity 1.2s;will-change:transform}
.tur-hg-ov::before{background:radial-gradient(closest-side,rgba(155,91,255,.9),transparent);left:-300px;top:-320px;animation:turBulut1 9s ease-in-out infinite alternate}
.tur-hg-ov::after{background:radial-gradient(closest-side,rgba(255,106,181,.85),transparent);right:-340px;bottom:-360px;animation:turBulut2 11s ease-in-out infinite alternate}
.tur-hg-ov.gir::before{opacity:.45}.tur-hg-ov.gir::after{opacity:.35}
@keyframes turBulut1{to{transform:translate(220px,140px) scale(1.15)}}
@keyframes turBulut2{to{transform:translate(-260px,-120px) scale(1.2)}}
.tur-hg{position:relative;z-index:1;width:min(860px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.tur-hg-logo{font-size:22px;opacity:0;transform:translateY(-10px) scale(.9)}
.tur-hg-ov.gir .tur-hg-logo{animation:turYuksel .7s cubic-bezier(.2,.9,.3,1.3) .1s forwards}
.tur-hg-baslik{margin:0;font-size:clamp(32px,5.2vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#fff;
  text-shadow:0 0 42px rgba(155,91,255,.75),0 0 90px rgba(255,106,181,.35)}
.tur-hg-kelime{display:inline-block;white-space:nowrap}
.tur-hg-baslik .tur-hg-harf{display:inline-block;opacity:0;transform:translateY(40px) rotate(8deg);filter:blur(10px)}
.tur-hg-ov.gir .tur-hg-baslik .tur-hg-harf{animation:turHarf .8s cubic-bezier(.2,.9,.25,1.25) forwards;animation-delay:calc(.35s + var(--g) * 45ms)}
.tur-hg-harf:nth-child(3n+2){color:#f1e6ff}.tur-hg-harf:nth-child(3n){color:#ffe3f1}
@keyframes turHarf{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes turYuksel{to{opacity:1;transform:none}}
.tur-hg-metin{margin:0;font-size:16px;line-height:1.55;color:#d9d4f0;opacity:0}
.tur-hg-ov.gir .tur-hg-metin{animation:turYuksel .6s ease 1.05s forwards}
.tur-hg-rozetler{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tur-hg-rozetler span{--rc:#9b5bff;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fff;background:color-mix(in srgb,var(--rc) 28%,transparent);
  border:1px solid color-mix(in srgb,var(--rc) 70%,transparent);opacity:0;transform:scale(.4)}
.tur-hg-ov.gir .tur-hg-rozetler span{animation:turPop .55s cubic-bezier(.2,.9,.3,1.6) forwards;animation-delay:calc(1.25s + var(--g) * 90ms)}
@keyframes turPop{to{opacity:1;transform:none}}
.tur-hg-sayfalar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13.5px;font-weight:600;color:#bfb8de}
.tur-hg-sayfalar div{display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(10px)}
.tur-hg-sayfalar i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#9b5bff,#ff6ab5);box-shadow:0 0 12px rgba(255,106,181,.8)}
.tur-hg-ov.gir .tur-hg-sayfalar div{animation:turYuksel .5s ease forwards;animation-delay:calc(1.5s + var(--g) * 80ms)}
.tur-hg-alt{display:flex;gap:10px;align-items:center;opacity:0;transform:translateY(14px)}
.tur-hg-ov.gir .tur-hg-alt{animation:turYuksel .6s cubic-bezier(.2,.9,.3,1.2) 1.9s forwards}
.tur-hg-basla{position:relative;overflow:hidden;height:52px;padding:0 26px;border:0;border-radius:14px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  background:linear-gradient(135deg,#8a3cff,#d43cff 55%,#ff6ab5);color:#fff;font:700 16px 'Sora',system-ui,sans-serif;box-shadow:0 14px 40px -10px rgba(212,60,255,.9),0 0 0 6px rgba(155,91,255,.15);transition:transform .15s}
.tur-hg-basla:hover{transform:translateY(-2px) scale(1.02)}
.tur-hg-basla::after{content:'';position:absolute;top:0;bottom:0;width:35%;left:0;transform:translateX(-150%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);animation:turParilti 2.2s ease-in-out 2.4s infinite}
.tur-hg-basla svg{transition:transform .2s}.tur-hg-basla:hover svg{transform:translateX(3px)}
.tur-hg-sonra{height:52px;padding:0 18px;border:0;background:transparent;color:#a9a3c9;font:600 14px 'Sora',system-ui,sans-serif;cursor:pointer}
.tur-hg-sonra:hover{color:#fff}
.tur-hg-ov.cik .tur-hg{transition:opacity .35s,transform .35s cubic-bezier(.6,0,.8,.4);opacity:0;transform:scale(.92) translateY(-12px)}
/* bitiş */
.tur-final{position:fixed;left:50%;top:42%;z-index:9800;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 40px;border-radius:22px;
  background:#17161f;border:1px solid rgba(155,91,255,.6);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 80px -10px rgba(255,106,181,.5);font-family:'Sora',system-ui,sans-serif;color:#fff;
  animation:turFinal .6s cubic-bezier(.2,.9,.3,1.5)}
.tur-final b{font-size:28px;letter-spacing:-.02em;background:linear-gradient(100deg,#fff,#e6d4ff,#ff9dcd);-webkit-background-clip:text;background-clip:text;color:transparent}
.tur-final span{font-size:14px;color:#c7c9dc}
.tur-final.cik{transition:opacity .4s,transform .4s;opacity:0;transform:translate(-50%,-60%) scale(.9)}
@keyframes turFinal{from{opacity:0;transform:translate(-50%,-40%) scale(.6)}}
.tur-konfeti{position:fixed;inset:0;z-index:9790;pointer-events:none;overflow:hidden}
.tur-konfeti i{position:absolute;display:block}
@media (prefers-reduced-motion:reduce){.tur-isik,.tur-kart{transition:none}.tur-isik::before,.tur-isik::after,.tur-ileri::after,.tur-hg-basla::after{animation:none}
  .tur-hg-ov .tur-hg-logo,.tur-hg-ov .tur-hg-baslik .tur-hg-harf,.tur-hg-ov .tur-hg-metin,.tur-hg-ov .tur-hg-rozetler span,.tur-hg-ov .tur-hg-sayfalar div,.tur-hg-ov .tur-hg-alt{opacity:1;transform:none;filter:none;animation:none!important}}

/* ============ HAREKET DİLİ — ORTAK SINIFLAR (Claude Design "Hareket dili", 4 Eki 2026) — yalnız transform/opacity ============
   .bs-dagit/.bs-kay (--i sırası) · .bs-pop · .bs-zipla · .bs-arti · .bs-salla · .bs-nabiz (--nc) · .bs-hov · .bs-tasiniyor/.bs-yuva(.on)
   .bs-adim-ileri/-geri · .bs-hap + .bs-hap-gos (kapta --n, --i) · konfeti: araclar.js konfeti(el). anim-yok/azaltılmış harekette kapalı. */
@keyframes bsDagit{0%{opacity:0;transform:translateY(26px) rotate(-2.5deg) scale(.96)}100%{opacity:1;transform:none}}
@keyframes bsPopGir{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}100%{transform:none}}
@keyframes bsKay{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@keyframes bsZipla{40%{transform:scale(1.25)}}
@keyframes bsSalla{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@keyframes bsNabizH{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
@keyframes bsArti{0%{opacity:0;transform:translateY(8px) scale(.8)}20%{opacity:1}100%{opacity:0;transform:translateY(-30px) scale(1.1)}}
@keyframes bsAdimIleri{0%{opacity:0;transform:translateX(64px)}}
@keyframes bsAdimGeri{0%{opacity:0;transform:translateX(-64px)}}
@keyframes bsDon{to{transform:rotate(360deg)}}
@keyframes bsSuzul{0%,100%{transform:none}50%{transform:translateY(-8px) rotate(-2deg)}}
@keyframes bsHalka{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.1);opacity:0}}
@keyframes bsUc{0%{transform:translate(0,0) rotate(0) scale(.3);opacity:1}70%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1);opacity:0}}
.bs-dagit{animation:bsDagit .7s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--i,0) * 45ms)}
.bs-pop{animation:bsPopGir .5s var(--bs-yay) backwards}
.bs-kay{animation:bsKay .5s var(--bs-yumusak) backwards;animation-delay:calc(var(--i,0) * 40ms)}
.bs-zipla{display:inline-block;animation:bsZipla .45s cubic-bezier(.2,.9,.3,1.4)}
.bs-arti{position:absolute;pointer-events:none;font-weight:800;color:var(--y-yesil);animation:bsArti .85s ease-out forwards}
.bs-salla{animation:bsSalla .42s ease}
.bs-nabiz{position:relative}
.bs-nabiz::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px var(--nc,var(--accent-2));animation:bsNabizH 1.8s ease-out infinite}
.bs-hov{transition:transform .2s var(--bs-yumusak),box-shadow .25s}
.bs-hov:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--y-kenar2),0 12px 28px rgba(8,4,20,.35),0 0 0 1px color-mix(in srgb,var(--accent-2) 25%,transparent)}
.bs-hov:active{transform:scale(.98)}
.bs-tasiniyor{position:relative;z-index:3;transform:scale(1.06) rotate(-2.5deg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-2) 65%,transparent),0 22px 40px rgba(0,0,0,.45);
  transition:transform .2s var(--bs-yay),box-shadow .2s}
.bs-yuva{border:1.5px dashed var(--y-kenar2);border-radius:11px;transition:border-color .25s,background-color .25s,box-shadow .25s}
.bs-yuva.on{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent) 16%,transparent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 0 24px color-mix(in srgb,var(--accent) 40%,transparent)}
.bs-adim-ileri{animation:bsAdimIleri .55s var(--bs-yumusak) backwards}
.bs-adim-geri{animation:bsAdimGeri .55s var(--bs-yumusak) backwards}
.bs-hap{position:relative}
.bs-hap>:not(.bs-hap-gos){position:relative;z-index:1}
.bs-hap-gos{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--n,2));border-radius:999px;pointer-events:none;
  background:var(--accent);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 45%,transparent);
  transform:translateX(calc(var(--i,0) * 100%));transition:transform .42s cubic-bezier(.2,.9,.3,1.25)}
.bs-konfeti{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:5}
.bs-konfeti i{position:absolute;left:-3px;top:-5px;width:6px;height:10px;border-radius:2px;animation:bsUc 1.05s cubic-bezier(.15,.75,.3,1) .1s both}
.bs-konfeti i:nth-child(3n){width:7px;height:7px;border-radius:50%}
.bs-konfeti i:nth-child(1){--x:-104px;--y:-50px;--r:-220deg;background:#a66bff}.bs-konfeti i:nth-child(2){--x:-74px;--y:-88px;--r:160deg;background:#ffd23d}
.bs-konfeti i:nth-child(3){--x:-30px;--y:-98px;--r:-140deg;background:#ff3df0}.bs-konfeti i:nth-child(4){--x:14px;--y:-104px;--r:200deg;background:#00e0ee}
.bs-konfeti i:nth-child(5){--x:56px;--y:-90px;--r:-180deg;background:#2bf06a}.bs-konfeti i:nth-child(6){--x:92px;--y:-64px;--r:240deg;background:#ff7a3d}
.bs-konfeti i:nth-child(7){--x:112px;--y:-22px;--r:-200deg;background:#a66bff}.bs-konfeti i:nth-child(8){--x:104px;--y:22px;--r:160deg;background:#ffd23d}
.bs-konfeti i:nth-child(9){--x:-112px;--y:-8px;--r:180deg;background:#00e0ee}.bs-konfeti i:nth-child(10){--x:-96px;--y:30px;--r:-160deg;background:#ff7a3d}
.bs-konfeti i:nth-child(11){--x:-58px;--y:-46px;--r:120deg;background:#2bf06a}.bs-konfeti i:nth-child(12){--x:62px;--y:-44px;--r:-120deg;background:#ff3df0}
.bs-konfeti i:nth-child(13){--x:-18px;--y:-66px;--r:90deg;background:#ffd23d}.bs-konfeti i:nth-child(14){--x:30px;--y:-70px;--r:-90deg;background:#a66bff}
/* düğme tepkisi (hareket dili): basınca küçül */
html[data-tema] .btn{transition:background-color .15s,box-shadow .2s,color .15s,transform .15s var(--bs-yay)}
html[data-tema] .btn:active:not(:disabled){transform:scale(.96)}
/* ana sayfa: Akış | İşlerim kayan gösterge + tamamlanan iş (onay rozeti + konfeti) */
.ev .ev-anahtar.bs-hap{position:relative;display:grid;grid-template-columns:1fr 1fr}
.ev .ev-anahtar .bs-hap-gos{background:#7b20ff;box-shadow:0 3px 10px rgba(123,32,255,.45)}
.ev .ev-akis .ev-anahtar .ev-sekme.on{background:transparent;box-shadow:none;color:#ffffff}
@media (prefers-reduced-motion:reduce){
  .bs-dagit,.bs-pop,.bs-kay,.bs-zipla,.bs-arti,.bs-salla,.bs-nabiz::after,.bs-adim-ileri,.bs-adim-geri,.bs-konfeti,.ev-is.bs-bitti .ev-kutu svg,.ev-is.bs-bitti .ev-kutu::before{animation:none!important}
  .bs-hap-gos,.bs-hov,.bs-tasiniyor{transition:none}
}

/* ============ YÜKLEME (Claude Design "Yükleme") — app.js yukBar (üst çubuk) + iskeletYap (sayfa iskeleti); ışıltı transform ile ============ */
.bs-yukbar{position:fixed;left:0;right:0;top:0;height:3px;z-index:1000;pointer-events:none;overflow:hidden;display:none}
html.mod-yukleniyor .bs-yukbar,.bs-yukbar.bitti{display:block}
.bs-yukbar i{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:999px;background:linear-gradient(90deg,#7b20ff,#ff3df0);box-shadow:0 0 10px rgba(255,61,240,.7)}
html.mod-yukleniyor .bs-yukbar i{animation:bsYukKay 1.1s cubic-bezier(.4,0,.2,1) infinite}
.bs-yukbar.bitti i{width:100%;transform-origin:left;animation:bsYukBitir .7s ease-out forwards}
@keyframes bsYukKay{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@keyframes bsYukBitir{0%{transform:scaleX(.35);opacity:1}55%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.bs-isk{position:relative;display:block;overflow:hidden;border-radius:10px;background:var(--y-yuzey2)}
.bs-isk::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--y-metin) 8%,transparent),transparent);
  transform:translateX(-100%);animation:bsParilti 1.4s ease-in-out infinite}
@keyframes bsParilti{to{transform:translateX(100%)}}
.bs-isk.yuvarlak{border-radius:50%}
.bs-isk-sayfa{display:flex;flex-direction:column;min-height:100%;animation:bsSolma .25s ease backwards}
.bs-isk-ust{height:64px;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 32px;border-bottom:1px solid var(--y-cizgi)}
.bs-isk-ust .kare{width:40px;height:40px;border-radius:12px}
.bs-isk-ust b{display:inline-flex;align-items:center;gap:8px;margin-left:8px;font-size:15px;font-weight:600;color:var(--y-metin)}
.bs-isk-ust em{width:7px;height:7px;border-radius:50%}
.bs-isk-ust .sp{flex:1}
.bs-isk-ust .hap{width:240px;height:40px;border-radius:999px}
.bs-isk-ic{flex:1;display:flex;flex-direction:column;gap:14px}
.modbody.full .bs-isk-ic{padding:28px 40px 32px}
.bs-isk-ic>.baslik{width:260px;height:28px;border-radius:9px}
.bs-isk-ic>.alt{width:170px;height:12px;margin-bottom:6px}
.bs-isk-sira{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px}
.bs-isk-sira>.bs-isk{height:var(--h,64px);border-radius:14px}
.bs-isk-cipler{display:flex;gap:8px}
.bs-isk-cipler>.bs-isk{width:var(--w,96px);height:30px;border-radius:999px}
.bs-isk-hero{height:130px;border-radius:18px}
.bs-isk-cizgi{width:180px;height:10px;margin-top:6px}
.bs-isk-satir{display:flex;align-items:center;gap:14px;padding:6px 4px}
.bs-isk-satir>.yuvarlak{width:40px;height:40px;flex:0 0 auto;border-radius:12px}
.bs-isk-satir>div{flex:1;display:flex;flex-direction:column;gap:8px}
.bs-isk-satir>div>i{height:10px;border-radius:6px}
.bs-isk-satir>.hap{width:64px;height:22px;flex:0 0 auto;border-radius:8px}
.bs-isk-blok{height:54px;border-radius:14px}
.bs-isk-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.bs-isk-kolon{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:var(--y-yuzey)}
.bs-isk-kolon>.bs-isk{height:110px;border-radius:12px}
.bs-isk-kolon>.bs-isk:first-child{width:40%;height:12px;border-radius:6px}
.bs-isk-dizgi{flex:1;display:flex;gap:16px;min-height:420px}
.bs-isk-dizgi>.bs-isk{flex:1;border-radius:12px}
.bs-isk-dizgi>div{flex:0 0 90px;display:flex;flex-direction:column;gap:12px}
.bs-isk-dizgi>div>.bs-isk{aspect-ratio:1/1.2;border-radius:8px}
@media (prefers-reduced-motion:reduce){.bs-isk::after,.bs-yukbar i{animation:none!important}.bs-yukbar i{width:100%;opacity:.6}}

/* ============ DURUMLAR (Claude Design "Durumlar") — araclar.js: bosDurum · kayitCipi · bildir · onayla; app.js: hata sayfası ============ */
.bs-bos{--c:var(--accent-2);position:relative;min-height:220px;padding:40px 14px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;overflow:hidden;
  border-radius:18px;background:var(--y-kart);box-shadow:inset 0 0 0 1px var(--y-kenar),var(--y-golge);color:var(--y-metin);font-family:var(--ui)}
.bs-bos::before{content:'';position:absolute;left:50%;top:84px;width:170px;height:170px;margin:-85px 0 0 -85px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--c) 28%,transparent),transparent 68%)}
.bs-bos-et{position:absolute;left:14px;top:13px;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--y-soluk)}
.bs-bos-et i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.bs-bos-ikon{position:relative;z-index:1;width:88px;height:88px;color:var(--c);animation:bsSuzul 4.4s ease-in-out infinite;
  filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--c) 30%,transparent))}
.bs-bos-ikon svg{width:100%;height:100%;display:block}
.bs-bos h3{position:relative;z-index:1;margin:auto 0 0;font-size:15px;font-weight:700;letter-spacing:-.01em}
.bs-bos-alt{position:relative;z-index:1;min-height:32px;display:flex;align-items:center;justify-content:center}
.bs-bos-alt .btn{display:inline-flex;align-items:center;gap:6px}
.bs-bos-alt .btn svg{width:14px;height:14px}
.bs-bos.yalin{background:none;box-shadow:none;border-radius:0}
.bs-bos.kucuk{min-height:0;gap:10px;padding-top:18px}
.bs-bos.kucuk::before{top:46px;width:120px;height:120px;margin:-60px 0 0 -60px}
.bs-bos.kucuk .bs-bos-ikon{width:56px;height:56px}
.bs-bos.kucuk h3{margin-top:0;font-size:14px}
.bs-bos.kucuk .bs-bos-alt:empty{display:none}
/* kaydetme çipi */
.bs-kayit{display:inline-flex}
.bs-kayit-ic{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px 0 8px;border-radius:999px;font:700 12.5px var(--ui);white-space:nowrap;
  background:var(--y-yuzey2);box-shadow:inset 0 0 0 1px var(--y-kenar);color:var(--y-ikincil);animation:bsCipGir .35s var(--bs-yay) backwards}
@keyframes bsCipGir{0%{opacity:0;transform:translateY(6px) scale(.92)}}
.bs-halka{width:16px;height:16px;margin:0 1px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent-2) 25%,transparent);border-top-color:var(--accent-2);animation:bsDon .75s linear infinite}
.bs-kayit-ic.tamam{background:color-mix(in srgb,#2bf06a 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#2bf06a 32%,transparent);color:var(--y-yesil-yazi)}
.bs-kayit-ic.hata{background:color-mix(in srgb,#ff3df0 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#ff3df0 45%,transparent);color:var(--y-pembe-yazi);
  animation:bsCipGir .3s backwards,bsSalla .45s .12s ease}
.bs-kayit-tik,.bs-kayit-unlem{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.bs-kayit-tik{background:#2bf06a;color:#05230f;animation:bsTikPop .55s .05s cubic-bezier(.2,.9,.3,1.6) backwards}
.bs-kayit-unlem{background:#ff3df0;color:#2a0626}
.bs-kayit-ic svg{width:11px;height:11px;display:block}
.bs-kayit-ic i{font-style:normal;opacity:.55}
.bs-kayit-ic button{border:0;background:transparent;padding:0;font:800 12.5px var(--ui);color:var(--y-metin);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@keyframes bsTikPop{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.3) rotate(6deg)}100%{transform:none}}
/* bildirim balonları */
.bs-tostlar{position:fixed;right:24px;bottom:24px;z-index:9000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.bs-tost{--c:#a66bff;position:relative;width:360px;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:12px;padding:13px 10px 15px 13px;border-radius:16px;overflow:hidden;
  pointer-events:auto;font-family:var(--ui);color:var(--y-metin);
  background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 14%,var(--y-panel)) 0%,var(--y-panel) 100%);
  box-shadow:inset 0 0 0 1px var(--y-kenar2),0 18px 44px rgba(0,0,0,.45),0 0 28px color-mix(in srgb,var(--c) 22%,transparent);
  animation:bsTostGir .55s cubic-bezier(.2,.9,.3,1.15) backwards}
@keyframes bsTostGir{0%{opacity:0;transform:translate(115%,24px) scale(.9)}}
.bs-tost.cik{animation:bsTostCik .4s ease forwards}
@keyframes bsTostCik{to{opacity:0;transform:translateX(30px) scale(.96)}}
.bs-tost-ik{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--c);color:#0b0b11;
  animation:bsPopGir .45s .2s cubic-bezier(.2,.9,.3,1.5) backwards}
.bs-tost-ik svg{width:18px;height:18px;display:block}
.bs-tost-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bs-tost-m b{font-size:13.5px;font-weight:700}
.bs-tost-m span{font-size:12px;color:var(--y-ikincil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-tost-x{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--y-soluk);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  transition:background-color .15s,color .15s}
.bs-tost-x:hover{background:var(--y-yuzey2);color:var(--y-metin)}
.bs-tost-x svg{width:14px;height:14px;display:block}
.bs-tost-sure{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--c);opacity:.85;transform-origin:left;animation:bsTostSure var(--sure,3s) linear forwards}
@keyframes bsTostSure{from{transform:scaleX(1)}to{transform:scaleX(0)}}
/* çevrimdışı bandı: üstten kayar, içerik aşağı iner; bağlantı gelince yeşile döner ve kalkar */
.bs-ag-bant{position:fixed;left:0;right:0;top:0;z-index:460;height:40px;display:flex;align-items:center;gap:9px;padding:0 32px;font:700 12.5px var(--ui);color:#2a2003;
  background:#ffd23d;box-shadow:0 8px 20px rgba(0,0,0,.35);transform:translateY(-110%);transition:transform .5s cubic-bezier(.2,.9,.3,1.15),background-color .35s,color .35s}
.bs-ag-bant.acik{transform:none}
.bs-ag-bant.yesil{background:#2bf06a;color:#04260f}
.bs-ag-bant svg{width:16px;height:16px;flex:0 0 auto;display:block}
.bs-ag-bant span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:bsKay .3s backwards}
html.bs-agsiz #app{box-sizing:border-box;padding-top:40px}
/* onay penceresi */
.bs-onay-ov{position:fixed;inset:0;z-index:420;display:grid;place-items:center;padding:20px;background:rgba(5,3,12,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bsFade .3s ease}
html[data-tema="acik"] .bs-onay-ov,html[data-tema="krem"] .bs-onay-ov{background:var(--y-ortu)}
.bs-onay-ov.cik{opacity:0;transition:opacity .18s}
.bs-onay{--oc:#ff3df0;width:320px;max-width:100%;padding:20px 18px 16px;border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;
  font-family:var(--ui);color:var(--y-metin);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,var(--y-panel)) 0%,var(--y-panel) 100%);
  box-shadow:inset 0 0 0 1px var(--y-kenar2),0 24px 60px rgba(0,0,0,.5);animation:bsOnayGir .6s cubic-bezier(.2,.9,.3,1.35) backwards}
.bs-onay.sakin{--oc:var(--accent-2)}
@keyframes bsOnayGir{0%{opacity:0;transform:translateY(12%) scale(.7)}60%{opacity:1;transform:translateY(-1%) scale(1.04)}100%{transform:none}}
.bs-onay-ik{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--oc) 16%,transparent);color:var(--oc);
  box-shadow:0 0 0 7px color-mix(in srgb,var(--oc) 7%,transparent);animation:bsPopGir .5s .15s cubic-bezier(.2,.9,.3,1.5) backwards}
.bs-onay-ik svg{width:22px;height:22px;display:block}
.bs-onay h4{margin:4px 0 0;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.bs-onay-cip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:8px;background:var(--y-yuzey2);font-size:11.5px;font-weight:700;color:var(--y-ikincil)}
.bs-onay-cip i{width:8px;height:8px;border-radius:50%;background:var(--cc,var(--accent-2))}
.bs-onay-alt{display:flex;gap:8px;width:100%;margin-top:6px}
.bs-onay-alt .btn{flex:1;display:flex;align-items:center;justify-content:center;height:40px}
html[data-tema] .bs-onay .btn.tehlike{background:#ff3df0;color:#22041f;box-shadow:0 3px 10px rgba(255,61,240,.45)}
html[data-tema] .bs-onay .btn.tehlike:hover{background:#ff5cf3}
/* hata sayfası (modül açılamadı) */
.bs-hata-sayfa{min-height:min(560px,70vh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;text-align:center;
  border-radius:18px;font-family:var(--ui);background:radial-gradient(460px 260px at 50% 48%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%)}
.modbody.full>.bs-hata-sayfa{height:100%;border-radius:0}
.bs-hata-logo{height:88px;width:auto;display:block;opacity:.2;filter:var(--y-logo)}
.bs-hata-logo.zip{animation:bsHataZip .7s cubic-bezier(.2,.9,.3,1.2)}
@keyframes bsHataZip{30%{transform:translateY(-18px) scale(1.04,.96)}55%{transform:translateY(0) scale(1.07,.92)}75%{transform:translateY(-6px)}}
.bs-hata-sayfa h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--y-metin)}
.bs-hata-dene{display:inline-flex;align-items:center;gap:8px}
.bs-hata-dene span{display:inline-flex}
.bs-hata-dene svg{width:15px;height:15px;display:block}
.bs-hata-dene .don{animation:bsDon .8s linear infinite}
@media (prefers-reduced-motion:reduce){.bs-bos-ikon,.bs-kayit-ic,.bs-halka,.bs-tost,.bs-tost-ik,.bs-tost-sure,.bs-onay,.bs-onay-ik,.bs-hata-logo,.bs-hata-dene .don{animation:none!important}.bs-ag-bant{transition:none}}

/* ============ AYARLAR (Claude Design "Ayarlar", 4 Eki 2026) — app.js openSettings ============ */
.ayr-ov{place-items:start center;overflow-y:auto;padding:40px 24px}
.ayr-ov.cik{opacity:0;transition:opacity .18s}
.ayr-pencere{--v:var(--accent);--vh:color-mix(in srgb,var(--accent) 45%,transparent);--vs:color-mix(in srgb,var(--accent) 18%,transparent);
  position:relative;width:560px;max-width:100%;border-radius:24px;overflow:hidden;color:var(--y-metin);font-family:var(--ui);
  background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 16%,var(--y-panel)) 0%,var(--y-panel) 55%,color-mix(in srgb,var(--y-panel) 90%,#000) 100%);
  box-shadow:inset 0 0 0 1px var(--y-kenar2),inset 0 1px 0 rgba(255,255,255,.08),0 40px 90px rgba(4,2,12,.6);animation:ayrGir .5s var(--bs-yay) backwards}
html[data-tema="acik"] .ayr-pencere,html[data-tema="krem"] .ayr-pencere{box-shadow:inset 0 0 0 1px var(--y-kenar2),0 30px 80px rgba(20,20,50,.22)}
@keyframes ayrGir{0%{opacity:0;transform:translateY(14px) scale(.92)}}
.ayr-pencere::before{content:'';position:absolute;left:-80px;top:-120px;width:360px;height:260px;border-radius:50%;background:var(--vs);filter:blur(50px);pointer-events:none}
.ayr-bas{position:relative;display:flex;align-items:center;gap:12px;height:72px;padding:0 18px 0 24px;border-bottom:1px solid var(--y-cizgi)}
.ayr-bas-ik{width:40px;height:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--v);color:#fff;box-shadow:0 3px 10px var(--vh)}
.ayr-bas-ik svg{width:19px;height:19px;display:block}
.ayr-bas-m{flex:1;min-width:0}
.ayr-h{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em}
.ayr-bas small{display:block;margin-top:2px;font-size:12px;color:var(--y-ikincil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ayr-x{width:40px;height:40px;flex:0 0 auto;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  background:var(--y-duz-zemin);box-shadow:var(--y-duz);color:var(--y-ikincil);transition:background-color .15s,color .15s,transform .15s}
.ayr-x:hover{background:var(--y-yuzey3);color:var(--y-metin)}
.ayr-x:active{transform:scale(.96)}
.ayr-x svg{width:16px;height:16px;display:block}
.ayr-govde{position:relative;padding:18px 24px 24px;display:flex;flex-direction:column;gap:16px}
.ayr-et{margin:0 0 10px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--y-ikincil)}
.ayr-temalar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ayr-tema{position:relative;display:flex;flex-direction:column;gap:6px;padding:6px;border:0;border-radius:15px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;
  background:var(--y-yuzey);box-shadow:inset 0 0 0 1px var(--y-kenar);transition:box-shadow .25s,background-color .25s,transform .2s;
  animation:bsDagit .7s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(200ms + var(--i,0) * 55ms)}
.ayr-tema:hover{background:var(--y-yuzey2);transform:translateY(-2px)}
.ayr-tema:active{transform:scale(.97)}
.ayr-tema.on{background:var(--vs);box-shadow:0 0 0 2px var(--v),0 6px 18px var(--vh)}
.ayr-on{position:relative;display:block;height:60px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ayr-bant{position:absolute;left:0;right:0;top:0;height:12px;display:flex;align-items:center;gap:4px;padding:0 6px}
.ayr-bant i{width:4px;height:4px;border-radius:50%;background:var(--v)}
.ayr-bant u,.ayr-k1 u,.ayr-k2 u{display:block;height:3px;border-radius:2px;background:currentColor;opacity:.3}
.ayr-bant u{width:16px;opacity:.35}
.ayr-k1,.ayr-k2{position:absolute;top:19px;height:34px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 6px}
.ayr-k1{left:7px;width:58px;box-shadow:0 3px 8px rgba(0,0,0,.45)}
.ayr-k2{left:71px;right:7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ayr-k1 u:first-child,.ayr-k2 u:first-child{width:70%;opacity:.55}
.ayr-k1 u:last-child,.ayr-k2 u:last-child{width:45%}
.ayr-yari{position:absolute;inset:0;clip-path:polygon(56% 0,100% 0,100% 100%,44% 100%)}
.ayr-tema-ad{display:flex;align-items:center;justify-content:space-between;height:22px;padding:0 4px 0 5px;font-size:12.5px;font-weight:700;color:var(--y-metin)}
.ayr-tik{width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;flex:0 0 auto;background:var(--v);color:#fff;box-shadow:0 2px 8px var(--vh)}
.ayr-tema.on .ayr-tik{display:inline-flex;animation:bsPopGir .5s var(--bs-yay)}
.ayr-tik svg{width:11px;height:11px;display:block}
.ayr-liste{padding:2px 16px;border-radius:16px;background:var(--y-yuzey);box-shadow:inset 0 0 0 1px var(--y-kenar)}
.ayr-sat{display:flex;align-items:center;gap:12px;min-height:52px}
.ayr-sat+.ayr-sat{border-top:1px solid var(--y-cizgi)}
.ayr-sat-ad{flex:1;min-width:0;display:flex;align-items:center;gap:11px;font-size:13.5px;font-weight:600}
.ayr-sat-ik{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--y-yuzey2);color:var(--y-ikincil)}
.ayr-sat-ik svg{width:15px;height:15px;display:block}
.ayr-renkler{display:flex;gap:10px}
.ayr-renk{width:26px;height:26px;border:0;border-radius:50%;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.35);transition:box-shadow .25s,transform .2s}
.ayr-renk:hover{transform:scale(1.1)}
.ayr-renk.on{box-shadow:0 0 0 3px var(--y-panel),0 0 0 5px var(--c),0 4px 12px var(--c)}
.ayr-renk span{display:none}
.ayr-renk.on span{display:inline-flex;animation:bsPopGir .5s var(--bs-yay)}
.ayr-renk svg{width:13px;height:13px;display:block}
.ayr-kaydir{display:flex;align-items:center;gap:10px}
.ayr-mini{width:28px;height:28px;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--y-yuzey2);color:var(--y-ikincil);
  transition:background-color .15s,color .15s,transform .15s}
.ayr-mini:hover{background:var(--y-yuzey3);color:var(--y-metin)}
.ayr-mini:active{transform:scale(.92)}
.ayr-mini svg{width:13px;height:13px;display:block}
.ayr-ray{--p:33%;--tik:rgba(255,255,255,.55);-webkit-appearance:none;appearance:none;width:150px;height:28px;margin:0;padding:0;background:transparent;cursor:pointer}
html[data-tema="acik"] .ayr-ray,html[data-tema="krem"] .ayr-ray{--tik:rgba(20,20,50,.3)}
.ayr-ray::-webkit-slider-runnable-track{height:4px;border-radius:999px;
  background:radial-gradient(circle,var(--tik) 0 1.6px,transparent 2.1px) -2px 50%/22px 4px repeat-x,linear-gradient(var(--v),var(--v)) 0 0/var(--p) 100% no-repeat,var(--y-yuzey3)}
.ayr-ray::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(var(--v),var(--v)) 0 0/var(--p) 100% no-repeat,var(--y-yuzey3)}
.ayr-ray::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--vs),0 3px 8px rgba(0,0,0,.4)}
.ayr-ray::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--vs),0 3px 8px rgba(0,0,0,.4)}
.ayr-ray:focus{outline:none}
.ayr-ray:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--vh),0 3px 8px rgba(0,0,0,.4)}
.ayr-deger{min-width:44px;text-align:right;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.ayr-sw{position:relative;width:46px;height:26px;flex:0 0 auto;border:0;padding:0;border-radius:999px;cursor:pointer;background:var(--y-yuzey3);box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
  transition:background-color .25s,box-shadow .25s}
.ayr-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.2,.9,.3,1.4)}
.ayr-sw.on{background:var(--v);box-shadow:0 3px 10px var(--vh)}
.ayr-sw.on i{transform:translateX(20px)}
.ayr-seg{display:grid;grid-template-columns:1fr 1fr;width:216px;height:34px;padding:3px;border-radius:999px;background:var(--y-yuzey2);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.ayr-seg .bs-hap-gos{background:var(--v);box-shadow:0 3px 10px var(--vh);transition:transform .4s cubic-bezier(.2,.9,.3,1.25)}
.ayr-seg>button,.ayr-seg-sec{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;border:0;padding:0 8px;border-radius:999px;background:transparent;
  font:700 12px var(--ui);color:var(--y-ikincil);cursor:pointer;transition:color .25s}
.ayr-seg>button:hover,.ayr-seg-sec:hover{color:var(--y-metin)}
.ayr-seg>.on,.ayr-seg>.on:hover{color:#fff}
.ayr-seg-sec>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ayr-seg-ok{display:inline-flex;opacity:.7}
.ayr-seg-ok svg{width:10px;height:10px;display:block}
.ayr-seg-sec select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}
.ayr-sifre{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:16px;background:var(--y-yuzey);box-shadow:inset 0 0 0 1px var(--y-kenar);
  animation:bsKay .4s var(--bs-yumusak) backwards}
.ayr-sifre[hidden]{display:none}
.ayr-alan{display:flex;flex-direction:column;gap:6px;font-size:11.5px;font-weight:700;color:var(--y-ikincil)}
.ayr-alan:first-child{grid-column:1/-1}
.ayr-alan input{height:40px;border:0;border-radius:11px;padding:0 12px;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px var(--y-kenar);color:var(--y-metin);
  font:500 13px var(--ui);outline:none;transition:box-shadow .2s}
html[data-tema="acik"] .ayr-alan input,html[data-tema="krem"] .ayr-alan input{background:var(--y-girdi)}
.ayr-alan input:focus{box-shadow:inset 0 0 0 1.5px var(--v),0 0 0 4px var(--vs)}
.ayr-alan.hata input{background:color-mix(in srgb,#ff3df0 6%,transparent);box-shadow:inset 0 0 0 1.5px #ff3df0,0 0 0 4px rgba(255,61,240,.14),0 0 22px rgba(255,61,240,.25);animation:bsSalla .42s ease}
.ayr-sifre-msg{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--y-pembe-yazi)}
.ayr-sifre-msg:empty{display:none}
.ayr-sifre-alt{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
.ayr-alt{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.ayr-alt.tek{grid-template-columns:1fr}
html[data-tema] .ayr-alt .btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:44px;gap:8px;border-radius:12px;font-size:13px}
.ayr-alt .btn svg{width:15px;height:15px;display:block;flex:0 0 auto}
.ayr-alt .btn:disabled{cursor:default;opacity:1}
.ayr-ilerle{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--v);box-shadow:0 0 10px var(--vh);transform-origin:left;transform:scaleX(0);transition:transform .3s ease}
.ayr-don{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--y-metin) 22%,transparent);border-top-color:var(--y-metin);animation:bsDon .8s linear infinite}
.ayr-ok{display:inline-flex;align-items:center;gap:8px;color:var(--y-yesil);animation:bsPopGir .5s var(--bs-yay)}
@media (max-width:600px){.ayr-ov{padding:16px}.ayr-temalar{grid-template-columns:repeat(2,minmax(0,1fr))}.ayr-sat{flex-wrap:wrap;padding:8px 0}.ayr-alt{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ayr-pencere,.ayr-tema,.ayr-tik,.ayr-renk span,.ayr-sifre,.ayr-alan.hata input,.ayr-don,.ayr-ok{animation:none!important}}

/* zil: okunmamış bildirim varsa pembe nokta (sayı yok) — ana sayfa başlığı + telefon alt sekmesi */
.ev-zil,.ev-mnav-zil .ik{position:relative}
.ev-zil.var::after,.ev-mnav-zil.var .ik::after{content:"";position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#ff3df0;
  box-shadow:0 0 0 2px var(--y-taban,#0b0b11),0 0 10px rgba(255,61,240,.7);animation:bsZilNabiz 2.4s ease-in-out infinite}
.ev-mnav-zil.var .ik::after{top:-2px;right:-3px}
@keyframes bsZilNabiz{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
html.anim-yok .ev-zil.var::after,html.anim-yok .ev-mnav-zil.var .ik::after{animation:none}
@media (prefers-reduced-motion:reduce){.ev-zil.var::after,.ev-mnav-zil.var .ik::after{animation:none}}