/* Kenzo Ekip — telefon öncelikli arayüz.
   Kimlik: Kenzo Medya sitesiyle aynı aile (Syne başlık + Inter metin), gece siyahı zemin, marka limesi.
   Tek cesur unsur: Bugün ekranındaki mesai kartı. Geri kalan her şey sakin. */
:root {
  --gece: #070708; --yuzey: #121215; --yuzey2: #1a1a1f; --yuzey3: #232329;
  --cizgi: rgba(255,255,255,.07); --cizgi2: rgba(255,255,255,.12);
  --metin: #f3f3ee; --soluk: #8b8b94; --soluk2: #5f5f68;
  --lime: #d4ff3a; --lime-ink: #0b0d02; --lime-sis: rgba(212,255,58,.1);
  --kor: #ff7a2f; --hata: #ff6b5e; --basari: #5fe39a; --sari: #ffc86b;
  --r-buyuk: 26px; --r-orta: 18px; --r-kucuk: 12px;
  --gecis: .18s cubic-bezier(.2,.8,.2,1);
  --alt: env(safe-area-inset-bottom, 0px);
  --baslik: "Syne", "Inter", system-ui, sans-serif;
  /* eski adlar (diğer betikler ve satır içi stiller için) */
  --zemin: var(--gece); --panel: var(--yuzey); --panel2: var(--yuzey2); --vurgu: var(--lime); --vurgu-ink: var(--lime-ink); --turuncu: var(--kor);
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
html, body { margin: 0; background: var(--gece); color: var(--metin); font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
body { background: radial-gradient(120% 60% at 100% -10%, rgba(212,255,58,.07), transparent 55%), var(--gece); background-attachment: fixed; }
h1, h2, h3 { margin: 0 0 6px; line-height: 1.12; font-family: var(--baslik); letter-spacing: -.01em; }
h1 { font-size: 2.1em; font-weight: 800; }
h2 { font-size: 1.65em; font-weight: 800; }
h3 { font-size: 1.08em; font-weight: 700; margin: 26px 0 10px; color: var(--metin); }
.soluk { color: var(--soluk); margin: 0 0 14px; }
.bos { color: var(--soluk); padding: 14px 2px; margin: 0; }
.hata { color: var(--hata); }
a { color: var(--lime); }
svg.ikon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* Form */
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; transition: transform var(--gecis), background var(--gecis), border-color var(--gecis), opacity var(--gecis); }
button:active:not(:disabled) { transform: scale(.97); }
:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }
input, select, textarea { width: 100%; background: var(--yuzey); border: 1px solid var(--cizgi2); border-radius: var(--r-kucuk); padding: 13px 14px; outline: none; transition: border-color var(--gecis), background var(--gecis); }
input:focus, select:focus, textarea:focus { border-color: var(--lime); background: var(--yuzey2); }
input::placeholder, textarea::placeholder { color: var(--soluk2); }
label { display: block; font-size: .86em; color: var(--soluk); margin-bottom: 14px; }
label input, label select, label textarea { margin-top: 7px; color: var(--metin); font-size: 1.07em; }
button.birincil { width: 100%; padding: 15px; border: none; border-radius: 999px; background: var(--lime); color: var(--lime-ink); font-weight: 700; font-size: 1.02em; box-shadow: 0 8px 28px -10px rgba(212,255,58,.55); }
button.birincil:disabled { opacity: .45; box-shadow: none; }
button.ikincil, a.ikincil { padding: 11px 16px; border-radius: 999px; border: 1px solid var(--cizgi2); background: var(--yuzey); color: var(--metin); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.kucuk-birincil { padding: 10px 16px; border: none; border-radius: 999px; background: var(--lime); color: var(--lime-ink); font-weight: 700; }
.iki { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
label.onay { display: flex; gap: 10px; align-items: flex-start; color: var(--metin); }
label.onay input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--lime); }

/* Giriş: logo ve büyük başlık, tek sütun */
.giris { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 28px 24px; max-width: 420px; margin: 0 auto; }
.giris-logo { width: 132px; margin-bottom: 40px; }
.giris h1 { font-size: 2.6em; margin-bottom: 10px; }

/* Üst çubuk */
.ust { position: sticky; top: 0; z-index: 6; display: flex; align-items: center; justify-content: space-between; padding: calc(env(safe-area-inset-top, 0px) + 12px) 18px 12px; background: linear-gradient(var(--gece) 55%, rgba(7,7,8,0)); }
.ust-logo { height: 24px; }
.ust-ad { display: inline-flex; align-items: center; gap: 8px; color: var(--soluk); font-size: .88em; }
.ust-ad::after { content: attr(data-bas); width: 32px; height: 32px; border-radius: 50%; background: var(--yuzey3); color: var(--lime); display: grid; place-items: center; font-family: var(--baslik); font-weight: 800; font-size: .95em; }
main { padding: 4px 18px calc(110px + var(--alt)); max-width: 640px; margin: 0 auto; }

/* Yüzen alt menü */
.alt-menu { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(12px + var(--alt)); z-index: 8; display: flex; gap: 2px; padding: 6px; width: min(440px, calc(100% - 24px)); justify-content: space-between;
  background: rgba(22,22,27,.82); backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4); border: 1px solid var(--cizgi2); border-radius: 999px; box-shadow: 0 18px 40px -16px rgba(0,0,0,.8); }
.alt-menu button { flex: 1 1 0; min-width: 0; background: none; border: none; height: 50px; border-radius: 999px; display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--soluk); font-size: .82em; font-weight: 600; transition: flex-grow var(--gecis), background var(--gecis), color var(--gecis); }
.alt-menu button .etiket { display: none; white-space: nowrap; }
.alt-menu button.aktif { flex-grow: 2.1; background: var(--lime); color: var(--lime-ink); }
.alt-menu button.aktif .etiket { display: inline; }
.alt-menu .nokta { position: absolute; margin: -18px 0 0 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--kor); }

/* Bugün: mesai kartı (imza unsur) */
.selam { margin: 8px 0 18px; }
.selam h2 { font-size: 2em; }
.selam p { margin: 2px 0 0; color: var(--soluk); }
.mesai-kart { position: relative; overflow: hidden; border-radius: var(--r-buyuk); padding: 22px 20px 20px; background: var(--yuzey); border: 1px solid var(--cizgi2); margin-bottom: 14px; animation: belir .5s cubic-bezier(.2,.8,.2,1) both; }
.mesai-kart .durum { display: flex; align-items: center; gap: 8px; font-size: .86em; color: var(--soluk); }
.mesai-kart .durum::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--soluk2); }
.mesai-kart .sure { font-family: var(--baslik); font-weight: 800; font-size: 3.6em; line-height: 1; letter-spacing: -.03em; margin: 14px 0 6px; font-variant-numeric: tabular-nums; }
.mesai-kart .baslik { font-family: var(--baslik); font-weight: 700; font-size: 1.15em; }
.mesai-kart .alt-bilgi { color: var(--soluk); font-size: .88em; margin-top: 2px; }
.mesai-kart .kucuk-birincil { margin-top: 18px; width: 100%; padding: 14px; font-size: 1em; }
.mesai-kart.acik { background: var(--lime); color: var(--lime-ink); border-color: var(--lime); box-shadow: 0 24px 50px -24px rgba(212,255,58,.6); }
.mesai-kart.acik .durum, .mesai-kart.acik .alt-bilgi { color: rgba(11,13,2,.7); }
.mesai-kart.acik .durum::before { background: var(--lime-ink); animation: nabiz 1.6s infinite; }
.mesai-kart.acik .kucuk-birincil { background: var(--lime-ink); color: var(--lime); }
.mesai-kart::after { content: ""; position: absolute; right: -40px; top: -40px; width: 170px; height: 170px; border-radius: 50%; border: 22px solid currentColor; opacity: .05; pointer-events: none; }
@keyframes nabiz { 50% { opacity: .25; } }
@keyframes belir { from { opacity: 0; transform: translateY(10px); } }
.konum-serit { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 56px); z-index: 5; margin: 0 18px 8px; border-radius: 999px; background: var(--lime-sis); color: var(--lime); border: 1px solid rgba(212,255,58,.3); font-size: .78em; padding: 6px 14px; text-align: center; backdrop-filter: blur(10px); }

/* Listeler ve kartlar */
.liste { display: flex; flex-direction: column; gap: 10px; }
.kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: 15px 16px; }
.kart .ust-satir { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.kart .baslik { font-weight: 600; }
.kart .alt-bilgi { color: var(--soluk); font-size: .86em; margin-top: 3px; }
.kart.tamam { opacity: .5; }
.kart.tamam .baslik { text-decoration: line-through; }
.kart.tiklanir { width: 100%; text-align: left; color: inherit; }
.kart.tiklanir:active { background: var(--yuzey2); }
.duyuru { border: none; background: linear-gradient(135deg, rgba(212,255,58,.14), rgba(212,255,58,.03)); margin-bottom: 10px; border-radius: var(--r-orta); }
.duyuru .baslik { font-family: var(--baslik); }
.duyuru.onemli { background: linear-gradient(135deg, rgba(255,122,47,.22), rgba(255,122,47,.04)); }
.onay-kutu { width: 30px; height: 30px; flex: none; border-radius: 50%; border: 2px solid var(--cizgi2); background: none; color: var(--lime-ink); font-weight: 900; }
.onay-kutu.dolu { background: var(--lime); border-color: var(--lime); }
.cip { display: inline-block; font-size: .74em; font-weight: 600; padding: 3px 10px; border-radius: 999px; background: var(--yuzey3); color: var(--soluk); white-space: nowrap; }
.cip.yesil { background: rgba(95,227,154,.14); color: var(--basari); }
.cip.sari { background: rgba(255,200,107,.14); color: var(--sari); }
.cip.kirmizi { background: rgba(255,107,94,.14); color: var(--hata); }
.baslik-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.bolum-bas { display: flex; align-items: baseline; justify-content: space-between; margin: 26px 0 10px; }
.bolum-bas h3 { margin: 0; }
.bolum-bas small { color: var(--soluk); }

/* Hedef ve takip (Bugün) */
.hedef-kart { display: grid; gap: 14px; }
.hedef-satir .ust-satir { font-size: .9em; }
.hedef-satir b { font-family: var(--baslik); }
.cubuk { height: 8px; border-radius: 999px; background: var(--yuzey3); overflow: hidden; margin-top: 6px; }
.cubuk i { display: block; height: 100%; border-radius: inherit; background: var(--lime); transition: width .6s cubic-bezier(.2,.8,.2,1); }
.cubuk.tamam i { background: var(--basari); }
.prim-not { font-size: .85em; color: var(--soluk); border-top: 1px solid var(--cizgi); padding-top: 12px; }
.siralama { display: flex; flex-direction: column; gap: 2px; }
.siralama .satir { display: flex; align-items: center; gap: 12px; padding: 10px 2px; border-bottom: 1px solid var(--cizgi); }
.siralama .satir:last-child { border-bottom: none; }
.siralama .yer { width: 28px; font-family: var(--baslik); font-weight: 800; color: var(--soluk); }
.siralama .satir.ben .yer, .siralama .satir.ben .ad { color: var(--lime); }
.siralama .ad { flex: 1; }
.siralama .puan { font-family: var(--baslik); font-weight: 700; }
.takip-kart { display: flex; align-items: center; gap: 12px; }
.takip-kart .bilgi { flex: 1; min-width: 0; }
.takip-kart .eylem { width: 42px; height: 42px; flex: none; border-radius: 50%; border: none; background: var(--lime); color: var(--lime-ink); display: grid; place-items: center; }
.takip-kart.gecik .alt-bilgi b { color: var(--kor); }

/* Bildirim (uygulama içi) */
.bildirim { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(80px + var(--alt)); z-index: 30; width: min(440px, calc(100% - 24px)); background: var(--yuzey3); border: 1px solid var(--cizgi2); padding: 13px 16px; border-radius: var(--r-orta); box-shadow: 0 16px 40px -14px rgba(0,0,0,.8); animation: belir .25s ease both; }
.bildirim::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); margin-right: 10px; vertical-align: middle; }
.bildirim.hata::before { background: var(--hata); }

/* Genel yardımcılar */
.ust-bosluk { margin-top: 12px; }
.kucuk-yazi { font-size: .8em; margin-top: 18px; text-align: center; }
.ortala { text-align: center; margin-top: 30px; }
.dugmeler { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.metin-blok { white-space: pre-wrap; }
body.kilitli { overflow: hidden; }
.geri { background: none; border: none; color: var(--soluk); padding: 0 0 12px; font-size: .95em; display: inline-flex; align-items: center; gap: 4px; }

/* Sohbet ekranları (asistan + ekip) */
.sohbet-sayfa { display: flex; flex-direction: column; min-height: calc(100vh - 170px); }
.sohbet-akis { flex: 1; display: flex; flex-direction: column; gap: 10px; padding-bottom: 96px; }
.mesaj { max-width: 86%; padding: 11px 15px; border-radius: 20px; background: var(--yuzey); border: 1px solid var(--cizgi); overflow-wrap: anywhere; position: relative; }
.mesaj.ben { align-self: flex-end; background: var(--lime); color: var(--lime-ink); border-color: var(--lime); border-bottom-right-radius: 6px; }
.mesaj.ben small { color: rgba(11,13,2,.6); }
.mesaj.o { align-self: flex-start; border-bottom-left-radius: 6px; }
.mesaj small { display: block; text-align: right; color: var(--soluk); font-size: .72em; margin-top: 2px; }
.mesaj .kim { display: block; font-size: .78em; font-weight: 600; color: var(--lime); margin-bottom: 2px; }
.mesaj .kim.yonetici { color: var(--kor); }
.mesaj .kopyala, .mesaj .dinle { display: inline-block; margin: 8px 6px 0 0; background: none; border: 1px solid var(--cizgi2); border-radius: 999px; padding: 4px 12px; font-size: .78em; color: var(--soluk); }
.mesaj.yaziyor { display: flex; gap: 5px; padding: 15px; }
.mesaj.yaziyor span { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); opacity: .3; animation: zipla 1.2s infinite; }
.mesaj.yaziyor span:nth-child(2) { animation-delay: .15s; } .mesaj.yaziyor span:nth-child(3) { animation-delay: .3s; }
@keyframes zipla { 40% { opacity: 1; transform: translateY(-3px); } }
.gun-ayrac { align-self: center; font-size: .75em; color: var(--soluk); padding: 3px 12px; background: var(--yuzey); border-radius: 999px; margin: 6px 0; }
.yaz-cubugu { position: fixed; left: 50%; transform: translateX(-50%); width: min(440px, calc(100% - 24px)); bottom: calc(76px + var(--alt)); z-index: 7; display: flex; gap: 8px; align-items: flex-end; padding: 6px; background: rgba(22,22,27,.9); backdrop-filter: blur(16px); border: 1px solid var(--cizgi2); border-radius: 28px; }
.yaz-cubugu textarea { flex: 1; resize: none; max-height: 140px; border: none; background: transparent; border-radius: 20px; padding: 11px 12px; }
.yaz-cubugu textarea:focus { background: transparent; }
.yaz-cubugu .gonder, .yaz-cubugu .mikrofon { width: 44px; height: 44px; flex: none; border: none; border-radius: 50%; display: grid; place-items: center; }
.yaz-cubugu .gonder { background: var(--lime); color: var(--lime-ink); }
.yaz-cubugu .mikrofon { background: var(--yuzey3); color: var(--metin); }
.yaz-cubugu .mikrofon.dinliyor { background: var(--kor); color: #fff; animation: nabiz 1.2s infinite; }
.karsilama { text-align: center; padding: 26px 6px 0; }
.kure { width: 84px; height: 84px; margin: 0 auto 18px; border-radius: 50%; background: radial-gradient(circle at 34% 28%, #f0ffb8, #d4ff3a 38%, #4a5a12 100%); box-shadow: 0 0 60px rgba(212,255,58,.28); animation: nefes 4s ease-in-out infinite; }
@keyframes nefes { 50% { transform: scale(1.06); } }
.oneriler { display: flex; flex-direction: column; gap: 8px; margin-top: 18px; }
.oneriler button { text-align: left; padding: 12px 16px; border-radius: var(--r-orta); border: 1px solid var(--cizgi); background: var(--yuzey); }

/* Alttan açılan form */
.perde { position: fixed; inset: 0; z-index: 20; background: rgba(0,0,0,.65); backdrop-filter: blur(4px); display: flex; align-items: flex-end; }
.alt-sayfa { width: 100%; max-height: 92vh; overflow-y: auto; background: var(--yuzey); border-top: 1px solid var(--cizgi2); border-radius: var(--r-buyuk) var(--r-buyuk) 0 0; padding: 22px 18px calc(22px + var(--alt)); animation: yukari .28s cubic-bezier(.2,.8,.2,1) both; }
@keyframes yukari { from { transform: translateY(40px); opacity: .5; } }
.alt-sayfa::before { content: ""; display: block; width: 40px; height: 4px; border-radius: 4px; background: var(--cizgi2); margin: -10px auto 14px; }
.kapat { background: var(--yuzey3); border: none; color: var(--soluk); width: 34px; height: 34px; border-radius: 50%; font-size: 1em; }
.notlar { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.not { padding: 9px 13px; border-radius: var(--r-kucuk); background: var(--yuzey2); font-size: .9em; white-space: pre-wrap; }
.not small { display: block; color: var(--soluk); }

/* Daha menüsü: iki sütunlu karolar */
.menu-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0 20px; }
.menu-liste button { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; text-align: left; padding: 16px; border-radius: var(--r-orta); border: 1px solid var(--cizgi); background: var(--yuzey); min-height: 128px; }
.menu-liste button .ikon-kutu { width: 40px; height: 40px; border-radius: 12px; background: var(--yuzey3); color: var(--lime); display: grid; place-items: center; }
.menu-liste button.genis { grid-column: 1 / -1; flex-direction: row; align-items: center; min-height: 0; background: linear-gradient(135deg, rgba(212,255,58,.16), rgba(212,255,58,.03)); border-color: rgba(212,255,58,.25); }
.menu-liste button.genis .ikon-kutu { background: var(--lime); color: var(--lime-ink); }
.menu-liste b { display: block; font-size: .95em; line-height: 1.25; }
.menu-liste small { display: block; font-size: .78em; color: var(--soluk); margin-top: 3px; line-height: 1.35; }
.cikis { width: 100%; }
.ses-not { margin: -6px 0 14px; padding: 7px 14px; font-size: .84em; color: var(--soluk); }
.ses-not.dinliyor { border-color: var(--kor); color: var(--kor); }
.ses-not .ikon { width: 17px; height: 17px; }
.ayar-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: var(--r-orta); background: var(--yuzey); border: 1px solid var(--cizgi); margin-bottom: 10px; }
.ayar-satir small { display: block; color: var(--soluk); font-size: .82em; }

/* Ziyaret */
.konum-satir { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.foto-onizleme { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: -4px 0 12px; }
.foto-onizleme img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-kucuk); }
.harita-kutu { margin: 0 0 12px; border: 1px solid var(--cizgi); border-radius: var(--r-orta); overflow: hidden; background: var(--yuzey); }
.harita-kutu iframe { display: block; width: 100%; height: 190px; border: 0; }
.harita-kutu a { display: block; padding: 10px 14px; font-size: .85em; text-decoration: none; }
.foto-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.foto-dugmeler .etiket { width: 100%; color: var(--soluk); font-size: .86em; }
.dugme-etiket { flex: 1; text-align: center; padding: 12px; border-radius: 999px; border: 1px solid var(--cizgi2); background: var(--yuzey); cursor: pointer; margin: 0; color: var(--metin); }
.aydinlatma { font-size: .9em; line-height: 1.55; max-height: 55vh; overflow-y: auto; margin-bottom: 14px; }
.aydinlatma ul { padding-left: 18px; }
.aydinlatma li { margin-bottom: 6px; }

/* Performans */
.istatistik { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sayi-kart span { font-size: 1.1em; }
.sayi-kart b { display: block; font-family: var(--baslik); font-size: 2.2em; font-weight: 800; color: var(--lime); line-height: 1.05; margin-top: 6px; }
.sayi-kart small { color: var(--soluk); }

/* Teklif */
.paket-sec.secili { border-color: var(--lime); background: var(--lime-sis); }
.teklif-onizleme { white-space: pre-wrap; font-family: inherit; font-size: .9em; line-height: 1.55; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-orta); padding: 14px 16px; margin: 0 0 12px; }
.iki-dugme { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.iki-dugme button { width: 100%; padding: 14px; border-radius: 999px; }
.ikincil.tam { width: 100%; padding: 13px; margin-bottom: 12px; }

/* Rapor hazırlama */
.sekme-dugmeler { display: flex; gap: 2px; padding: 4px; margin-bottom: 16px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 999px; overflow-x: auto; scrollbar-width: none; }
.sekme-dugmeler::-webkit-scrollbar { display: none; }
.sekme-dugmeler button { flex: 1 0 auto; padding: 9px 11px; border-radius: 999px; border: none; background: none; color: var(--soluk); font-weight: 600; font-size: .9em; }
.sekme-dugmeler button.aktif { background: var(--lime); color: var(--lime-ink); }
.oto-kart { border: 1px solid rgba(212,255,58,.35); background: linear-gradient(160deg, rgba(212,255,58,.1), var(--yuzey) 60%); border-radius: var(--r-buyuk); padding: 18px; margin: 4px 0 14px; }
.oto-bas { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font-family: var(--baslik); font-size: 1.15em; }
.oto-rozet { font-family: "Inter", sans-serif; font-size: .62em; font-weight: 700; padding: 4px 9px; border-radius: 999px; background: var(--lime); color: var(--lime-ink); }
.oto-kart .alt-bilgi { margin: 0 0 14px; color: var(--soluk); font-size: .88em; }
details.elle { margin: 4px 0 10px; }
details.elle > summary { cursor: pointer; color: var(--soluk); padding: 12px 2px; list-style: none; font-size: .92em; }
details.elle > summary::before { content: "+ "; color: var(--lime); font-weight: 700; }
details.elle[open] > summary::before { content: "– "; }
.puan-serit { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 58px); z-index: 3; display: flex; justify-content: space-between; align-items: center; background: rgba(26,26,31,.92); backdrop-filter: blur(12px); border: 1px solid var(--cizgi2); border-radius: 999px; padding: 10px 18px; margin-bottom: 10px; }
.puan-serit b { color: var(--lime); font-family: var(--baslik); font-size: 1.35em; }
.alan-kart summary { display: flex; justify-content: space-between; align-items: center; gap: 8px; cursor: pointer; list-style: none; }
.alan-kart summary::-webkit-details-marker { display: none; }
.alan-kart[open] summary { margin-bottom: 8px; }
.madde { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--cizgi); font-size: .93em; color: var(--metin); margin: 0; }
.madde input { width: 22px; height: 22px; flex: none; accent-color: var(--lime); margin: 0; }
.rakip-satir .baslik { margin-bottom: 8px; font-family: var(--baslik); }
.rapor-kap { width: 100%; overflow: hidden; border-radius: var(--r-orta); background: #fff; margin-bottom: 14px; box-shadow: 0 20px 50px -20px rgba(0,0,0,.9); }
.rapor-kap iframe { width: 794px; height: 1123px; border: 0; transform-origin: 0 0; display: block; }
.sunum-kart ol, .kontrol-kart ul { padding-left: 20px; margin: 8px 0; line-height: 1.55; }
.madde.bilinmiyor { color: var(--sari); }
.madde.bilinmiyor::after { content: "?"; margin-left: auto; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,200,107,.16); color: var(--sari); font-weight: 800; font-size: .8em; }
.ig-gorsel { display: grid; gap: 8px; margin-bottom: 14px; }
.ig-gorsel .etiket { color: var(--soluk); font-size: .86em; }
.ig-gorsel img { width: 96px; border-radius: var(--r-kucuk); border: 1px solid var(--cizgi2); }
.ig-gorsel small { margin: 0; font-size: .78em; }
.taslak-bilgi { border-color: rgba(212,255,58,.35); background: var(--lime-sis); margin-bottom: 12px; }
.taslak-bilgi b { color: var(--lime); }
.taslak-bilgi ul { margin: 8px 0 0; padding-left: 18px; color: var(--soluk); font-size: .9em; }
input.bos-alan { border-color: rgba(255,200,107,.5); }
.kontrol-kart { border-color: rgba(255,200,107,.35); background: rgba(255,200,107,.06); margin-bottom: 10px; }
.bekleme { position: fixed; inset: 0; z-index: 40; background: rgba(7,7,8,.88); backdrop-filter: blur(8px); display: grid; place-items: center; padding: 24px; }
.bekleme-kutu { text-align: center; display: grid; gap: 8px; justify-items: center; max-width: 300px; }
.bekleme-kutu b { font-family: var(--baslik); font-size: 1.3em; }
.bekleme-kutu span { color: var(--lime); min-height: 1.5em; }
.bekleme-kutu small { color: var(--soluk); }
.kure-anim { width: 96px; height: 96px; border-radius: 50%; margin-bottom: 14px; background: conic-gradient(from 0deg, var(--lime), rgba(212,255,58,.05) 70%, var(--lime)); -webkit-mask: radial-gradient(circle, transparent 58%, #000 60%); mask: radial-gradient(circle, transparent 58%, #000 60%); animation: don 1.1s linear infinite; }
@keyframes don { to { transform: rotate(360deg); } }

/* ================================================================ Kenzo Ekip 1.3 */
.ust-logo { height: 44px; }
.giris-logo { width: 210px; }
.alt-menu button { position: relative; }
.alt-menu .nokta { position: absolute; top: 9px; left: calc(50% + 6px); margin: 0; width: 9px; height: 9px; box-shadow: 0 0 0 2px rgba(22,22,27,.9); }
.alt-menu button.aktif .nokta { display: none; }
.etiket-baslik { display: block; font-size: .86em; color: var(--soluk); margin: 4px 0 8px; }
.cip-secim { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.cip-secim button { padding: 9px 14px; border-radius: 999px; border: 1px solid var(--cizgi2); background: var(--yuzey); color: var(--soluk); font-size: .9em; font-weight: 600; }
.cip-secim button.secili { background: var(--lime); border-color: var(--lime); color: var(--lime-ink); }
.menu-liste button.sunum-karo { background: linear-gradient(135deg, rgba(255,122,47,.22), rgba(212,255,58,.08)); border-color: rgba(255,122,47,.4); }
.menu-liste button.sunum-karo .ikon-kutu { background: var(--kor); color: #fff; }

/* Müşteri kartı */
.foto-doldur { display: flex !important; gap: 12px; align-items: center; padding: 14px 16px; margin-bottom: 16px !important; border-radius: var(--r-orta); border: 1px dashed rgba(212,255,58,.45); background: var(--lime-sis); color: var(--metin) !important; cursor: pointer; }
.foto-doldur .ikon { color: var(--lime); width: 26px; height: 26px; }
.foto-doldur b { display: block; font-size: 1.02em; }
.foto-doldur small { display: block; color: var(--soluk); font-size: .82em; line-height: 1.35; }
.foto-doldur.calisiyor { opacity: .7; pointer-events: none; }
.foto-doldur.calisiyor .ikon { animation: nabiz 1s infinite; }
.kenzo-doldurdu { border-color: var(--lime) !important; box-shadow: 0 0 0 3px var(--lime-sis); }
.m-eylemler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.m-eylemler:empty { display: none; }
.m-eylemler .hizli { display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 999px; border: 1px solid var(--cizgi2); background: var(--yuzey2); color: var(--metin); text-decoration: none; font-size: .88em; font-weight: 600; }
.m-eylemler .hizli .ikon { width: 18px; height: 18px; color: var(--lime); }
.takip-kart .eylem.wa { background: #25d366; color: #fff; }
.takip-kart .eylem.tamam { background: var(--yuzey3); color: var(--lime); }

/* Ziyaret sırası, rota, malzeme */
.sira-kart { border-color: rgba(255,200,107,.4); background: rgba(255,200,107,.08); font-size: .9em; margin-bottom: 14px; }
.sira-kart button { margin-top: 10px; display: flex; }
.rota-kart { display: flex; align-items: center; gap: 12px; }
.rota-kart .sira-no { width: 34px; height: 34px; flex: none; border-radius: 50%; background: var(--lime); color: var(--lime-ink); display: grid; place-items: center; font-family: var(--baslik); font-weight: 800; }
.rota-kart .bilgi { flex: 1; min-width: 0; cursor: pointer; }
.rota-kart .oklar { display: flex; flex-direction: column; gap: 4px; }
.rota-kart .oklar button { width: 34px; height: 28px; border-radius: 8px; border: 1px solid var(--cizgi2); background: var(--yuzey2); color: var(--metin); font-size: .75em; }
.rota-kart .oklar button:disabled { opacity: .25; }
.malzeme-kart { display: flex; gap: 14px; align-items: flex-start; }
.malzeme-kart img { width: 74px; height: 96px; object-fit: cover; border-radius: var(--r-kucuk); flex: none; background: var(--yuzey3); }
.malzeme-kart .bilgi { flex: 1; min-width: 0; }
.malzeme-kart .dugmeler { margin-top: 10px; }
.malzeme-kart .dugmeler > * { padding: 8px 12px; font-size: .84em; }
.malzeme-ikon { width: 46px; height: 46px; border-radius: 12px; background: var(--yuzey3); color: var(--lime); display: grid; place-items: center; flex: none; }

/* QR kartı */
.qr-onizleme { margin: 4px 0 14px; display: grid; place-items: center; }
.qr-kart img { width: min(280px, 80vw); border-radius: 10px; box-shadow: 0 18px 40px -18px rgba(0,0,0,.9); display: block; }

/* ---------------- Tam ekran sunum ---------------- */
.sunum { position: fixed; inset: 0; z-index: 60; background: radial-gradient(120% 70% at 100% 0%, rgba(212,255,58,.1), transparent 55%), var(--gece); display: flex; flex-direction: column; }
.sunum-ust { display: flex; align-items: center; gap: 12px; padding: calc(env(safe-area-inset-top, 0px) + 12px) 18px 8px; }
.sunum-ust img { height: 26px; }
.sunum-ust span { margin-left: auto; color: var(--soluk); font-size: .85em; font-variant-numeric: tabular-nums; }
.sunum-kaydirma { flex: 1; display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior: contain; }
.sunum-kaydirma::-webkit-scrollbar { display: none; }
.sn-slayt { flex: 0 0 100%; scroll-snap-align: start; overflow-y: auto; overflow-x: hidden; display: flex; }
.sn-ic { margin: auto; width: 100%; max-width: 720px; padding: 14px 22px 26px; }
.sn-ic h1 { font-size: clamp(2.2em, 9vw, 4.4em); line-height: .98; margin: 24px 0 14px; }
.sn-ic h1 em { font-style: normal; color: var(--lime); }
.sn-ic h2 { font-size: clamp(1.7em, 7vw, 2.6em); margin: 6px 0 18px; }
.sn-etiket { display: inline-block; font-size: .78em; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--lime); }
.sn-alt { color: var(--soluk); font-size: 1.02em; }
.sn-kapak { text-align: left; }
.sn-logo { width: 190px; }
.sn-icin { display: inline-block; margin-top: 12px; padding: 8px 16px; border-radius: 999px; background: var(--lime-sis); border: 1px solid rgba(212,255,58,.35); color: var(--lime); font-weight: 600; }
.sn-ipucu { color: var(--soluk2); margin-top: 34px; animation: nabiz 2s infinite; }
.sn-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sn-kutu { padding: 14px; border-radius: var(--r-orta); background: var(--yuzey); border: 1px solid var(--cizgi); }
.sn-kutu b { display: block; font-family: var(--baslik); font-size: .98em; line-height: 1.2; margin-bottom: 6px; }
.sn-kutu small { color: var(--soluk); font-size: .8em; line-height: 1.4; display: block; }
.sn-video { position: relative; margin: 0 0 10px; border-radius: var(--r-orta); overflow: hidden; background: #000; border: 1px solid var(--cizgi); }
.sn-video video { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.sn-video.dikey { max-width: 320px; margin: 0 auto; }
.sn-video.dikey video { aspect-ratio: 9 / 16; }
.sn-video figcaption { position: absolute; left: 10px; bottom: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(0,0,0,.6); font-size: .78em; }
.sn-video .ses { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; border-radius: 50%; border: none; background: rgba(0,0,0,.55); font-size: 1.1em; }
.sn-videolar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sn-videolar video { aspect-ratio: 4 / 5; }
.sn-liste { display: grid; gap: 12px; }
.sn-satir { display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; border-radius: var(--r-orta); background: var(--yuzey); border: 1px solid var(--cizgi); }
.sn-satir > span { width: 36px; height: 36px; flex: none; border-radius: 50%; background: var(--lime); color: var(--lime-ink); display: grid; place-items: center; font-family: var(--baslik); font-weight: 800; }
.sn-satir b { display: block; font-family: var(--baslik); font-size: 1.08em; }
.sn-satir small { color: var(--soluk); font-size: .9em; line-height: 1.45; display: block; margin-top: 2px; }
.sn-paketler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sn-paket { --m1: #f3f3ee; --m2: #9a9aa8; --mg: 154,154,168; position: relative; padding: 14px 13px; border-radius: var(--r-orta); border: 1px solid rgba(var(--mg),.35);
  background: radial-gradient(140% 60% at 15% -5%, rgba(var(--mg),.35), transparent 60%), linear-gradient(180deg, #19191f, #0f0f14); }
.sn-paket.bronz { --m1: #ffd2ad; --m2: #d08a52; --mg: 208,138,82; }
.sn-paket.gumus { --m1: #ffffff; --m2: #cfd5df; --mg: 207,213,223; }
.sn-paket.altin { --m1: #fff3c2; --m2: #f5c542; --mg: 245,197,66; }
.sn-paket.platin { --m1: #f6efff; --m2: #cfb2ff; --mg: 196,166,255; }
.sn-paket.oneri { box-shadow: 0 0 0 2px rgb(var(--mg)), 0 20px 40px -20px rgba(var(--mg),.8); padding-top: 26px; }
.sn-rozet { position: absolute; top: -11px; left: 12px; right: 12px; text-align: center; padding: 4px 8px; border-radius: 999px; background: linear-gradient(90deg, var(--m1), var(--m2)); color: #121217; font-size: .7em; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sn-paket .ad { display: block; font-family: var(--baslik); font-size: 1.3em; color: var(--m1); }
.sn-paket > small { display: block; color: var(--soluk); font-size: .74em; line-height: 1.35; min-height: 2.6em; }
.sn-paket .fiyat { margin: 10px 0; padding: 8px 0; border-top: 1px solid rgba(var(--mg),.2); border-bottom: 1px solid rgba(var(--mg),.2); }
.sn-paket .fiyat s { color: var(--soluk2); font-size: .8em; display: block; }
.sn-paket .fiyat b { display: block; font-family: var(--baslik); font-size: 1.25em; color: var(--m1); }
.sn-paket .fiyat small { color: var(--soluk); font-size: .72em; }
.sn-paket ul { margin: 0; padding-left: 16px; color: #d9d9e0; font-size: .76em; line-height: 1.45; }
.sn-kapanis { text-align: center; }
.sn-kapanis button { margin-top: 10px; width: 100%; }
.sn-kapanis .ikincil { padding: 14px; }
.sunum-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 18px calc(14px + var(--alt)); }
.sunum-alt > button { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--cizgi2); background: var(--yuzey); color: var(--metin); font-size: 1.5em; }
.sunum-alt > button:disabled { opacity: .25; }
.sunum-noktalar { display: flex; gap: 7px; }
.sunum-noktalar i { width: 8px; height: 8px; border-radius: 999px; background: var(--yuzey3); cursor: pointer; transition: width var(--gecis), background var(--gecis); }
.sunum-noktalar i.aktif { width: 22px; background: var(--lime); }
@media (min-width: 700px) { .sn-izgara { grid-template-columns: repeat(3, 1fr); } .sn-paketler { grid-template-columns: repeat(4, 1fr); } }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }