/* Bisenler Bayi Portalı — logo renkleri: kömür #2b2a28, altın #e9b34a */
:root{
  --koyu:#2b2a28;--koyu-2:#3a3835;--altin:#e9b34a;--altin-koyu:#b8862b;--altin-acik:#fbf1dc;
  --zemin:#f6f3ee;--kart:#fff;--metin:#211f1c;--soluk:#6f6a62;--cizgi:#e7e1d7;--cizgi-2:#d8d0c3;
  --yesil:#1f7a3d;--yesil-z:#e6f4ea;--kirmizi:#b3261e;--kirmizi-z:#fbe9e7;--sari:#8a5a00;--sari-z:#fff4d6;--gri:#5f5b55;--gri-z:#efece7;
  --r:14px;--r-k:10px;--golge:0 1px 2px rgba(33,31,28,.05),0 4px 16px rgba(33,31,28,.06);
  --alt-bosluk:env(safe-area-inset-bottom,0px);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--koyu);text-decoration-color:var(--altin);text-underline-offset:3px}
h1,h2,h3{line-height:1.25;margin:0 0 .5em}
h1{font-size:1.45rem}h2{font-size:1.05rem}
p{margin:0 0 .8em}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--gri-z);padding:.1em .4em;border-radius:6px}
.ikon{width:20px;height:20px;flex:none}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.soluk{color:var(--soluk)}.orta{text-align:center}.kirmizi-yazi{color:var(--kirmizi)}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--altin);outline-offset:2px}

/* ---------- düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--koyu);border-radius:12px;background:var(--koyu);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,transform .05s;-webkit-tap-highlight-color:transparent}
.dugme:hover{background:var(--koyu-2)}.dugme:active{transform:scale(.985)}
.dugme[disabled]{opacity:.45;cursor:not-allowed}
.dugme.tam{width:100%}.dugme.buyuk{min-height:54px;font-size:1.05rem}
.dugme.kucuk{min-height:36px;padding:0 12px;font-size:.88rem;border-radius:10px}
.dugme.ikincil{background:var(--kart);color:var(--koyu);border-color:var(--cizgi-2)}.dugme.ikincil:hover{background:var(--gri-z)}
.dugme.tehlike{background:var(--kirmizi);border-color:var(--kirmizi)}.dugme.tehlike:hover{background:#961f18}
.dugme.tehlike.cizgili{background:var(--kart);color:var(--kirmizi)}.dugme.tehlike.cizgili:hover{background:var(--kirmizi-z)}
.dugme.basari{background:var(--yesil);border-color:var(--yesil)}.dugme.basari:hover{background:#18632f}
.dugme.metin{background:none;border:0;color:var(--koyu);text-decoration:underline;text-decoration-color:var(--altin)}
.dugme-satir{display:flex;flex-wrap:wrap;gap:10px}
.dikey-dugmeler{display:grid;gap:10px}

/* ---------- form ---------- */
.form{display:grid;gap:14px}
label{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:6px;font-size:.9rem;font-weight:600;color:var(--koyu)}
label>input,label>select,label>textarea{flex-basis:100%}
label small{font-weight:400;color:var(--soluk)}
input,select,textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--cizgi-2);border-radius:var(--r-k);background:#fff;color:var(--metin);font:inherit;font-size:16px;font-weight:400;transition:border-color .15s,box-shadow .15s}
textarea{min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--koyu);box-shadow:0 0 0 3px rgba(233,179,74,.35)}
input[readonly]{background:var(--gri-z);color:var(--soluk)}
input::placeholder{color:#a9a39a}
.iki{display:grid;gap:14px}
@media(min-width:560px){.iki{grid-template-columns:1fr 1fr}}
.iki.dar{grid-template-columns:1fr 1fr}
.ipucu{font-size:.84rem;color:var(--soluk);margin:0}
fieldset{margin:0;min-width:0}
.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:18px;box-shadow:var(--golge);display:grid;gap:14px}
.kutu>h2{margin:0}
fieldset.kutu legend{float:left;width:100%;padding:0;font-weight:700;font-size:1rem;margin-bottom:0}
fieldset.kutu legend+*{clear:both}
.anahtar{display:flex;align-items:center;gap:12px;font-weight:500;cursor:pointer;padding:6px 0}
.anahtar input{appearance:none;-webkit-appearance:none;width:46px;min-width:46px;height:28px;min-height:28px;padding:0;border-radius:99px;background:var(--cizgi-2);border:0;position:relative;cursor:pointer;transition:background .2s}
.anahtar input::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.anahtar input:checked{background:var(--yesil)}.anahtar input:checked::after{transform:translateX(18px)}

.tutar-alan{position:relative}
.tutar-alan input{font-size:1.9rem;font-weight:700;min-height:64px;padding-right:48px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.tutar-alan em{position:absolute;right:16px;bottom:14px;font-style:normal;font-size:1.5rem;font-weight:700;color:var(--soluk)}
.tutar-alan span{font-weight:600}

/* ---------- rozet & bildirim ---------- */
.rozet{display:inline-flex;align-items:center;white-space:nowrap;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:650;line-height:1.5}
.rozet.yesil{background:var(--yesil-z);color:var(--yesil)}.rozet.kirmizi{background:var(--kirmizi-z);color:var(--kirmizi)}
.rozet.sari{background:var(--sari-z);color:var(--sari)}.rozet.gri{background:var(--gri-z);color:var(--gri)}
.bildirim{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-k);font-size:.93rem;margin-bottom:14px}
.bildirim .ikon{margin-top:1px}
.bildirim.hata{background:var(--kirmizi-z);color:var(--kirmizi);border:1px solid #f1c5c0}
.bildirim.bilgi{background:var(--yesil-z);color:var(--yesil);border:1px solid #bfe0c9}
.bos{display:grid;justify-items:center;gap:10px;text-align:center;padding:32px 16px;color:var(--soluk);background:var(--kart);border:1px dashed var(--cizgi-2);border-radius:var(--r)}
.bos .ikon{width:34px;height:34px;color:var(--cizgi-2)}.bos p{margin:0}

/* ================= BAYİ ================= */
.ust{position:sticky;top:0;z-index:20;background:var(--koyu);color:#fff;padding-top:env(safe-area-inset-top,0px);box-shadow:0 1px 0 rgba(0,0,0,.2)}
.ust-ic{max-width:1040px;margin:0 auto;display:flex;align-items:center;gap:14px;min-height:60px;padding:0 16px}
.marka{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.marka img{border-radius:50%;box-shadow:0 0 0 2px rgba(233,179,74,.4)}
.marka span{display:grid;line-height:1.15}.marka b{font-size:1.02rem;letter-spacing:.01em}.marka small{color:var(--altin);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.ust-geri{display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;color:#fff;border-radius:10px}
.ust-geri:hover{background:rgba(255,255,255,.08)}
.ust-baslik{font-size:1.05rem;margin:0;font-weight:650;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ust-menu{display:none}
.ust-bayi{margin-left:auto;display:grid;text-align:right;line-height:1.2;min-width:0;max-width:45%}
.ust-bayi span{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ust-bayi small{color:var(--altin);font-size:.74rem}
.ust-geri~.ust-bayi{display:none}
.icerik{max-width:1040px;margin:0 auto;padding:18px 16px calc(96px + var(--alt-bosluk))}
.alt-menu{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--cizgi);padding-bottom:var(--alt-bosluk)}
.alt-menu a{display:grid;justify-items:center;gap:3px;padding:9px 4px 8px;font-size:.72rem;font-weight:600;color:var(--soluk);text-decoration:none;-webkit-tap-highlight-color:transparent}
.alt-menu a .ikon{width:23px;height:23px}
.alt-menu a.aktif{color:var(--koyu)}.alt-menu a.aktif .ikon{color:var(--altin-koyu)}
@media(min-width:880px){
  .alt-menu{display:none}.icerik{padding-bottom:48px}
  .ust-menu{display:flex;gap:4px;margin-left:24px}
  .ust-menu a{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;color:rgba(255,255,255,.78);text-decoration:none;font-weight:550;font-size:.93rem}
  .ust-menu a .ikon{width:18px;height:18px}
  .ust-menu a:hover{background:rgba(255,255,255,.07);color:#fff}
  .ust-menu a.aktif{background:rgba(233,179,74,.14);color:var(--altin)}
  .ust-geri~.ust-bayi{display:grid}
}

.karsilama{margin:4px 0 16px}.karsilama p{margin:0}.karsilama h1{margin:0;font-size:1.5rem}
.sayfa-baslik{margin-bottom:4px}
.ozet-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.ozet-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px;display:grid;gap:2px;box-shadow:var(--golge)}
.ozet-kart small{color:var(--soluk);font-size:.8rem;font-weight:600}
.ozet-kart b{font-size:1.2rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ozet-kart span{font-size:.78rem;color:var(--soluk)}
.ozet-kart.vurgulu{grid-column:1/-1;background:linear-gradient(135deg,#2b2a28,#44403a);border-color:#2b2a28;color:#fff}
.ozet-kart.vurgulu small,.ozet-kart.vurgulu span{color:rgba(255,255,255,.7)}.ozet-kart.vurgulu b{color:var(--altin);font-size:1.75rem}
@media(min-width:720px){.ozet-kartlar{grid-template-columns:1.4fr 1fr 1fr}.ozet-kart.vurgulu{grid-column:auto}}
.bolum{margin-bottom:24px}
.bolum-bas{display:flex;justify-content:space-between;align-items:baseline}
.bolum-bas a{font-size:.9rem;font-weight:600}
.secenek-kartlar{display:grid;gap:10px}
@media(min-width:720px){.secenek-kartlar{grid-template-columns:1fr 1fr}}
.secenek{display:flex;align-items:center;gap:14px;padding:16px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);text-decoration:none;color:var(--metin);box-shadow:var(--golge);transition:border-color .15s,transform .1s}
.secenek:hover{border-color:var(--altin)}.secenek:active{transform:scale(.99)}
.secenek-ikon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--altin-acik);color:var(--altin-koyu);flex:none}
.secenek-ikon .ikon{width:24px;height:24px}
.secenek>span:nth-child(2){display:grid;flex:1;min-width:0}.secenek b{font-size:1.02rem}.secenek small{color:var(--soluk);font-size:.84rem}
.secenek .ok{font-size:1.6rem;color:var(--cizgi-2);line-height:1}
.odeme-liste{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;box-shadow:var(--golge)}
.odeme-satir{display:flex;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;color:var(--metin);border-top:1px solid var(--cizgi)}
.odeme-satir:first-child{border-top:0}.odeme-satir:hover{background:#fcfaf6}
.os-ikon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gri-z);color:var(--gri);flex:none}
.os-ikon.kart{background:var(--altin-acik);color:var(--altin-koyu)}
.os-orta{display:grid;flex:1;min-width:0}.os-orta b{font-variant-numeric:tabular-nums}
.os-orta small{color:var(--soluk);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sekmeler{display:flex;gap:6px;overflow-x:auto;margin:12px 0 14px;padding-bottom:2px;scrollbar-width:none}
.sekmeler a{padding:7px 14px;border-radius:99px;background:var(--kart);border:1px solid var(--cizgi);text-decoration:none;font-size:.88rem;font-weight:600;color:var(--soluk);white-space:nowrap}
.sekmeler a.aktif{background:var(--koyu);border-color:var(--koyu);color:#fff}
.sayfalama{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:.9rem;color:var(--soluk)}
.sayfalama a{font-weight:600}
.destek{margin-top:8px}.destek p{margin:0;color:var(--soluk)}
.destek-bag{display:flex;flex-wrap:wrap;gap:8px}

/* kart formu */
.kart-form{max-width:560px;margin:0 auto}
.kart-onizleme{aspect-ratio:1.586;max-width:360px;width:100%;margin:0 auto 4px;border-radius:18px;padding:20px 22px;color:#fff;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(120% 140% at 100% 0%,#4a4540 0%,#2b2a28 55%,#1d1c1a 100%);box-shadow:0 12px 30px rgba(33,31,28,.28);position:relative;overflow:hidden}
.kart-onizleme::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:26px solid rgba(233,179,74,.12)}
.ko-ust{display:flex;justify-content:space-between;align-items:center}
.ko-ust img{border-radius:50%}
.ko-ust span{font-weight:800;font-style:italic;letter-spacing:.04em;color:var(--altin)}
.ko-no{align-self:center;font:600 1.3rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;white-space:nowrap}
.ko-alt{display:flex;justify-content:space-between;gap:12px}
.ko-alt span{display:grid;min-width:0}.ko-alt small{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.55)}
.ko-alt b{font-size:.9rem;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guven{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--soluk);margin:0}
.guven .ikon{color:var(--yesil)}

/* havale */
.adim{display:flex;gap:14px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:18px 16px;box-shadow:var(--golge)}
.adim-no{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--koyu);color:var(--altin);font-weight:700;flex:none}
.adim-ic{flex:1;min-width:0;display:grid;gap:12px}.adim-ic h2{margin:3px 0 0}.adim-ic>p{margin:0}
.hesap-liste{display:grid;gap:10px}
.hesap-kart{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--cizgi);border-radius:12px;cursor:pointer;font-weight:400;transition:border-color .15s,background .15s}
.hesap-kart:has(input:checked){border-color:var(--altin);background:#fffaf0}
.hesap-kart input{width:20px;min-height:20px;height:20px;margin:2px 0 0;accent-color:var(--koyu);flex:none}
.hk-ic{display:grid;gap:4px;flex:1;min-width:0}
.hk-bas{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.hk-bas small{color:var(--soluk)}
.hk-sahip{font-size:.88rem;color:var(--soluk)}
.hk-iban{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hk-iban code{font-size:.9rem;background:none;padding:0;letter-spacing:.02em;color:var(--metin);word-break:break-all}
.kopyala{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--cizgi-2);border-radius:8px;background:#fff;font:inherit;font-size:.8rem;font-weight:600;color:var(--koyu);cursor:pointer}
.kopyala .ikon{width:15px;height:15px}.kopyala.tamam{border-color:var(--yesil);color:var(--yesil)}
.dekont-alan{position:relative;display:block;border:2px dashed var(--cizgi-2);border-radius:14px;background:#fcfaf6;cursor:pointer;transition:border-color .15s,background .15s;font-weight:400}
.dekont-alan:hover,.dekont-alan.surukle{border-color:var(--altin);background:#fffaf0}
.dekont-alan input{position:absolute;inset:0;opacity:0;cursor:pointer;min-height:0;height:100%}
.da-bos{display:grid;justify-items:center;gap:6px;padding:28px 16px;text-align:center}
.da-bos .ikon{width:34px;height:34px;color:var(--altin-koyu)}.da-bos small{color:var(--soluk)}
.da-dolu{display:grid;gap:10px;padding:12px;justify-items:center}
.da-dolu img{max-height:260px;border-radius:8px;box-shadow:var(--golge)}
.da-dosya{display:flex;align-items:center;gap:8px;max-width:100%}.da-dosya b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.da-dosya small{color:var(--soluk);white-space:nowrap}
.da-degistir{font-size:.85rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--altin)}
form[data-havale-form]{max-width:640px;margin:0 auto}

/* sonuç & makbuz */
.sonuc{text-align:center;display:grid;justify-items:center;gap:4px;padding:10px 8px 18px}
.sonuc-ikon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;margin-bottom:8px}
.sonuc-ikon .ikon{width:34px;height:34px;stroke-width:2.2}
.sonuc.yesil .sonuc-ikon{background:var(--yesil-z);color:var(--yesil)}.sonuc.kirmizi .sonuc-ikon{background:var(--kirmizi-z);color:var(--kirmizi)}
.sonuc.sari .sonuc-ikon{background:var(--sari-z);color:var(--sari)}.sonuc.gri .sonuc-ikon{background:var(--gri-z);color:var(--gri)}
.sonuc h1{margin:0;font-size:1.35rem}.sonuc p{margin:0;color:var(--soluk);max-width:440px}
.makbuz{max-width:520px;margin:0 auto 16px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);overflow:hidden}
.mb-bas{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--koyu);color:#fff}
.mb-bas img{border-radius:50%}.mb-bas div{display:grid}.mb-bas small{color:var(--altin);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.mb-tutar{display:grid;justify-items:center;gap:6px;padding:20px 18px 18px;border-bottom:1px dashed var(--cizgi-2)}
.mb-tutar small{color:var(--soluk);font-size:.8rem}.mb-tutar b{font-size:2rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.makbuz dl{margin:0;padding:6px 18px 14px}
.makbuz dl div,dl.bilgi div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--cizgi)}
.makbuz dl div:last-child,dl.bilgi div:last-child{border-bottom:0}
.makbuz dt,dl.bilgi dt{color:var(--soluk);font-size:.88rem;flex:none}
.makbuz dd,dl.bilgi dd{margin:0;text-align:right;font-weight:550;word-break:break-word;min-width:0}
dl.bilgi{margin:0}dl.bilgi dd small{display:block;color:var(--soluk);font-weight:400}
dl.bilgi.buyuk dd{font-size:1.05rem}
.eylemler{max-width:520px;margin:0 auto 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eylemler .dugme.tam{grid-column:1/-1}
.eylemler .dugme:last-child:nth-child(odd):not(.tam){grid-column:1/-1}
.yukle-kutu .dugme{justify-self:start}

/* ================= YALIN (giriş) ================= */
body.yalin{min-height:100vh;min-height:100dvh;background:radial-gradient(100% 60% at 50% 0%,#3d3a35 0%,#2b2a28 60%,#1f1e1c 100%);background-attachment:fixed}
.yalin-ic{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top,0px)) 16px calc(24px + var(--alt-bosluk))}
.giris-kart{width:100%;max-width:400px;background:var(--kart);border-radius:20px;padding:28px 24px 22px;box-shadow:0 20px 60px rgba(0,0,0,.35);text-align:center}
.giris-kart .form{text-align:left;margin-top:18px}
.giris-kart h1{margin:0 0 4px;font-size:1.4rem}
.giris-kart>p{margin:0}
.giris-logo{margin:-78px auto 10px;width:124px;height:124px;border-radius:50%;background:var(--koyu);display:grid;place-items:center;box-shadow:0 0 0 6px rgba(233,179,74,.25),0 10px 30px rgba(0,0,0,.35)}
.giris-logo.kucuk{width:84px;height:84px;margin-top:-66px}
.yalin-ic:has(.giris-logo){padding-top:calc(80px + env(safe-area-inset-top,0px))}
.giris-kart .bildirim{text-align:left;margin:16px 0 0}
.giris-alt{display:flex;gap:8px;align-items:flex-start;justify-content:center;font-size:.8rem;color:var(--soluk);margin:18px 0 0;text-align:left}
.giris-alt .ikon{width:16px;height:16px;margin-top:2px}
.yukle-dugme{margin-top:6px;min-height:40px;font-size:.9rem}
.giris-kart.ortada{display:grid;justify-items:center;gap:8px}
.giris-kart.ortada .dugme{margin-top:10px}
.yukleniyor{width:44px;height:44px;border-radius:50%;border:4px solid var(--altin-acik);border-top-color:var(--altin-koyu);animation:don 0.9s linear infinite;margin-bottom:8px}
@keyframes don{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.yukleniyor{animation-duration:3s}}
.totp-kurulum{display:grid;justify-items:center;gap:8px;text-align:center;font-size:.9rem}
.totp-kurulum p{margin:0}.totp-kurulum img{border:1px solid var(--cizgi);border-radius:10px;padding:6px;background:#fff}
.sir{word-break:break-all;font-size:.85rem}
.kod-girdi{font-size:1.6rem;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}

/* ================= YÖNETİM ================= */
body.yonetim{background:#f3f1ec}
.yon{display:flex;min-height:100vh}
.yon-yan{position:fixed;inset:0 auto 0 0;z-index:40;width:256px;background:var(--koyu);color:#fff;display:flex;flex-direction:column;padding:18px 12px;transform:translateX(-100%);transition:transform .2s;overflow-y:auto}
body.menu-acik .yon-yan{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.4)}
.yon-marka{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.yon-marka img{border-radius:50%}.yon-marka span{display:grid;line-height:1.2}.yon-marka small{color:var(--altin);font-size:.72rem}
.yon-yan nav{display:grid;gap:2px;flex:1;align-content:start}
.yon-yan nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:rgba(255,255,255,.75);text-decoration:none;font-weight:550;font-size:.93rem}
.yon-yan nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.yon-yan nav a.aktif{background:rgba(233,179,74,.15);color:var(--altin)}
.yon-yan nav a em{margin-left:auto;font-style:normal;background:var(--altin);color:var(--koyu);font-size:.75rem;font-weight:800;padding:1px 8px;border-radius:99px}
.yon-cikis button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:rgba(255,255,255,.6);font:inherit;font-size:.88rem;cursor:pointer;text-align:left}
.yon-cikis button:hover{background:rgba(255,255,255,.06);color:#fff}
.yon-ana{flex:1;min-width:0}
.yon-ust{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:60px;padding:0 16px;background:rgba(243,241,236,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi)}
.yon-ust h1{margin:0;font-size:1.15rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yon-ac{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--cizgi-2);border-radius:10px;background:#fff;cursor:pointer}
.yon-icerik{padding:18px 16px 48px;max-width:1280px}
@media(min-width:1000px){
  .yon-yan{position:sticky;top:0;height:100vh;transform:none;flex:none}
  .yon-ac{display:none}.yon-ust{padding:0 28px}.yon-icerik{padding:24px 28px 56px}
  body.menu-acik .yon-yan{box-shadow:none}
}
.istatistik{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px}
.ist{display:grid;gap:2px;padding:16px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);text-decoration:none;color:var(--metin);box-shadow:var(--golge)}
.ist small{color:var(--soluk);font-weight:600;font-size:.8rem}.ist b{font-size:1.45rem;font-variant-numeric:tabular-nums}.ist span{color:var(--soluk);font-size:.8rem}
.ist.vurgulu{background:var(--koyu);border-color:var(--koyu);color:#fff}.ist.vurgulu small,.ist.vurgulu span{color:rgba(255,255,255,.7)}.ist.vurgulu b{color:var(--altin);font-size:1.9rem}
.panel-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:18px;margin-bottom:16px;box-shadow:var(--golge)}
.panel-kutu>h2{margin-bottom:12px}
.pk-bas{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.pk-bas h2{margin:0}.pk-bas a{font-size:.88rem;font-weight:600;display:inline-flex;gap:4px;align-items:center}
.pk-bas a .ikon{width:16px;height:16px}
.tablo-sarici{overflow-x:auto;margin:0 -18px;padding:0 18px}
.tablo{width:100%;border-collapse:collapse;font-size:.9rem}
.tablo th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);font-weight:650;padding:8px 10px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tablo td{padding:11px 10px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.tablo td small{display:block;color:var(--soluk);font-size:.78rem}
.tablo tbody tr:last-child td{border-bottom:0}
.tablo tr[data-git]{cursor:pointer}.tablo tr[data-git]:hover td{background:#fcfaf6}
.tablo .sag{text-align:right}.tablo td a{text-decoration:none}
.tablo.sik td{padding:7px 10px;font-size:.85rem}
.kirp{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filtre{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.filtre input,.filtre select{min-height:42px;font-size:15px}
.filtre .dugme{min-height:42px}
.filtre.tek{display:flex;flex:1;max-width:480px;margin:0}
.arac-cubugu{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}
.liste-ozet{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;color:var(--soluk);font-size:.9rem}
.detay-bas{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.detay-bas div{display:grid}.detay-bas small{color:var(--soluk);font-weight:600}.detay-bas b{font-size:1.7rem;letter-spacing:-.01em}
.detay-izgara{display:grid;gap:16px}
@media(min-width:1100px){.detay-izgara{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}
.detay-izgara>div>.panel-kutu:last-child{margin-bottom:0}
.karar{border-color:var(--altin);box-shadow:0 0 0 3px rgba(233,179,74,.15)}
.dekont-gorsel{display:block;width:100%;border-radius:10px;border:1px solid var(--cizgi);background:#faf8f4}
.zaman-cizgisi{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--cizgi)}
.zaman-cizgisi li{position:relative;padding:0 0 14px 4px}
.zaman-cizgisi li::before{content:"";position:absolute;left:-25px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--altin);box-shadow:0 0 0 3px #fff}
.zaman-cizgisi small{display:block;color:var(--soluk);font-size:.8rem}.zaman-cizgisi p{margin:4px 0 0;font-size:.9rem}
.oturum-liste{list-style:none;margin:0 0 12px;padding:0}
.oturum-liste li{padding:10px 0;border-bottom:1px solid var(--cizgi)}.oturum-liste li:last-child{border-bottom:0}
.oturum-liste small{display:block;color:var(--soluk);font-size:.8rem}
.kimlik .parola{font-size:1.1rem;padding:4px 10px;background:var(--altin-acik)}
.kimlik .dugme-satir{margin-top:14px}

/* ---------- yazdırma: yalnızca makbuz ---------- */
@media print{
  body{background:#fff}
  .ust,.alt-menu,.eylemler,.bildirim,.orta,.sonuc{display:none!important}
  .icerik{padding:0}
  .makbuz{box-shadow:none;border:1px solid #999;max-width:none}
  .mb-bas{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.odeme-kart .hk-iban code{word-break:normal;overflow-wrap:normal;white-space:normal;font-size:.86rem}
.guven-alt .guven-3d{font-size:.88rem;text-align:left}
.anahtar{flex-wrap:nowrap;align-items:center}
.anahtar>input{flex:0 0 46px}
.yon-icerik .form>.dugme,.yon-icerik .form>button.dugme{justify-self:start}
/* "Bu ay ödenen" kartında logodan geçişli filigran */
.ozet-kart.vurgulu{position:relative;overflow:hidden;isolation:isolate}
.ozet-kart.vurgulu::after{content:"";position:absolute;z-index:-1;right:-38px;top:50%;width:190px;height:190px;transform:translateY(-50%) rotate(-12deg);
  background:url("logo-256.png?v=19") center/contain no-repeat;opacity:.22;
  -webkit-mask-image:linear-gradient(to left,#000 35%,transparent 90%);mask-image:linear-gradient(to left,#000 35%,transparent 90%)}
@media(min-width:720px){.ozet-kart.vurgulu::after{width:160px;height:160px;right:-30px}}
/* bayi ana sayfasında yalnız "Bu ay ödenen" kartı */
.ozet-kartlar{grid-template-columns:1fr}
@media(min-width:720px){.ozet-kartlar{grid-template-columns:1fr}.ozet-kart.vurgulu{padding:20px 24px}.ozet-kart.vurgulu::after{width:190px;height:190px;right:-20px}}
.bildirim{transition:opacity .35s,transform .35s}
.bildirim.kapaniyor{opacity:0;transform:translateY(-6px)}

/* ================= 3B ödeme seçenekleri (yan yana) ================= */
.secenek-kartlar.ikili{grid-template-columns:1fr 1fr;gap:12px}
.secenek-kartlar.tekli{grid-template-columns:1fr}
.secenek-kartlar{perspective:900px}
.secenek3d{--rx:0deg;--ry:0deg;--mx:30%;--my:0%;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:176px;padding:18px 16px 16px;border-radius:22px;text-decoration:none;
  transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;-webkit-tap-highlight-color:transparent}
.secenek3d.egik{transition:transform .08s linear,box-shadow .2s}
.secenek3d.koyu{color:#fff;background:linear-gradient(150deg,#46423c 0%,#2b2a28 48%,#1b1a18 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.35),0 2px 0 #151412,0 10px 18px -6px rgba(0,0,0,.45),0 22px 40px -18px rgba(33,31,28,.55)}
.secenek3d.acik{color:var(--metin);background:linear-gradient(150deg,#fffdf8 0%,#fbf1dc 55%,#f3e2bd 100%);border:1px solid #efdcb4;
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(184,134,43,.18),0 2px 0 #e6cf9f,0 10px 18px -6px rgba(184,134,43,.35),0 22px 40px -18px rgba(33,31,28,.3)}
.secenek3d:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 0 rgba(0,0,0,.2),0 16px 28px -8px rgba(33,31,28,.45),0 30px 50px -20px rgba(33,31,28,.5)}
.secenek3d:active{transform:translateY(2px) scale(.985)}
/* ışık yansıması */
.s3-parlama{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.22),transparent 55%);opacity:.9;transition:opacity .3s}
.secenek3d.acik .s3-parlama{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.85),transparent 55%)}
.secenek3d::after{content:"";position:absolute;z-index:-1;right:-34px;bottom:-40px;width:130px;height:130px;border-radius:50%;border:18px solid rgba(233,179,74,.10)}
.secenek3d.acik::after{border-color:rgba(184,134,43,.10)}
/* altın rozet */
.s3-rozet{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;transform:translateZ(30px);
  background:radial-gradient(120% 120% at 30% 20%,#fbe3a4 0%,#e9b34a 45%,#b8862b 100%);color:#2b2a28;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 -3px 6px rgba(120,80,10,.35),0 6px 14px -4px rgba(184,134,43,.6)}
.s3-rozet .ikon{width:27px;height:27px;stroke-width:2}
.s3-metin{display:grid;gap:3px;transform:translateZ(20px)}
.s3-metin b{font-size:1.08rem;letter-spacing:-.01em}
.s3-metin small{font-size:.8rem;line-height:1.35;color:rgba(255,255,255,.66)}
.secenek3d.acik .s3-metin small{color:var(--soluk)}
.s3-ok{position:absolute;top:16px;right:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);transform:translateZ(24px)}
.s3-ok .ikon{width:16px;height:16px;transform:rotate(180deg)}
.secenek3d.acik .s3-ok{background:rgba(184,134,43,.12);color:var(--altin-koyu)}
@media(min-width:720px){.secenek3d{min-height:190px;padding:22px}.s3-metin b{font-size:1.2rem}.s3-metin small{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.secenek3d{transition:none}}
/* 3B kartlar: daha kısa */
.secenek3d{min-height:136px;gap:12px;padding:14px 14px 14px}
.s3-rozet{width:46px;height:46px;border-radius:14px}
.s3-rozet .ikon{width:23px;height:23px}
.s3-ok{top:12px;right:12px;width:28px;height:28px}
@media(min-width:720px){.secenek3d{min-height:140px;padding:18px 20px}}
.secenek3d{min-height:0}
.s3-metin small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* telefonda kompakt 3B kartlar */
@media(max-width:719px){
  .secenek-kartlar.ikili{gap:10px}
  .secenek3d{gap:8px;padding:11px 12px 11px;border-radius:18px}
  .s3-rozet{width:36px;height:36px;border-radius:11px}
  .s3-rozet .ikon{width:19px;height:19px}
  .s3-metin{gap:1px}
  .s3-metin b{font-size:.98rem}
  .s3-metin small{font-size:.74rem}
  .s3-ok{top:10px;right:10px;width:24px;height:24px}
  .s3-ok .ikon{width:14px;height:14px}
  .secenek3d::after{width:96px;height:96px;right:-28px;bottom:-34px;border-width:14px}
}
/* ödeme ekranı: kompakt, telefonda tek ekrana sığar */
.odeme-sekme,.odeme-kart,.guven-alt,.odeme-sekme+.bildirim{max-width:460px}
.odeme-sekme{margin:0 auto 12px;padding:4px}
.odeme-sekme a{min-height:40px;font-size:.9rem;gap:6px}
.odeme-sekme a .ikon{width:18px;height:18px}
.odeme-kart{gap:10px;padding:16px 16px 10px;border-radius:20px}
@media(min-width:480px){.odeme-kart{padding:18px 20px 12px}}
.odeme-kart label,.odeme-kart .alan-baslik{font-size:.78rem;row-gap:4px}
.odeme-kart input,.odeme-kart select{min-height:44px;height:44px;border-radius:12px;padding:8px 13px;font-size:16px}
.odeme-kart .tutar-alan input{font-size:1.1rem;min-height:44px;padding-right:38px}
.odeme-kart .tutar-alan em{font-size:1rem;bottom:11px;right:14px}
.odeme-kart .iki{gap:10px}
.odeme-kart .ayirici{margin:0}
.odeme-kart .ana-dugme{min-height:48px;border-radius:13px;font-size:.95rem;margin-top:2px}
.odeme-kart .iptal-bag{padding:2px 12px;font-size:.88rem}
.guven-alt{margin:12px auto 0;gap:6px}
.guven-alt .guven-3d{font-size:.8rem}
.markalar{gap:16px}
.markalar svg{transform:scale(.85)}
.icerik:has(.odeme-kart){padding-top:12px}
.odeme-kart .hesap-kart{padding:10px 12px}
.odeme-kart .da-bos{padding:16px 12px}
.odeme-kart label small{font-weight:500;color:#a39c92}

/* sayfa arası yükleme çubuğu (yalnız yavaş bağlantıda görünür) */
.yukleme-cubugu{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;background:var(--altin);opacity:0;pointer-events:none;transition:opacity .2s}
.yukleme-cubugu.aktif{opacity:1;width:80%;transition:width 2.5s cubic-bezier(.1,.7,.2,1),opacity .1s}


/* ================= Açılış ekranı (PWA) ================= */
html.acilis::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;
  background:#1f1e1c url("acilis/acilis-1170x2532.jpg?v=29") center / cover no-repeat;
  animation:acilis-guvenlik .6s ease 5s forwards}
html.acilis.acilis-bitti::before{opacity:0;transform:scale(1.04);transition:opacity .6s ease,transform .6s ease}
@keyframes acilis-guvenlik{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){html.acilis.acilis-bitti::before{transform:none}}

/* ================= Kart türü logoları ================= */
.pan-alan{position:relative;display:block;flex-basis:100%}
.pan-alan input{padding-right:72px}
.pan-marka{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;height:26px;pointer-events:none}
.pan-marka .marka-logo{display:none;height:22px;width:auto}
.pan-marka .marka-logo.visa{height:18px}
.pan-marka[data-tur="visa"] .visa,.pan-marka[data-tur="mastercard"] .mastercard,.pan-marka[data-tur="troy"] .troy{display:block;animation:marka-gir .18s ease-out}
@keyframes marka-gir{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.markalar{display:flex;align-items:center;justify-content:center;gap:18px}
.markalar .marka-logo{height:22px;width:auto}
.markalar .marka-logo.visa{height:16px}
.markalar .marka-logo.mastercard{height:24px}

/* ================= Ödeme slipi ================= */
.sonuc.kompakt{padding:4px 8px 12px;gap:2px}
.sonuc.kompakt .sonuc-ikon{width:52px;height:52px;margin-bottom:4px}
.sonuc.kompakt .sonuc-ikon .ikon{width:28px;height:28px}
.sonuc.kompakt h1{font-size:1.15rem}
.makbuz.slip{position:relative;overflow:visible;border-radius:18px 18px 6px 6px;margin-bottom:22px}
.makbuz.slip .mb-bas{border-radius:18px 18px 0 0}
.makbuz.slip dl{padding-bottom:18px}
.slip-dis{position:absolute;left:0;right:0;bottom:-10px;height:12px;
  background:radial-gradient(circle at 8px -2px,transparent 7px,var(--kart) 7.5px) 0 0/16px 12px repeat-x;filter:drop-shadow(0 2px 1px rgba(33,31,28,.06))}
.slip-eylem{display:grid;grid-template-columns:1fr;gap:10px}
.slip-eylem .ana-dugme .ikon{color:var(--altin)}

/* =====================================================================
   AK-VİT DÜZENİ (renkler Bisenler): üst çubuk, alt menü, ödeme kartı, fiş
   ===================================================================== */
html{background:var(--koyu);overscroll-behavior-y:contain}
body.bayi{background:var(--zemin);padding-bottom:calc(64px + var(--alt-bosluk));overscroll-behavior-y:contain}
body.bayi.nav-yok{padding-bottom:calc(16px + var(--alt-bosluk))}

/* üst çubuk: ana sayfada profil, diğerlerinde geri + başlık */
.bayi .ust{position:sticky;top:0;z-index:30}
.bayi .ust .ust-ic{display:flex;align-items:center;min-height:56px;gap:12px}
.bayi .ust-mobil{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.bayi .ust .marka,.bayi .ust .ust-menu,.bayi .ust .ust-bayi{display:none}
.ust-profil{display:flex;align-items:center;gap:10px;min-width:0}
.ust-profil img{border-radius:50%;box-shadow:0 0 0 2px rgba(233,179,74,.4);flex:none}
.ust-profil span{display:grid;line-height:1.2;min-width:0}
.ust-profil b{font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ust-profil small{color:var(--altin);font-size:.76rem;font-weight:600}
.ust-geri-btn{display:grid;place-items:center;width:38px;height:34px;flex:none;border-radius:.55rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;-webkit-tap-highlight-color:transparent}
.ust-geri-btn .ikon{width:19px;height:19px;stroke-width:2.6}
.ust-geri-btn:active{transform:scale(.88)}
.bayi .ust .ust-baslik{flex:1;text-align:center;font-size:1rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ust-sag{width:38px;flex:none}
@media(min-width:880px){
  .bayi .ust-mobil{display:none}
  .bayi .ust .marka{display:flex}.bayi .ust .ust-menu{display:flex}.bayi .ust .ust-bayi{display:grid}
}

/* içerik */
.bayi .icerik{max-width:600px;margin:0 auto;padding:14px 16px 24px}
.icerik:has(.pay-kutu){padding-top:16px}

/* alt menü: ekranın dibine sabit, tam genişlik (Ak-Vit) */
.bayi .alt-menu{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);margin:0;
  background:#fff;border:0;border-top:1px solid var(--cizgi);border-radius:0;box-shadow:0 -2px 16px rgba(33,31,28,.06);
  padding:3px 0 calc(3px + var(--alt-bosluk));backdrop-filter:none;-webkit-backdrop-filter:none}
.bayi .alt-menu a{position:relative;display:grid;justify-items:center;gap:2px;padding:7px 2px 6px;border-radius:0;background:none;
  color:#8f897f;font-size:.66rem;font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent}
.bayi .alt-menu a .ikon{width:23px;height:23px}
.bayi .alt-menu a.aktif{color:var(--koyu);background:none}
.bayi .alt-menu a.aktif .ikon{color:var(--altin-koyu);stroke-width:2.2}
.bayi .alt-menu a.aktif::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:2px 2px 0 0;background:var(--altin)}
.bayi.nav-yok .alt-menu{display:none}
@media(min-width:880px){.bayi .alt-menu{display:none}body.bayi{padding-bottom:0}}
.yukleme-bekle{opacity:.5;transition:opacity .15s ease}

/* ödeme kartı */
.pay-kutu{max-width:440px;margin:0 auto;background:#fff;border-radius:1rem;border-top:4px solid var(--altin);box-shadow:0 8px 30px rgba(33,31,28,.08);overflow:hidden}
.pay-sekmeler{display:flex;border-bottom:2px solid var(--cizgi)}
.pay-sekmeler a{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem .5rem;margin-bottom:-2px;border-bottom:2px solid transparent;
  font-size:.9rem;font-weight:650;color:#9a948a;text-decoration:none;-webkit-tap-highlight-color:transparent}
.pay-sekmeler a .ikon{width:18px;height:18px}
.pay-sekmeler a.aktif{color:var(--metin);border-bottom-color:var(--altin)}
.pay-sekmeler a.aktif .ikon{color:var(--altin-koyu)}
.pay-govde{padding:1.1rem 1.15rem 1.15rem}
.pay-govde .bildirim{margin-bottom:.8rem}
.pay-alan{margin-bottom:.65rem;display:block}
.pay-etiket{display:inline-flex!important;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.72rem!important;font-weight:700!important;
  color:#6f6a62!important;text-transform:uppercase;letter-spacing:.04em}
.pay-etiket .ikon{width:15px;height:15px;color:var(--altin-koyu)}
.pay-govde input{width:100%;min-height:46px;height:46px;padding:.6rem .85rem;border:1.5px solid #e7e1d7;border-radius:.7rem;background:#faf8f4;font-size:16px}
.pay-govde input:hover{border-color:#d8d0c3}
.pay-govde input:focus{border-color:var(--altin-koyu);background:#fff;box-shadow:0 0 0 3.5px rgba(233,179,74,.2)}
.pay-govde input.gecersiz{border-color:var(--kirmizi)!important;background:#fff8f7}
.pay-hata{font-size:.74rem;font-weight:600;color:var(--kirmizi);margin-top:.25rem}
.pay-hata:empty{display:none}
.pay-iki{display:grid;grid-template-columns:7fr 5fr;gap:.6rem}
.pay-cizgi{border:0;border-top:1px solid #ece7de;margin:.45rem 0 .8rem}
.pay-tutar{display:flex}
.pay-tutar input{border-radius:.7rem 0 0 .7rem;font-size:1.15rem;font-weight:700;letter-spacing:.02em}
.pay-tl{display:grid;place-items:center;padding:0 1rem;border:1.5px solid #e7e1d7;border-left:0;border-radius:0 .7rem .7rem 0;background:#f2eee6;font-weight:800;color:var(--koyu)}
.pay-ozet{margin-top:.35rem;font-size:.82rem;color:var(--soluk)}
.pay-ozet strong{color:var(--koyu)}
.pay-not{margin:.45rem 0 0;font-size:.78rem;color:var(--soluk)}
.pay-gonder{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:50px;margin-top:.55rem;padding:.8rem;border:0;border-radius:.8rem;
  background:linear-gradient(135deg,#46423c,#2b2a28);color:#fff;font:inherit;font-size:1rem;font-weight:700;letter-spacing:.03em;text-decoration:none;cursor:pointer;
  box-shadow:0 8px 20px rgba(43,42,40,.28);transition:filter .15s,transform .05s,opacity .15s}
.pay-gonder .ikon{width:18px;height:18px;color:var(--altin)}
.pay-gonder:active{transform:translateY(1px) scale(.995)}
.pay-gonder[disabled]{opacity:.42;cursor:not-allowed;box-shadow:none}
.pay-iptal{display:block;width:100%;margin-top:.6rem;padding:.65rem;border:1.5px solid var(--cizgi);border-radius:.8rem;text-align:center;
  font-size:.88rem;font-weight:600;color:var(--soluk);text-decoration:none}
.pay-iptal:hover{background:#faf8f4;color:var(--koyu)}
.pay-alt{padding:.75rem 1rem .8rem;border-top:1px solid #f1ede6}
.pay-alt .guven-alt{margin:0;gap:8px}
.pay-alt .guven-3d{color:#9a948a;font-size:.86rem}
.pay-alt-metin{font-size:.74rem;color:#9a948a;text-align:center}
@media(max-width:380px){.pay-govde{padding:1rem .9rem}.markalar{gap:14px}}

/* havale hesapları (kopyalanabilir) */
.hv-liste{display:grid;gap:.6rem}
.hv-hesap{display:flex!important;flex-wrap:nowrap!important;gap:.6rem;align-items:flex-start;padding:.65rem .75rem;border:1.5px solid var(--cizgi);border-radius:.7rem;background:#faf8f4;cursor:pointer;font-weight:400!important}
.hv-hesap:has(input:checked){border-color:var(--altin);background:#fffaf0}
.hv-hesap input[type=radio]{width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0 0;flex:none;accent-color:var(--koyu)}
.hv-ic{display:grid;gap:.35rem;flex:1;min-width:0}
.hv-banka{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--metin)}
.hv-banka .ikon{width:15px;height:15px;color:var(--altin-koyu)}
.hv-banka small{color:var(--soluk)}
.hv-satir{display:flex;align-items:center;gap:.4rem}
.hv-iban{flex:1;min-width:0;font-size:.8rem;letter-spacing:.02em;background:none;padding:0;color:var(--metin);word-break:normal;overflow-wrap:anywhere}
.hv-alici{font-size:.78rem;font-weight:600;color:var(--koyu)}
.hv-alici span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-kopya{display:inline-flex;align-items:center;gap:.25rem;flex:none;padding:.32rem .6rem;border:1px solid #d8d0c3;border-radius:.5rem;background:#fff;
  font:inherit;font-size:.74rem;font-weight:600;color:var(--koyu);cursor:pointer;white-space:nowrap}
.hv-kopya .ikon{width:14px;height:14px}
.hv-kopya.tamam{background:var(--yesil);border-color:var(--yesil);color:#fff}
.kopya-bildirim{position:fixed;top:50%;left:50%;z-index:9998;transform:translate(-50%,-50%) scale(.92);padding:.6rem 1.4rem;border-radius:.6rem;
  background:rgba(33,31,28,.9);color:#fff;font-size:.86rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.kopya-bildirim.goster{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* ================= Ödeme fişi (tam ekran, POS fişi görünümü) ================= */
body.fis-ekran{height:100%;overflow:hidden;background:#e5e3df}
html:has(body.fis-ekran){height:100%;overflow:hidden;background:#e5e3df}
.fis-ust{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;height:calc(56px + env(safe-area-inset-top,0px));
  padding:env(safe-area-inset-top,0px) 12px 0;background:rgba(250,249,246,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}
.fis-kapat{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.06);color:#1a1a1a;flex:none}
.fis-kapat .ikon{width:20px;height:20px;stroke-width:2.4}
.fis-kapat:active{transform:scale(.92)}
.fis-ust-baslik{flex:1;text-align:center;font-size:.95rem;font-weight:600;color:#3a3835}
.fis-bosluk{width:40px;flex:none}
.fis-alan{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;bottom:calc(72px + var(--alt-bosluk));overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:22px 14px;display:flex;flex-direction:column;align-items:center}
.fis-alan>.bildirim{width:100%;max-width:380px}
.fis{width:100%;max-width:380px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.12))}
.fis-govde{background:#fefcf6;padding:1.4rem 1.15rem;color:#1a1a1a;line-height:1.6;
  font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.72rem}
.fis-yirtik{height:12px;background-size:12px 100%;background-repeat:repeat-x}
.fis-yirtik.fy-ust{background-image:linear-gradient(135deg,#fefcf6 33.33%,transparent 33.33%),linear-gradient(225deg,#fefcf6 33.33%,transparent 33.33%);transform:rotate(180deg)}
.fis-yirtik.fy-alt{background-image:linear-gradient(135deg,#fefcf6 33.33%,transparent 33.33%),linear-gradient(225deg,#fefcf6 33.33%,transparent 33.33%)}
.fis-orta{text-align:center}
.fis-firma{font-size:.84rem;font-weight:800;letter-spacing:.08em;line-height:1.3}
.fis-alt{font-size:.68rem;font-weight:600;letter-spacing:.12em;color:#555;margin:.25rem 0 .2rem}
.fis-islem{font-size:.86rem;font-weight:800;letter-spacing:.3em;padding:.15rem 0}
.fis-cift{border-top:2px solid #333;margin:.55rem 0}
.fis-kesik{border-top:1px dashed #999;margin:.55rem 0}
.fis-satir{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:.12rem 0}
.fis-satir span:first-child{color:#666;font-weight:600;font-size:.68rem;flex:none}
.fis-satir span:last-child{font-weight:700;text-align:right;overflow-wrap:anywhere}
.fis-tutar{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0}
.fis-tutar span:first-child{font-size:.84rem;font-weight:800;letter-spacing:.05em}
.fis-tutar span:last-child{font-size:1.15rem;font-weight:800;letter-spacing:.03em}
.fis-guvenlik{font-size:.6rem;color:#555;letter-spacing:.04em;margin-top:.3rem}
.fis-onay{font-size:.86rem;font-weight:800;color:#1a7a3a;letter-spacing:.1em;margin:.1rem 0}
.fis-nusha{font-size:.65rem;color:#888;letter-spacing:.15em}
.fis-alici{font-size:.62rem;color:#999;margin-top:.2rem}
.fis-arac{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:2.2rem;height:calc(72px + var(--alt-bosluk));
  padding-bottom:var(--alt-bosluk);background:rgba(250,249,246,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.06)}
.fis-arac button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 16px;border:0;border-radius:8px;background:none;
  font:inherit;font-size:.72rem;font-weight:650;color:var(--altin-koyu);cursor:pointer}
.fis-arac button .ikon{width:24px;height:24px}
.fis-arac button:active{transform:scale(.92)}
.fis-arac button[disabled]{opacity:.5}
@media print{
  body.fis-ekran{overflow:visible;background:#fff}
  .fis-ust,.fis-arac{display:none!important}
  .fis-alan{position:static;padding:0}
  .fis{filter:none;max-width:80mm}
  .fis-govde,.fis-yirtik{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.pay-alt .guven-3d{justify-content:center;width:100%}
body.bayi{min-height:100vh}
.karsilama .selam{font-size:1.25rem;margin:2px 0 14px}

/* fiş yırtık kenarları: vektör desen (gradyan yöntemi üst kenarda koyu görünüyordu) */
.fis-yirtik{background-size:12px 12px!important;background-repeat:repeat-x!important;transform:none!important}
.fis-yirtik.fy-ust{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M0 12L6 1L12 12Z' fill='%23fefcf6'/%3E%3C/svg%3E")!important;background-position:left bottom!important}
.fis-yirtik.fy-alt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M0 0L6 11L12 0Z' fill='%23fefcf6'/%3E%3C/svg%3E")!important;background-position:left top!important}

.fis-arac .fis-paylas{flex-direction:row;gap:10px;min-width:220px;height:50px;margin-top:10px;border-radius:14px;background:linear-gradient(135deg,#46423c,#2b2a28);
  color:#fff;font-size:1rem;font-weight:700;letter-spacing:.03em;box-shadow:0 8px 20px rgba(43,42,40,.25)}
.fis-arac .fis-paylas .ikon{width:20px;height:20px;color:var(--altin)}
.fis-arac .fis-paylas{-webkit-tap-highlight-color:transparent;outline:none}

/* ================= PWA kurulum bandı (Android / Windows) ================= */
.kurulum-bandi{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--alt-bosluk));z-index:60;display:flex;align-items:center;gap:12px;
  padding:14px 14px 14px 16px;border-radius:16px;background:linear-gradient(135deg,#3a3835,#1f1e1c);border:1px solid rgba(233,179,74,.25);
  box-shadow:0 -4px 24px rgba(0,0,0,.35);animation:kb-gir .4s ease-out}
body.bayi:not(.nav-yok) .kurulum-bandi{bottom:calc(74px + var(--alt-bosluk))}
.kurulum-bandi img{width:46px;height:46px;border-radius:12px;background:#2b2a28;flex:none}
.kb-metin{display:grid;flex:1;min-width:0;line-height:1.25}
.kb-metin b{color:#fff;font-size:.95rem}
.kb-metin small{color:rgba(255,255,255,.65);font-size:.78rem}
.kb-yukle{flex:none;padding:9px 18px;border:0;border-radius:10px;background:linear-gradient(135deg,#f0c66a,#d9a23c);color:#2b2a28;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}
.kb-kapat{flex:none;padding:0 2px 0 4px;border:0;background:none;color:rgba(255,255,255,.5);font-size:1.5rem;line-height:1;cursor:pointer}
@keyframes kb-gir{from{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}
@media(min-width:880px){.kurulum-bandi,body.bayi:not(.nav-yok) .kurulum-bandi{left:auto;right:24px;bottom:24px;width:380px}}
@media(prefers-reduced-motion:reduce){.kurulum-bandi{animation:none}}

/* açılış ekranı: altın yükleme çizgisi (3 sn'de dolar, üzerinde parıltı gezer) */
html.acilis::after{content:"";position:fixed;left:50%;top:55%;z-index:10000;width:34vw;max-width:170px;height:3px;transform:translateX(-50%);border-radius:3px;pointer-events:none;
  background:linear-gradient(100deg,transparent 0 35%,rgba(255,244,214,.95) 48%,transparent 62%) no-repeat -60% 0/40% 100%,
             linear-gradient(90deg,#9c7224,#e9b34a 55%,#f6d78e) no-repeat 0 0/0% 100%,
             rgba(233,179,74,.16);
  box-shadow:0 0 14px rgba(233,179,74,.28);
  animation:acilis-dol 2.9s cubic-bezier(.4,.05,.25,1) forwards,acilis-parilti 1.3s ease-in-out .3s infinite,acilis-guvenlik .6s ease 5s forwards}
html.acilis.acilis-bitti::after{opacity:0;transition:opacity .45s ease}
@keyframes acilis-dol{to{background-size:40% 100%,100% 100%,auto}}
@keyframes acilis-parilti{from{background-position:-60% 0,0 0,0 0}to{background-position:160% 0,0 0,0 0}}
@media(prefers-reduced-motion:reduce){html.acilis::after{animation:acilis-dol 2.9s linear forwards,acilis-guvenlik .6s ease 5s forwards}}
/* 3D Secure satırı: simge + yazı yan yana, ortada */
.guven-alt{display:grid;justify-items:center;text-align:center}
.guven-3d,.guven-alt .guven-3d,.pay-alt .guven-3d{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:0;text-align:center;font-weight:600}
.guven-3d .ikon{width:17px;height:17px;flex:none}

/* masaüstü: bayi adı = Hesabım sekmesi (tek sekme) */
@media(min-width:880px){
  .bayi .ust .ust-bayi{display:flex;align-items:center;gap:10px;margin-left:auto;max-width:320px;padding:6px 12px 6px 10px;border-radius:12px;color:#fff;text-decoration:none;text-align:left}
  .bayi .ust .ust-bayi:hover{background:rgba(255,255,255,.07)}
  .bayi .ust .ust-bayi.aktif{background:rgba(233,179,74,.14)}
  .bayi .ust .ust-bayi .ikon{width:30px;height:30px;padding:6px;flex:none;border-radius:50%;background:rgba(255,255,255,.08);color:var(--altin)}
  .bayi .ust .ust-bayi span{display:grid;min-width:0;line-height:1.2}
  .bayi .ust .ust-bayi b{font-size:.9rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bayi .ust .ust-bayi small{color:var(--altin);font-size:.74rem}
}

/* bilgisayar: sayfanın alt ortasında logo + marka adı (sayfa kısa olsa da ekranın dibinde) */
.alt-bilgi{display:none}
@media(min-width:880px){
  body.bayi{display:flex;flex-direction:column;min-height:100vh}
  body.bayi .icerik{flex:1 0 auto;width:100%}
  .alt-bilgi{display:flex;align-items:center;justify-content:center;gap:22px;padding:30px 24px 34px;margin-top:28px}
  .ab-cizgi{position:relative;flex:0 1 220px;height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,43,.55))}
  .ab-cizgi:last-child{background:linear-gradient(270deg,transparent,rgba(184,134,43,.55))}
  .ab-cizgi::after{content:"";position:absolute;top:50%;right:-3px;width:6px;height:6px;background:#c9973a;transform:translateY(-50%) rotate(45deg)}
  .ab-cizgi:last-child::after{right:auto;left:-3px}
  .ab-marka{display:flex;align-items:center;gap:10px}
  .alt-bilgi img{border-radius:50%;box-shadow:0 0 0 2px rgba(233,179,74,.35)}
  .alt-bilgi b{font-size:1.05rem;font-weight:700;color:var(--koyu);letter-spacing:.14em;text-transform:uppercase}
}

/* ================= Hesabım (derli toplu) ================= */
.hs-profil{display:flex;align-items:center;gap:14px;padding:18px;margin-bottom:12px;border-radius:18px;
  background:linear-gradient(135deg,#46423c,#2b2a28);color:#fff;box-shadow:0 8px 24px rgba(43,42,40,.2)}
.hs-avatar{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:50%;background:radial-gradient(120% 120% at 30% 20%,#fbe3a4,#e9b34a 45%,#b8862b);
  color:#2b2a28;font-weight:800;font-size:1.15rem;letter-spacing:.02em}
.hs-kim{display:grid;gap:4px;min-width:0}
.hs-kim b{font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-kod{justify-self:start;padding:2px 10px;border-radius:99px;background:rgba(233,179,74,.16);color:var(--altin);font-size:.76rem;font-weight:700;letter-spacing:.04em}
.hs-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;margin-bottom:12px;box-shadow:var(--golge);overflow:hidden}
.hs-bilgiler{display:grid;grid-template-columns:1fr}
@media(min-width:620px){.hs-bilgiler{grid-template-columns:1fr 1fr}}
.hs-bilgi{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f1ede6;min-width:0}
.hs-bilgi span:last-child{display:grid;min-width:0;line-height:1.3}
.hs-bilgi small{font-size:.74rem;color:var(--soluk)}
.hs-bilgi b{font-size:.93rem;font-weight:600;color:var(--metin);overflow-wrap:anywhere}
.hs-ikon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--altin-acik);color:var(--altin-koyu)}
.hs-ikon .ikon{width:18px;height:18px}
.hs-not{display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;font-size:.78rem;color:var(--soluk);background:#faf8f4}
.hs-not .ikon{width:15px;height:15px;flex:none}
.hs-liste .hs-satir{border-bottom:1px solid #f1ede6;margin:0}
.hs-liste .hs-satir:last-child{border-bottom:0}
.hs-satir>button,.hs-satir>summary,.hs-bilgi-satir{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;background:none;
  font:inherit;text-align:left;color:var(--metin);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.hs-satir>summary::-webkit-details-marker{display:none}
.hs-satir>button:hover,.hs-satir>summary:hover{background:#faf8f4}
.hs-satir>button[disabled]{cursor:default;opacity:.55}
.hs-satir>button[disabled]:hover{background:none}
.hs-metin{display:grid;flex:1;min-width:0;line-height:1.3}
.hs-metin b{font-size:.95rem;font-weight:600}
.hs-metin small{font-size:.76rem;color:var(--soluk)}
.hs-ok .ikon{width:16px;height:16px;color:#b5ada2;transform:rotate(180deg);transition:transform .2s}
.hs-acilir[open] .hs-ok .ikon{transform:rotate(270deg)}
.hs-icerik{padding:4px 16px 16px}
.hs-icerik .form{gap:10px}
.hs-cikis .hs-ikon{background:var(--kirmizi-z);color:var(--kirmizi)}
.hs-cikis .hs-metin b{color:var(--kirmizi)}

/* ================= Ödemelerim ================= */
.os-orta b{font-size:.93rem;font-weight:600}
.os-sag{display:grid;justify-items:end;gap:3px;flex:none;text-align:right}
.os-sag>b{font-size:.98rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
.os-durum{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:650;white-space:nowrap}
.os-durum::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.os-durum.yesil{color:var(--yesil)}.os-durum.kirmizi{color:var(--kirmizi)}.os-durum.sari{color:var(--sari)}.os-durum.gri{color:var(--gri)}
.odeme-satir .os-ikon{width:38px;height:38px;border-radius:11px}
.od-duzen{display:grid;gap:14px;margin-top:4px}
.od-ozet{border-radius:18px;padding:16px 18px;color:#fff;background:linear-gradient(135deg,#46423c,#2b2a28);box-shadow:0 8px 24px rgba(43,42,40,.18)}
.od-ana{display:grid;gap:1px}
.od-ana small,.od-alt small{font-size:.74rem;color:rgba(255,255,255,.62);font-weight:600}
.od-ana b{font-size:1.55rem;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff}
.od-ana span{font-size:.76rem;color:var(--altin)}
.od-alt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.od-alt div{display:grid}
.od-alt b{font-size:.98rem;font-variant-numeric:tabular-nums}
.od-yeni{display:none}
.od-sekmeler{display:flex;gap:2px;padding:4px;margin:0 0 6px;border-radius:13px;background:#ebe6de;overflow-x:auto;scrollbar-width:none}
.od-sekmeler::-webkit-scrollbar{display:none}
.od-sekmeler a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:10px;text-decoration:none;
  font-size:.86rem;font-weight:600;color:var(--soluk);white-space:nowrap;-webkit-tap-highlight-color:transparent}
.od-sekmeler a span{min-width:20px;padding:0 6px;border-radius:99px;background:rgba(0,0,0,.06);font-size:.72rem;line-height:18px;text-align:center}
.od-sekmeler a.aktif{background:#fff;color:var(--metin);box-shadow:0 1px 3px rgba(33,31,28,.12)}
.od-sekmeler a.aktif span{background:var(--altin-acik);color:var(--altin-koyu)}
.od-gun{margin:16px 4px 8px;font-size:.78rem;font-weight:700;color:var(--soluk);text-transform:uppercase;letter-spacing:.06em}
@media(min-width:880px){
  .od-duzen{grid-template-columns:300px 1fr;gap:28px;align-items:start}
  .od-yan{position:sticky;top:88px;display:grid;gap:12px}
  .od-ozet{padding:22px}
  .od-ana b{font-size:1.9rem}
  .od-yeni{display:flex;width:100%}
  .od-sekmeler{display:inline-flex;margin-bottom:4px}
  .od-sekmeler a{flex:none;padding:8px 16px}
  .od-gun:first-of-type{margin-top:14px}
  .odeme-satir{padding:14px 18px}
}
.od-duzen{grid-template-columns:minmax(0,1fr)}
.od-duzen>*{min-width:0}
@media(min-width:880px){
  .bayi .icerik:has(.od-duzen){max-width:1000px;padding-top:24px}
  .od-duzen{grid-template-columns:300px minmax(0,1fr)}
}
@media(max-width:879px){
  .od-sekmeler a{padding:8px 4px;gap:5px;font-size:.82rem;min-width:0}
  .od-sekmeler a span{min-width:17px;padding:0 5px;font-size:.68rem;line-height:17px}
}

/* alt bilgi (web): büyük logo + telif */
@media(min-width:880px){
  .alt-bilgi{flex-direction:column;gap:14px;padding:36px 24px 30px;margin-top:36px}
  .ab-ust{display:flex;align-items:center;justify-content:center;gap:26px;width:100%}
  .ab-cizgi{flex:0 1 260px}
  .ab-marka{gap:16px}
  .alt-bilgi img{width:76px;height:76px;box-shadow:0 0 0 3px rgba(233,179,74,.35),0 6px 18px rgba(43,42,40,.15)}
  .alt-bilgi b{font-size:1.7rem;letter-spacing:.16em}
  .ab-telif{margin:0;font-size:.82rem;color:var(--soluk);letter-spacing:.02em}
}
@media(min-width:880px){
  .alt-bilgi{gap:0}
  .ab-ust{gap:22px}
  .alt-bilgi .ab-ad{margin-top:12px;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:400;letter-spacing:.06em;text-transform:none;color:var(--koyu)}
  .ab-telif{margin-top:6px}
}

/* ana sayfa karşılama: mobilde ikonlu hoş geldiniz, webde "Merhaba" */
.hosgeldin{display:flex;align-items:center;gap:12px;margin:2px 0 14px}
.hg-ikon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;
  background:linear-gradient(135deg,#f0c66a,#d9a23c);color:#2b2a28;box-shadow:0 4px 12px rgba(217,162,60,.3)}
.hg-ikon .ikon{width:22px;height:22px}
.hg-metin{display:grid;min-width:0;line-height:1.25}
.hg-metin b{font-size:1.02rem;font-weight:700;color:var(--metin)}
.hg-metin small{font-size:.8rem;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.karsilama .selam-web{display:none}
@media(min-width:880px){.hosgeldin{display:none}.karsilama .selam-web{display:block}}
.hg-metin b{font-size:1.08rem;line-height:1.3;text-wrap:balance}

/* ================= parola kuralları (canlı) ================= */
.pk-alan{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 8px}
.pk-alan label{font-weight:600}
.pk-alan input{grid-column:1/-1}
.pk-goster{padding:2px 4px;border:0;background:none;color:var(--altin-koyu);font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.pk-kutu{padding:12px 14px;border-radius:12px;background:#faf8f4;border:1px solid var(--cizgi);transition:border-color .2s,background .2s}
.pk-kutu>b{display:block;font-size:.82rem;color:var(--soluk);margin-bottom:6px}
.pk-kutu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.pk-kutu li{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--soluk);transition:color .2s}
.pk-kutu li small{font-size:.74rem;opacity:.8}
.pk-isaret{display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;border:1.5px solid var(--cizgi-2);color:transparent;transition:all .2s}
.pk-isaret .ikon{width:12px;height:12px;stroke-width:3}
.pk-kutu li.tamam{color:var(--yesil)}
.pk-kutu li.tamam .pk-isaret{background:var(--yesil);border-color:var(--yesil);color:#fff}
.pk-kutu.hepsi{background:var(--yesil-z);border-color:rgba(31,122,61,.3)}
@media(max-width:560px){.pk-kutu ul{grid-template-columns:1fr}}
.pk-kutu li>span:last-child{min-width:0}

/* ================= Yönetim: bayi açma / bayi kartı ================= */
.yb-dar{max-width:760px}
.yb-form{display:grid;gap:18px;padding:22px}
.yb-bolum{margin:0;padding:0;border:0;min-width:0}
.yb-bolum+.yb-bolum{padding-top:18px;border-top:1px solid var(--cizgi)}
.yb-bolum legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:12px;font-weight:700;font-size:.98rem;color:var(--metin)}
.yb-bik{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--altin-acik);color:var(--altin-koyu)}
.yb-bik .ikon{width:16px;height:16px}
.yb-alanlar{display:grid;gap:12px 16px}
@media(min-width:640px){.yb-alanlar{grid-template-columns:1fr 1fr}.yb-genis{grid-column:1/-1}}
.yb-alan{display:grid;gap:5px;font-size:.86rem;font-weight:600;color:var(--metin)}
.yb-alan input,.yb-alan textarea{min-height:44px;font-size:15px}
.yb-alan input[readonly]{background:var(--gri-z);color:var(--soluk)}
.yb-alan small{font-weight:400;font-size:.76rem;color:var(--soluk)}
.yb-alan em{font-style:normal;font-weight:400;font-size:.76rem;color:var(--soluk);margin-left:6px}
.yb-bilgi{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--altin-acik);color:#6b4d12;font-size:.86rem;line-height:1.45}
.yb-bilgi .ikon{width:18px;height:18px;flex:none;margin-top:1px}
.yb-alt{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--cizgi)}
.yb-alt .dugme .ikon{width:18px;height:18px}
.yb-profil{display:grid;gap:16px;padding:20px 22px;margin-bottom:16px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#46423c,#2b2a28);box-shadow:0 8px 24px rgba(43,42,40,.18)}
.yb-kim{display:flex;align-items:center;gap:14px;min-width:0}
.yb-avatar{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:50%;background:radial-gradient(120% 120% at 30% 20%,#fbe3a4,#e9b34a 45%,#b8862b);color:#2b2a28;font-weight:800;font-size:1.15rem}
.yb-kim>div{display:grid;gap:5px;min-width:0}
.yb-kim b{font-size:1.35rem;line-height:1.2;overflow-wrap:anywhere}
.yb-kim span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.yb-kim code{background:rgba(233,179,74,.16);color:var(--altin);font-weight:700;letter-spacing:.04em}
.yb-sayilar{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.1)}
.yb-sayilar div{display:grid;gap:2px;padding:10px 14px;background:rgba(0,0,0,.18)}
.yb-sayilar small{font-size:.74rem;color:rgba(255,255,255,.6);font-weight:600}
.yb-sayilar b{font-size:1.05rem;font-variant-numeric:tabular-nums}
@media(min-width:1000px){.yb-profil{grid-template-columns:minmax(0,1fr) auto;align-items:center}.yb-sayilar{grid-template-columns:repeat(4,minmax(110px,auto))}}
.yb-izgara{display:grid;gap:16px}
@media(min-width:1100px){.yb-izgara{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.yb-sag{position:sticky;top:76px}}
.yb-sag .panel-kutu{margin-bottom:16px}
.yb-sag h2{font-size:1rem;margin-bottom:8px}
.yb-islemler{display:grid;gap:8px;margin-top:14px}
.yb-islemler .dugme{min-height:42px}
.yb-islemler .dugme .ikon{width:18px;height:18px}
.yb-pasif{justify-self:center;padding:6px 10px;border:0;background:none;color:var(--kirmizi);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.yb-oliste{display:grid}
.yb-oliste a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--cizgi);text-decoration:none;color:var(--metin)}
.yb-oliste a:first-child{border-top:0}
.yb-oliste span{display:grid;line-height:1.3}
.yb-oliste b{font-variant-numeric:tabular-nums}
.yb-oliste small{font-size:.78rem;color:var(--soluk)}
.yb-bos{margin:4px 0 0;color:var(--soluk);font-size:.9rem}
.yb-bolum legend{display:none}
.yb-bb{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:.98rem;font-weight:700}
.yb-alan{align-content:start}
.yb-kim span{display:initial}
.yb-kim>div>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.yb-avatar{display:grid!important}

/* Havale/EFT: yalnız IBAN bilgileri */
.iban-kart{cursor:default}
.iban-kart .hv-iban{font-size:.92rem;font-weight:600}
.iban-kart .hv-alici{font-size:.82rem}
.iban-not{display:flex;gap:8px;align-items:flex-start;margin:14px 0 4px;padding:10px 12px;border-radius:10px;background:var(--altin-acik);color:#6b4d12;font-size:.84rem;line-height:1.45}
.iban-not .ikon{width:16px;height:16px;flex:none;margin-top:2px}

/* bayi listesi: düzenle düğmesi */
.duzenle-dugme{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--cizgi-2);border-radius:9px;background:#fff;
  color:var(--koyu);font-size:.84rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.duzenle-dugme .ikon{width:15px;height:15px;color:var(--altin-koyu)}
.duzenle-dugme:hover,tr[data-git]:hover .duzenle-dugme{background:var(--altin-acik);border-color:var(--altin)}
tr[data-git]{cursor:pointer}
@media(max-width:700px){
  .bayi-tablo th:nth-child(2),.bayi-tablo td:nth-child(2),.bayi-tablo th:nth-child(3),.bayi-tablo td:nth-child(3),
  .bayi-tablo th:nth-child(5),.bayi-tablo td:nth-child(5),.bayi-tablo th:nth-child(6),.bayi-tablo td:nth-child(6){display:none}
  .bayi-tablo .duzenle-dugme{padding:8px}
  .bayi-tablo .duzenle-dugme span{display:none}
}

/* ================= Yönetim: rapor ================= */
.rp-filtre{display:grid;gap:12px;padding:14px 16px}
.rp-haplar{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:12px;background:#f1ede6;justify-self:start;max-width:100%}
.rp-haplar a{padding:7px 13px;border-radius:9px;font-size:.84rem;font-weight:600;color:var(--soluk);text-decoration:none;white-space:nowrap}
.rp-haplar a:hover{color:var(--metin)}
.rp-haplar a.aktif{background:#fff;color:var(--metin);box-shadow:0 1px 3px rgba(33,31,28,.12)}
.rp-alanlar{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.rp-alanlar label{display:grid;gap:4px;font-size:.76rem;font-weight:600;color:var(--soluk);min-width:0}
.rp-alanlar input,.rp-alanlar select{min-height:40px;font-size:14px;width:100%}
.rp-dugmeler{display:flex;gap:8px;align-items:end;grid-column:1/-1}
.rp-dugmeler .dugme{min-height:40px}
@media(min-width:1000px){.rp-alanlar{grid-template-columns:160px 160px minmax(200px,1fr) 180px auto;align-items:end}.rp-dugmeler{grid-column:auto}}
.rp-baslik{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:22px 2px 12px}
.rp-baslik h2{margin:0;font-size:1.25rem}
.rp-baslik span{color:var(--soluk);font-size:.86rem}
.rp-kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}
@media(min-width:1000px){.rp-kpi{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.rp-k{display:grid;gap:3px;padding:16px 18px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);min-width:0}
.rp-k small{font-size:.78rem;font-weight:600;color:var(--soluk)}
.rp-k b{font-size:1.5rem;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-k span{font-size:.78rem;color:var(--soluk)}
.rp-k.ana{background:linear-gradient(135deg,#46423c,#2b2a28);border-color:transparent;color:#fff}
.rp-k.ana small,.rp-k.ana span{color:rgba(255,255,255,.65)}
.rp-k.ana b{color:var(--altin);font-size:1.75rem}
.rp-k em{font-style:normal;font-weight:700}
.rp-k em.artis{color:#7fd39a}.rp-k em.azalis{color:#ff9d8f}
.rp-izgara{display:grid;gap:16px}
@media(min-width:1100px){.rp-izgara{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start}}
.rp-izgara .panel-kutu{margin-bottom:0}
.rp-izgara{margin-bottom:16px}
.rp-grafik-kutu{position:relative}
.rp-grafik{display:block;width:100%;height:220px}
.rp-grafik .rp-arka{fill:transparent}
.rp-grafik g:hover .rp-arka{fill:rgba(233,179,74,.08)}
.rp-grafik .rp-cubuk{fill:url(#rp-g);fill:#d9a23c}
.rp-grafik g:hover .rp-cubuk{fill:#b8862b}
.rp-grafik .rp-sifir{fill:var(--cizgi-2)}
.rp-grafik text{font-size:11px;fill:var(--soluk);font-family:inherit}
.rp-izgara line{stroke:#eee8de;stroke-width:1;vector-effect:non-scaling-stroke}
.rp-grafik text{vector-effect:non-scaling-stroke}
.rp-olcek{position:absolute;top:52px;right:18px;font-size:.72rem;color:var(--soluk)}
.rp-siralama ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.rp-siralama li{position:relative;border-radius:9px;overflow:hidden}
.rp-siralama li i{position:absolute;left:0;bottom:0;height:3px;width:var(--oran);background:linear-gradient(90deg,#f0c66a,#d9a23c);border-radius:2px}
.rp-siralama a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 6px 11px;text-decoration:none;color:var(--metin)}
.rp-siralama a:hover{background:#faf8f4}
.rp-sb{display:grid;min-width:0;line-height:1.3}
.rp-sb b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-sb small{font-size:.74rem;color:var(--soluk)}
.rp-st{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rp-bos{margin:8px 0 4px;color:var(--soluk);font-size:.9rem}
.rp-sayi{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:var(--gri-z);color:var(--soluk);font-size:.74rem;font-weight:700;vertical-align:middle}

/* rapor düzeltmeleri */
.rp-alanlar input,.rp-alanlar select{height:42px;min-height:42px;box-sizing:border-box}
.rp-grafik{height:200px}
.rp-cizgiler line{stroke:#eee8de;stroke-width:1;vector-effect:non-scaling-stroke}
.rp-etiketler{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-top:6px;font-size:.7rem;color:var(--soluk);text-align:center;white-space:nowrap}
.rp-etiketler span{overflow:visible}
.rp-enust{font-size:.76rem;color:var(--soluk);font-weight:600}
.rp-olcek{display:none}
.rp-siralama li{display:grid}
.rp-siralama progress{appearance:none;-webkit-appearance:none;width:100%;height:4px;border:0;border-radius:3px;background:#f1ede6;margin:0 6px 6px;width:calc(100% - 12px)}
.rp-siralama progress::-webkit-progress-bar{background:#f1ede6;border-radius:3px}
.rp-siralama progress::-webkit-progress-value{background:linear-gradient(90deg,#f0c66a,#d9a23c);border-radius:3px}
.rp-siralama progress::-moz-progress-bar{background:linear-gradient(90deg,#f0c66a,#d9a23c);border-radius:3px}
.rp-siralama a{padding-bottom:6px}
/* ödemeler (yönetim) */
.od-alanlar{grid-template-columns:1fr 1fr}
.od-ara{grid-column:1/-1}
@media(min-width:1000px){.od-alanlar{grid-template-columns:minmax(200px,1.4fr) 150px 150px minmax(170px,1fr) 160px auto}.od-ara{grid-column:auto}}
.od-ozet-satir{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 12px}
.od-cipler{display:flex;gap:8px;flex-wrap:wrap}
.od-cip{display:inline-flex;align-items:baseline;gap:7px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge)}
.od-cip small{font-size:.76rem;font-weight:600;color:var(--soluk)}
.od-cip b{font-size:1rem;font-variant-numeric:tabular-nums}
.od-cip em{font-style:normal;font-size:.74rem;color:var(--soluk)}
.od-cip.yesil b{color:var(--yesil)}.od-cip.kirmizi b{color:var(--kirmizi)}.od-cip.sari b{color:var(--sari)}
.od-tablo-kutu{padding:6px 18px}
.kucuk-bos{border:0;padding:28px 12px}
/* ödeme tablosu */
.odeme-tablo td{vertical-align:middle}
.odeme-tablo .ot-no a{text-decoration:none}
.odeme-tablo td small{display:block;color:var(--soluk);font-size:.78rem}
.odeme-tablo .ot-ok{width:28px;text-align:right;color:#c3b9aa}
.odeme-tablo .ot-ok .ikon{width:16px;height:16px;transform:rotate(180deg)}
.odeme-tablo tbody tr:hover{background:#faf8f4}
.odeme-tablo tbody tr:hover .ot-ok{color:var(--altin-koyu)}
@media(max-width:700px){
  .odeme-tablo thead{display:none}
  .odeme-tablo,.odeme-tablo tbody{display:block}
  .odeme-tablo tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"bayi tutar" "no durum";gap:2px 10px;padding:12px 2px;border-bottom:1px solid var(--cizgi)}
  .odeme-tablo tr:last-child{border-bottom:0}
  .odeme-tablo td{display:block;padding:0;border:0}
  .odeme-tablo .ot-bayi{grid-area:bayi;min-width:0}
  .odeme-tablo .ot-bayi small{display:none}
  .odeme-tablo .ot-unvan{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .odeme-tablo .ot-tutar{grid-area:tutar}
  .odeme-tablo .ot-no{grid-area:no;display:flex;gap:6px;align-items:baseline;font-size:.8rem;color:var(--soluk)}
  .odeme-tablo .ot-no b{font-weight:600;color:var(--soluk)}
  .odeme-tablo .ot-no small{display:inline}
  .odeme-tablo .ot-durum{grid-area:durum;justify-self:end}
  .odeme-tablo .ot-ok{display:none}
  .odeme-tablo .rozet{font-size:.72rem;padding:1px 8px}
}

/* ================= Yönetim: güvenlik ================= */
.gv-duzen{display:grid;gap:16px;max-width:1100px}
@media(min-width:1100px){.gv-duzen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.gv-sol,.gv-sag{display:grid;gap:16px;align-content:start}
.gv-sag .panel-kutu,.gv-sol .hs-kart{margin-bottom:0}
.gv-profil{margin-bottom:0;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.gv-son{display:grid;text-align:right;font-size:.74rem;color:rgba(255,255,255,.6);font-weight:600}
.gv-son b{font-size:.92rem;color:#fff;font-weight:700}
.gv-liste{list-style:none;margin:0;padding:0}
.gv-liste li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--cizgi)}
.gv-liste li:first-child{border-top:0;padding-top:4px}
.gv-cihaz{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--gri-z);color:var(--gri)}
.gv-cihaz .ikon{width:18px;height:18px}
.gv-bilgi{display:grid;flex:1;min-width:0;line-height:1.35}
.gv-bilgi b{font-size:.92rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gv-bilgi small{font-size:.78rem;color:var(--soluk)}
.gv-sen{font-weight:400;color:var(--soluk)}
.gv-rozetler{flex:none}
.gv-ipucu{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--cizgi);font-size:.8rem;color:var(--soluk)}
.gv-not{display:block;font-weight:400;font-size:.76rem;color:var(--soluk)}
.gv-kod{letter-spacing:.3em;font-variant-numeric:tabular-nums;max-width:200px}
.pk-kutu li>span:last-child{min-width:0}
@media(max-width:600px){.gv-profil{grid-template-columns:1fr}.gv-son{text-align:left;display:flex;gap:6px;align-items:baseline;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}}
.rp-toplam{color:var(--yesil);font-weight:700}
.rp-grafik-kutu{margin-bottom:16px}
.rp-liste-bas{padding-top:12px}
.rp-etiketler{grid-auto-columns:minmax(0,1fr);overflow:hidden}
.rp-baslik .dugme{white-space:nowrap;flex:none}
@media(max-width:600px){.rp-etiketler{display:flex;justify-content:space-between}.rp-etiketler span:empty{display:none}.rp-etiketler span:not(:first-child):not(:last-child){display:none}}

/* rapor özet kartı */
.rp-ozet{display:grid;gap:14px;margin:18px 0 16px;padding:20px 22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#46423c,#2b2a28);box-shadow:0 8px 24px rgba(43,42,40,.18)}
.rp-ozet-sol{display:grid;gap:2px}
.rp-ozet-sol small{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.65)}
.rp-ozet-sol b{font-size:2.1rem;line-height:1.15;letter-spacing:-.01em;color:var(--altin);font-variant-numeric:tabular-nums}
.rp-ozet-sol span{font-size:.82rem;color:rgba(255,255,255,.7)}
.rp-ozet-sag{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rp-etiket{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.08);font-size:.8rem;color:rgba(255,255,255,.85)}
.rp-etiket .ikon{width:14px;height:14px;color:var(--altin)}
.rp-ozet .dugme.ikincil{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
.rp-ozet .dugme.ikincil:hover{background:rgba(255,255,255,.18)}
@media(min-width:900px){.rp-ozet{grid-template-columns:auto 1fr;align-items:center}.rp-ozet-sag{justify-content:flex-end}}
.rp-dugmeler .dugme .ikon{width:16px;height:16px}
.rp-dugmeler:not(:has(a)){display:none}

/* ================= veri tablosu (ödeme listeleri) ================= */
.od-tablo-kutu{padding:0;overflow:hidden}
.od-tablo-kutu .pk-bas{padding:14px 18px 10px;margin:0}
.vt-sarici{max-height:none}
.vt{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem;font-variant-numeric:tabular-nums}
.vt thead th{position:sticky;top:0;z-index:1;background:#f6f3ee;color:var(--soluk);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  text-align:left;padding:10px 14px;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi-2);white-space:nowrap}
.vt tbody td{padding:10px 14px;border-bottom:1px solid #efeae2;white-space:nowrap;vertical-align:middle}
.vt tbody tr:nth-child(even) td{background:#fcfbf8}
.vt tbody tr:hover td{background:#fbf3e2}
.vt .sag{text-align:right}
.vt .ot-no a{font-weight:700;color:var(--metin);text-decoration:none}
.vt .ot-no a:hover{color:var(--altin-koyu);text-decoration:underline}
.vt .ot-tarih{color:var(--soluk)}
.vt .ot-kod{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;color:var(--soluk)}
.vt .ot-bayi{white-space:normal;min-width:160px;font-weight:600}
.vt .ot-tutar{font-weight:700}
.vt .ot-ok{width:30px;padding-left:0;text-align:right;color:#c3b9aa}
.vt .ot-ok .ikon{width:16px;height:16px;transform:rotate(180deg)}
.vt tfoot td{padding:11px 14px;background:#f6f3ee;border-top:1px solid var(--cizgi-2);font-size:.82rem;font-weight:700;color:var(--soluk);white-space:nowrap}
.vt tfoot td.sag{color:var(--yesil);font-size:.92rem}
.vt tfoot .vt-alt-not{font-weight:600;font-size:.76rem}
.vt .rozet{font-size:.74rem;padding:2px 9px}
.rp-grafik-alt{margin-top:16px}
@media(max-width:700px){
  .od-tablo-kutu{padding:0 14px}
  .od-tablo-kutu .pk-bas{padding:14px 0 6px}
  .vt thead{display:none}
  .vt,.vt tbody,.vt tfoot{display:block}
  .vt tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"bayi tutar" "no durum";gap:2px 10px;padding:11px 0;border-bottom:1px solid var(--cizgi)}
  .vt tbody tr:nth-child(even) td,.vt tbody tr:hover td{background:none}
  .vt tbody td{display:block;padding:0;border:0;white-space:nowrap}
  .vt .ot-bayi{grid-area:bayi;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .vt .ot-tutar{grid-area:tutar}
  .vt .ot-no{grid-area:no;font-size:.8rem}
  .vt .ot-no a{font-weight:600;color:var(--soluk)}
  .vt .ot-tarih{display:none}
  .vt .ot-kod,.vt .ot-ok{display:none}
  .vt .ot-durum{grid-area:durum;justify-self:end}
  .vt tfoot tr{display:flex;justify-content:space-between;gap:8px;padding:10px 0}
  .vt tfoot td{display:block;padding:0;background:none;border:0}
  .vt tfoot .vt-alt-not{display:none}
}
@media(max-width:700px){.vt tbody tr{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"bayi bayi tutar" "no tarih durum";column-gap:8px}.vt .ot-tarih{display:block;grid-area:tarih;font-size:.78rem;color:var(--soluk);align-self:center}}
/* IBAN kartları: uzun hesap adı kartı taşırmasın, tam görünsün */
.hv-liste{grid-template-columns:minmax(0,1fr)}
.iban-kart{min-width:0}
.iban-kart .hv-ic{min-width:0}
.iban-kart .hv-alici span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.iban-kart .hv-iban{min-width:0}
@media(min-width:600px){.iban-kart .hv-iban{font-size:.86rem;letter-spacing:0;white-space:nowrap}}
/* mobil: IBAN tek satır, kopyala düğmeleri simge; şirket adı en altta */
@media(max-width:599px){
  .iban-kart .hv-satir{gap:8px}
  .iban-kart .hv-iban{font-size:min(.84rem,3.55vw);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:clip}
  .iban-kart .hv-kopya{padding:7px;border-radius:9px}
  .iban-kart .hv-kopya span{display:none}
  .iban-kart .hv-kopya .ikon{width:16px;height:16px}
  .iban-kart .hv-alici span{font-size:.8rem}
}
.bayi-sayilar{margin:0 0 12px}

/* Hesabım: grup başlıkları + bağlantı satırları */
.hs-grup{margin:20px 4px 8px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk)}
.hs-profil+.hs-grup{margin-top:16px}
.hs-satir>a{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;text-decoration:none;color:var(--metin);-webkit-tap-highlight-color:transparent}
.hs-satir>a:hover{background:#faf8f4}
.hs-satir>a .hs-metin b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.hs-satir>a .hs-ok .ikon{transform:rotate(180deg)}
.hs-kart{margin-bottom:0}
.hs-kim b{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;overflow-wrap:anywhere}

/* Hesabım: iOS Ayarlar tarzı profil satırı (koyu kart yerine) */
.hs-profil-satir{margin-top:4px}
.hs-kimlik{display:flex;align-items:center;gap:14px;padding:14px 16px}
.hs-kimlik .hs-avatar{width:58px;height:58px;font-size:1.2rem;box-shadow:0 2px 8px rgba(184,134,43,.25)}
.hs-kimlik .hs-metin b{font-size:1.08rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.hs-kimlik .hs-metin small{margin-top:3px;font-size:.84rem;color:var(--soluk);font-variant-numeric:tabular-nums}
.hs-profil-satir+.hs-grup{margin-top:22px}

/* ================= Bayi Ödemelerim (tarih aralıklı liste) ================= */
.om-filtre{display:grid;gap:12px;padding:16px;margin:4px 0 18px;background:#fff;border:1px solid var(--cizgi);border-radius:20px;box-shadow:var(--golge)}
.om-tarihler{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.om-tarihler label{display:grid;gap:5px;font-size:.8rem;font-weight:600;color:var(--soluk)}
.om-tarihler input{min-height:46px;padding:0 14px;border:0;border-radius:99px;background:#efece7;font:inherit;font-size:1rem;font-weight:600;color:var(--metin);width:100%;-webkit-appearance:none;appearance:none}
.om-hazir{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.om-hazir a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 6px;border:1px solid var(--cizgi);border-radius:99px;background:#fff;
  font-size:.86rem;font-weight:600;color:var(--metin);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.om-hazir a.aktif{background:var(--koyu);border-color:var(--koyu);color:#fff}
.om-listele{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:0;border-radius:99px;background:var(--koyu);color:#fff;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer}
.om-listele .ikon{width:20px;height:20px;color:var(--altin)}
.om-listele:active{transform:scale(.99)}
.om-baslik{margin:0 4px 10px;font-size:1.25rem}
.om-baslik small{font-size:.95rem;font-weight:600;color:var(--soluk)}
@media(max-width:380px){.om-hazir a{font-size:.8rem}}
/* satır sağı: Slip hapı */
.os-slip{display:inline-flex;align-items:center;gap:2px;padding:3px 8px 3px 11px;border-radius:99px;background:#efece7;font-size:.8rem;font-weight:700;color:var(--metin)}
.os-slip .ikon{width:14px;height:14px;transform:rotate(180deg)}
.odeme-satir .os-orta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.om-filtre>*{min-width:0}
.om-tarihler{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.om-tarihler label{min-width:0}
.om-tarihler input{min-width:0;max-width:100%;box-sizing:border-box}
.om-hazir{grid-template-columns:repeat(4,minmax(0,1fr))}
.om-listele{width:100%;box-sizing:border-box}
@media(max-width:440px){.om-filtre{padding:14px}.om-tarihler{gap:10px}.om-tarihler input{font-size:.92rem;padding:0 12px}.om-hazir{gap:6px}.om-hazir a{font-size:.78rem;padding:0 4px}}
/* fiş ekranı: üst çubuk diğer sayfalar gibi koyu; alt şerit yok (Paylaş düğmesi zeminde yüzer) */
.fis-ust{background:var(--koyu);border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.fis-ust-baslik{color:#fff;font-size:1rem;font-weight:700}
.fis-kapat{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.14)}
.fis-arac{background:linear-gradient(to top,#e5e3df 55%,rgba(229,227,223,0));border-top:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.hs-kimlik .hs-logo{width:58px;height:58px;flex:none;border-radius:50%;box-shadow:0 0 0 2px rgba(233,179,74,.35),0 2px 8px rgba(43,42,40,.18)}
.hs-kimlik{gap:12px;padding:12px 14px}
.hs-kimlik .hs-logo{width:46px;height:46px}
.hs-kimlik .hs-metin b{font-size:.95rem;font-weight:700;line-height:1.3}
.hs-kimlik .hs-metin small{font-size:.78rem;margin-top:2px}
.hg-emoji{font-size:1.9rem;line-height:1;flex:none;display:inline-block;transform-origin:70% 70%;animation:hg-salla 1.6s ease-in-out .4s 1}
@keyframes hg-salla{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}
@media(prefers-reduced-motion:reduce){.hg-emoji{animation:none}}
.hosgeldin .hg-metin b{font-size:1.2rem}
.hg-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}

/* ================= Havale / EFT (IBAN) — kart başına banka + tek alıcı kartı ================= */
.iv-liste{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.iv-kart{min-width:0;padding:14px 16px;border:1px solid var(--cizgi);border-radius:18px;background:#fbfaf8;box-shadow:0 1px 2px rgba(33,31,28,.04)}
.iv-banka{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.iv-banka .ikon{width:20px;height:20px;color:var(--metin)}
.iv-banka b{font-size:.98rem;font-weight:700}
.iv-satir{display:flex;align-items:center;gap:12px}
.iv-iban{flex:1;min-width:0;background:none;padding:0;font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;line-height:1.45;letter-spacing:.02em;color:var(--metin);overflow-wrap:anywhere;word-break:normal}
.iv-kopya{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 16px!important;border:1px solid var(--cizgi-2)!important;border-radius:99px!important;background:#fff!important;font-size:.9rem!important;font-weight:700!important;color:var(--metin)!important}
.iv-kopya .ikon{width:18px!important;height:18px!important}
.iv-kopya span{display:inline!important}
.iv-kopya.tamam{background:var(--yesil)!important;border-color:var(--yesil)!important;color:#fff!important}
.iv-sahip{display:flex;align-items:center;gap:12px;background:var(--altin-acik);border-color:#f0dcae}
.iv-sahip b{flex:1;min-width:0;font-size:.95rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.iv-not{margin:16px 6px 4px;text-align:center;font-size:.86rem;line-height:1.5;color:var(--soluk)}
.iv-geri{display:block;margin:10px auto 2px;padding:8px;text-align:center;font-size:1rem;font-weight:600;color:var(--soluk);text-decoration:none}
@media(min-width:600px){.iv-iban{white-space:nowrap}}
@media(max-width:599px){
  .iv-kutu .pay-govde{padding:14px 10px 12px}
  .iv-kart{padding:12px 12px 12px 14px;border-radius:16px}
  .iv-iban{font-size:.95rem;letter-spacing:0}
  .iv-kopya{padding:8px 12px!important;font-size:.86rem!important}
  .iv-satir{gap:8px}
}
/* IBAN kartları: daha küçük yazı ve düğmeler */
.iv-liste{gap:10px}
.iv-kart{padding:11px 13px;border-radius:14px}
.iv-banka{gap:7px;margin-bottom:6px}
.iv-banka .ikon{width:16px;height:16px}
.iv-banka b{font-size:.86rem}
.iv-iban{font-size:.84rem;line-height:1.45;letter-spacing:0}
.iv-kopya{gap:4px;padding:5px 10px!important;font-size:.76rem!important;font-weight:650!important}
.iv-kopya .ikon{width:14px!important;height:14px!important}
.iv-sahip b{font-size:.82rem}
.iv-not{font-size:.78rem;margin:14px 6px 2px}
.iv-geri{font-size:.88rem}
@media(max-width:599px){.iv-kart{padding:10px 11px 10px 12px}.iv-iban{font-size:.84rem}.iv-kopya{padding:5px 10px!important;font-size:.76rem!important}}
/* IBAN tek satır: Kopyala banka adının sağında, IBAN altta tam genişlik */
.iv-banka{margin-bottom:5px}
.iv-banka b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-banka .iv-kopya{margin-left:auto}
.iv-kart>.iv-iban{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:min(.9rem,3.75vw)}
/* IBAN + Kopyala aynı satırda; IBAN ekrana göre küçülür, tek satır kalır */
.iv-kart .iv-satir{display:flex;align-items:center;gap:8px}
.iv-kart .iv-satir .iv-iban{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip;letter-spacing:-.01em;font-size:min(.84rem,calc((100vw - 176px) / 19.2))}
@media(max-width:359px){
  .iv-kart .iv-kopya span{display:none!important}
  .iv-kart .iv-kopya{padding:6px 8px!important}
  .iv-kart .iv-satir .iv-iban{font-size:calc((100vw - 128px) / 19.2)}
}
@media(min-width:600px){.iv-kart .iv-satir .iv-iban{font-size:.84rem}}

/* ================= Kullanım koşulları ================= */
.ks-kart{max-width:640px;text-align:left}
.ks-kart h1,.ks-kart>.soluk,.ks-kart .giris-logo{text-align:center}
.ks-metin{max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:14px 0 12px;padding:14px 16px;border:1px solid var(--cizgi);border-radius:14px;background:#faf8f4;font-size:.84rem;line-height:1.55;color:var(--metin)}
.ks-metin h2{font-size:.98rem;margin:0 0 8px;text-align:center}
.ks-metin h3{font-size:.86rem;margin:14px 0 4px}
.ks-metin p{margin:0 0 6px}
.ks-firma{font-size:.76rem;color:var(--soluk);text-align:center}
.ks-form{display:grid;gap:12px}
.ks-onay{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid var(--cizgi-2);border-radius:12px;background:#fff;font-size:.9rem;font-weight:600;cursor:pointer;line-height:1.4}
.ks-onay input{width:22px;height:22px;min-height:22px;flex:none;margin:0;accent-color:var(--koyu)}
.ks-onay:has(input:checked){border-color:var(--yesil);background:var(--yesil-z)}
.ks-form .dugme[disabled]{opacity:.45;cursor:not-allowed}
.ks-cikis{text-align:center;margin-top:10px}
.ks-cikis button{border:0;background:none;font:inherit;font-size:.86rem;color:var(--soluk);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ks-okuma{display:grid;gap:12px}
.ks-kabul-bilgi{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-radius:12px;background:var(--yesil-z);color:var(--yesil);font-size:.86rem;font-weight:600}
.ks-kabul-bilgi .ikon{width:18px;height:18px}
.ks-metin-tam{max-height:none;margin:0;background:#fff}
.ks-kart .ks-onay{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px}
.ks-kart .ks-onay input{width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;margin:1px 0 0!important;flex:none}
.ks-kart .ks-onay span{flex:1}
.giris-kosul{margin:10px 0 0;text-align:center;font-size:.82rem}
.giris-kosul a{color:var(--soluk)}
.ks-metin-genel{max-height:none}
.ks-cikis a{color:var(--soluk);font-size:.9rem}

/* ================= Yönetim: telefon uyumu ================= */
.ht-etiket{display:none}
/* iOS 16px altındaki alanlarda sayfayı yakınlaştırıp bırakıyor */
@supports(-webkit-touch-callout:none){body.yonetim input:not([type=checkbox]):not([type=radio]),body.yonetim select,body.yonetim textarea{font-size:16px!important}}
@media(max-width:700px){
  /* tarih hapları tek satır, yana kayar */
  .rp-haplar{flex-wrap:nowrap;overflow-x:auto;justify-self:stretch;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rp-haplar::-webkit-scrollbar{display:none}
  .rp-haplar a{flex:none}
  .rp-filtre{padding:12px}
  /* ödemeler özeti: üç eşit kutu + tam genişlik Excel */
  .od-ozet-satir{display:grid;gap:10px;margin:12px 0}
  .od-cipler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .od-cip{display:grid;gap:2px;padding:10px 12px;min-width:0}
  .od-cip b{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .od-cip em{display:none}
  .od-cip.sari{grid-column:1/-1}
  .od-ozet-satir>.dugme{justify-content:center}
  /* bayiler: arama + yeni bayi tek satır */
  .arac-cubugu{flex-wrap:nowrap;gap:8px}
  .arac-cubugu .filtre.tek{min-width:0}
  .arac-cubugu .filtre.tek input{min-width:0;flex:1}
  .arac-cubugu .filtre.tek button{display:none}
  .arac-cubugu>.dugme{flex:none;padding-inline:14px}
  /* bayi listesi: kart satırları (dokununca bayi kartı açılır) */
  .bayi-tablo thead{display:none}
  .bayi-tablo,.bayi-tablo tbody{display:block}
  .bayi-tablo tr{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;column-gap:10px;padding:12px 0;border-bottom:1px solid var(--cizgi)}
  .bayi-tablo tr:last-child{border-bottom:0}
  .bayi-tablo td{display:block;padding:0;border:0}
  .bayi-tablo td:nth-child(1){min-width:0}
  .bayi-tablo td:nth-child(1) b{display:block;font-size:.9rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .bayi-tablo td:nth-child(4){text-align:right;white-space:nowrap}
  .bayi-tablo td:nth-child(6){grid-column:1;grid-row:2;margin-top:4px}
  .bayi-tablo td:nth-child(6) .rozet.yesil{display:none}
  .bayi-tablo td:nth-child(7){grid-column:3;grid-row:1}
  .bayi-tablo .duzenle-dugme{padding:0;border:0;background:none;color:#c3b9aa}
  .bayi-tablo .duzenle-dugme .ikon{display:none}
  .bayi-tablo .duzenle-dugme::after{content:"›";font-size:1.4rem;line-height:1;color:#c3b9aa}
  .bayi-tablo .duzenle-dugme span{display:none}
  .bayi-tablo tr[data-git]:hover .duzenle-dugme{background:none}
  /* banka hesapları: kart satırları, IBAN tek satır */
  .hesap-tablo thead{display:none}
  .hesap-tablo,.hesap-tablo tbody{display:block}
  .hesap-tablo tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"banka durum" "sahip sahip" "iban iban" "sira islem";gap:4px 10px;padding:14px 0;border-bottom:1px solid var(--cizgi)}
  .hesap-tablo tr:last-child{border-bottom:0}
  .hesap-tablo td{display:block;padding:0;border:0;min-width:0}
  .hesap-tablo .ht-banka{grid-area:banka}.hesap-tablo .ht-banka small{display:inline;margin-left:6px}
  .hesap-tablo .ht-durum{grid-area:durum;justify-self:end}
  .hesap-tablo .ht-sahip{grid-area:sahip;font-size:.82rem;color:var(--soluk)}
  .hesap-tablo .ht-iban{grid-area:iban}
  .hesap-tablo .ht-iban code{display:block;white-space:nowrap;overflow-x:auto;font-size:.8rem;padding:6px 8px}
  .hesap-tablo .ht-sira{grid-area:sira;align-self:center;font-size:.8rem;color:var(--soluk)}
  .hesap-tablo .ht-etiket{display:inline}
  .hesap-tablo .ht-islem{grid-area:islem}
  .tablo-sarici{margin:0;padding:0}
}

/* ================= Yönetim: filtre ve tarih alanları (iPhone) ================= */
/* iOS tarih kutusu kendi genişliğini dayatıp taşıyor ve iri çiziliyordu (bayi Ödemelerim'deki çözümün aynısı) */
.rp-alanlar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.rp-alanlar input[type=date]{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;
  height:42px;min-height:42px;padding:0 12px;line-height:42px;text-align:left;background:#fff}
.rp-alanlar input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}
.rp-alanlar input[type=date]::-webkit-calendar-picker-indicator{opacity:.55}
@media(min-width:1000px){.rp-alanlar{grid-template-columns:160px 160px minmax(200px,1fr) 180px auto}.od-alanlar{grid-template-columns:minmax(200px,1.4fr) 150px 150px minmax(170px,1fr) 160px auto}}
@media(max-width:700px){
  .rp-filtre{gap:10px;padding:10px 12px 12px;border-radius:16px}
  .rp-alanlar{gap:8px 10px}
  .rp-alanlar label{gap:3px;font-size:.7rem;letter-spacing:.02em}
  .rp-alanlar input,.rp-alanlar select{height:42px;min-height:42px;border-radius:11px;font-size:15px;box-sizing:border-box}
  .rp-alanlar select{padding:0 30px 0 12px}
  .rp-haplar a{padding:6px 12px;font-size:.8rem}
  /* "Filtreleri temizle": kocaman düğme yerine sağda küçük bağlantı */
  .rp-dugmeler{justify-content:flex-end;min-height:0}
  .rp-dugmeler:not(:has(a)){display:none}
  .rp-dugmeler .dugme{min-height:0;height:auto;padding:2px 0;border:0;background:none;box-shadow:none;font-size:.8rem;font-weight:600;color:var(--altin-koyu);gap:4px}
  .rp-dugmeler .dugme .ikon{width:14px;height:14px}
  /* toplam kartı: daha derli toplu */
  .rp-ozet{gap:10px;margin:12px 0;padding:16px 16px 14px;border-radius:16px}
  .rp-ozet-sol b{font-size:1.8rem}
  .rp-ozet-sag{gap:6px}
  .rp-ozet-sag>*{font-size:.78rem}
}

/* ================= Ödemeler: durum simgeleri ve temiz liste ================= */
.d-ikon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;flex:none;background:#f1ede6;color:var(--soluk)}
.d-ikon .ikon{width:15px;height:15px;stroke-width:2.4}
.d-ikon.d-onaylandi{background:#e3f4e8;color:#1f8a47}
.d-ikon.d-basarisiz,.d-ikon.d-reddedildi{background:#fdeaea;color:#c62828}
.d-ikon.d-kart_isleniyor,.d-ikon.d-kart_bekliyor,.d-ikon.d-inceleniyor{background:#fff4dc;color:#b7791f}
.d-ikon.d-iptal,.d-ikon.d-iade{background:#efece7;color:#7a7266}
.vt .vt-durum,.vt .ot-durum{width:44px;text-align:center}
.vt tbody tr.d-satir-basarisiz .ot-tutar,.vt tbody tr.d-satir-iptal .ot-tutar,.vt tbody tr.d-satir-iade .ot-tutar{color:var(--soluk);font-weight:600}
.vt tbody tr.d-satir-iptal .ot-tutar,.vt tbody tr.d-satir-iade .ot-tutar{text-decoration:line-through}
.od-ozet-satir,.od-cipler{width:100%;box-sizing:border-box}
@media(max-width:700px){
  /* satır: [simge] bayi adı / no · tarih ........ tutar */
  .vt tbody tr{grid-template-columns:30px auto minmax(0,1fr) auto;grid-template-areas:"durum bayi bayi tutar" "durum no tarih tutar";column-gap:10px;row-gap:1px;align-items:center;padding:12px 0}
  .vt .ot-durum{grid-area:durum;grid-row:1/3;width:auto;justify-self:start;align-self:center}
  .vt .ot-bayi{grid-area:bayi;font-weight:650;font-size:.92rem}
  .vt .ot-no{grid-area:no;font-size:.76rem}
  .vt .ot-no a{font-weight:600;color:var(--soluk)}
  .vt .ot-tarih{grid-area:tarih;font-size:.76rem;color:var(--soluk)}
  .vt .ot-tutar{grid-area:tutar;grid-row:1/3;align-self:center;font-size:.95rem;font-weight:700}
  .vt tfoot tr{padding:12px 0 10px}
}

/* ================= Ödemeler: sade düzen ================= */
/* tarih seçici: satırı eşit bölen tam genişlik düğmeler */
.rp-haplar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);justify-self:stretch;overflow:visible}
.rp-haplar a{text-align:center;padding:8px 6px}
@media(min-width:1000px){.rp-haplar{justify-self:start;min-width:380px}}
/* liste başlığı + Excel */
.od-liste-bas{align-items:center;padding:14px 0 4px;margin:0}
.od-liste-bas h2{font-size:1.05rem}
.od-excel{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--cizgi-2);border-radius:99px;background:#fff;
  color:var(--metin)!important;font-size:.82rem!important;font-weight:600;text-decoration:none;white-space:nowrap}
.od-excel .ikon{width:15px;height:15px;color:var(--altin-koyu)}
.od-excel:hover{border-color:var(--altin);background:var(--altin-acik)}
/* alt satır: onaylı toplam en sonda */
.vt tfoot td.sag{white-space:nowrap}
.vt-alt-etiket{margin-right:10px;font-size:.76rem;font-weight:700;color:var(--soluk)}
@media(max-width:700px){
  .od-tablo-kutu{padding:0 14px}
  .od-liste-bas{padding:12px 0 2px}
  .vt tfoot tr{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 0 12px;border-top:1px solid var(--cizgi-2)}
  .vt tfoot td:empty{display:none}
  .vt tfoot td{font-size:.8rem}
  .vt tfoot td.sag{font-size:1rem}
  .vt-alt-etiket{font-size:.72rem;margin-right:8px}
}

/* ================= Yönetim: Ak-vit örneğindeki düzen (ödemeler + alt menü) ================= */
.og-kart{background:#fff;border:1px solid rgba(0,0,0,.035);border-radius:24px;box-shadow:0 10px 30px -12px rgba(43,42,40,.18),0 2px 6px rgba(43,42,40,.04);margin-bottom:16px}
.og-takvim{padding:16px 16px 14px}
.og-ust{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.og-bugun{justify-self:start;padding:7px 12px;border-radius:12px;font-weight:700;font-size:.95rem;color:var(--metin);text-decoration:none}
.og-bugun.aktif{color:var(--metin)}
.og-bugun:not(.aktif){color:var(--altin-koyu);background:var(--altin-acik)}
.og-ay{display:flex;align-items:center;gap:10px}
.og-ay b{font-size:1.2rem;min-width:88px;text-align:center}
.og-ok,.og-yuvarlak{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--metin);border:0;cursor:pointer;
  box-shadow:0 4px 12px -4px rgba(43,42,40,.2),0 1px 2px rgba(43,42,40,.06);text-decoration:none;position:relative;flex:none}
.og-ok .ikon,.og-yuvarlak .ikon{width:18px;height:18px}
.og-ok.ileri .ikon{transform:rotate(180deg)}
.og-ok.pasif{opacity:.3;box-shadow:none}
.og-yuvarlak{justify-self:end}
.og-yuvarlak.dolu{background:var(--koyu);color:#fff}
.og-yuvarlak em{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#d64545;color:#fff;font-style:normal;font-size:.68rem;font-weight:800;display:grid;place-items:center}
.og-serit{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:16px}
.og-gun{position:relative;display:grid;justify-items:center;gap:3px;padding:9px 0 12px;border-radius:16px;color:var(--metin);text-decoration:none}
.og-gun small{font-size:.74rem;font-weight:600;color:var(--soluk)}
.og-gun b{font-size:1.2rem;font-variant-numeric:tabular-nums}
.og-gun i{position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:#3fbf73}
.og-gun.gelecek{opacity:.35}
.og-gun.aralikta{background:#f4f1ec}
.og-gun.secili{background:var(--koyu);color:#fff;box-shadow:0 8px 18px -6px rgba(27,26,24,.55)}
.og-gun.secili small{color:rgba(255,255,255,.75)}
a.og-gun:not(.secili):hover{background:#f6f3ee}
.og-kapsam{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:12px;padding:4px;border-radius:14px;background:#f4f1ec}
.og-kapsam a{padding:7px 0;border-radius:10px;text-align:center;font-size:.84rem;font-weight:650;color:var(--soluk);text-decoration:none}
.og-kapsam a.aktif{background:#fff;color:var(--metin);box-shadow:0 1px 4px rgba(43,42,40,.12)}
.og-filtre{padding:14px 16px}
.og-filtre[hidden]{display:none}
.og-liste-bas{display:flex;align-items:center;gap:12px;padding:14px 0 12px;border-bottom:1px solid var(--cizgi)}
.og-liste-ik{display:grid;place-items:center;width:34px;height:34px;flex:none;color:var(--metin)}
.og-liste-ik .ikon{width:22px;height:22px}
.og-liste-ad{flex:1;min-width:0;display:grid}
.og-liste-ad h2{margin:0;font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.og-liste-ad small{font-size:.78rem;color:var(--soluk)}
.og-kart.od-tablo-kutu{padding:0 18px}
.og-kart .vt thead th:first-child{border-top-left-radius:0}
/* üst: karşılama (telefonda) */
.yon-selam{display:none}
/* alt menü (telefonda) */
.yon-alt{display:none}
@media(max-width:999px){
  .yon-ac{display:none}
  .yon-ust{min-height:64px;background:rgba(243,241,236,.94)}
  .yon-ust.karsilamali h1{display:none}
  .yon-ust.karsilamali .yon-selam{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
  .yon-selam img{width:44px;height:44px;border-radius:50%}
  .yon-selam span{display:grid;line-height:1.2;min-width:0}
  .yon-selam b{font-size:1.15rem}
  .yon-selam small{font-size:.84rem;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .yon-icerik{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .yon-alt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:35;
    padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:rgba(248,246,242,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--cizgi)}
  .yon-alt a{position:relative;display:grid;justify-items:center;gap:3px;padding:4px 0;color:#8a8175;text-decoration:none;font-size:.72rem;font-weight:600}
  .yon-alt a .ikon{width:24px;height:24px;stroke-width:1.7}
  .yon-alt a.aktif{color:var(--metin)}
  .yon-alt a.aktif .ikon{stroke-width:2.2}
  .yon-alt em{position:absolute;top:0;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#d64545;color:#fff;font-style:normal;font-size:.62rem;font-weight:800;display:grid;place-items:center}
  body.menu-acik .yon-yan{transform:translateX(-100%)}
}
@media(max-width:700px){
  .og-kart{border-radius:22px;margin-bottom:14px}
  .og-takvim{padding:14px 12px 12px}
  .og-ay b{font-size:1.1rem;min-width:74px}
  .og-gun b{font-size:1.1rem}
  .og-kart.od-tablo-kutu{padding:0 14px}
  /* satır: [simge kutusu] bayi / no · saat ........ tutar › */
  .vt tbody tr{grid-template-columns:40px auto minmax(0,1fr) auto 14px;grid-template-areas:"durum bayi bayi tutar ok" "durum no tarih tutar ok";column-gap:12px;padding:14px 0}
  .vt .ot-durum{grid-area:durum}
  .vt .ot-ok{display:block;grid-area:ok;grid-row:1/3;align-self:center;width:auto;color:#b9b0a3}
  .vt .ot-ok .ikon{width:16px;height:16px}
  .vt .d-ikon{width:40px;height:40px;border-radius:12px}
  .vt .d-ikon .ikon{width:18px;height:18px}
  .vt .ot-bayi{font-size:.95rem}
  .vt .ot-tutar{font-size:1rem}
}

/* yönetim alt menü: ekranın dibine yapışık, alt kenarla tek parça (bayi uygulamasındaki gibi) */
@media(max-width:999px){
  body.yonetim{padding-bottom:0}
  .yon-alt{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid var(--cizgi);box-shadow:0 -2px 16px rgba(33,31,28,.06);
    padding:3px 0 calc(3px + env(safe-area-inset-bottom,0px));margin:0;border-radius:0}
  .yon-alt a{padding:7px 2px 6px;gap:2px;color:var(--soluk)}
  .yon-alt a .ikon{width:23px;height:23px}
  .yon-alt a.aktif{color:var(--koyu)}
  .yon-alt a.aktif .ikon{color:var(--altin-koyu);stroke-width:2.2}
  .yon-alt a.aktif::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:2px 2px 0 0;background:var(--altin)}
  .yon-icerik{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:700px){.bayi-tablo td:nth-child(1) b{line-height:1.3;max-height:2.6em;overflow:hidden}}

/* ================= Yönetim: birleşik Ayarlar ekranı (iOS tarzı satırlar) ================= */
.ay-duzen{display:grid;gap:4px 28px;max-width:1100px}
@media(min-width:1000px){.ay-duzen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.ay-baslik{margin:18px 4px 8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);display:flex;gap:6px;align-items:baseline}
.ay-sol>.ay-baslik:first-child,.ay-form>.ay-baslik:first-of-type{margin-top:4px}
.ay-baslik small{font-size:.74rem;font-weight:700;color:#b3aa9d}
.ay-duzen .hs-kart{margin-bottom:4px;border-radius:16px}
.hs-ikon.gri{background:#f1ede6;color:var(--soluk)}
.hs-bilgi-satir .rozet{margin-left:auto;flex:none}
.ay-kart{padding:0 16px}
.ay-alan{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr);align-items:center;gap:12px;min-height:52px;border-bottom:1px solid #f1ede6;margin:0;font-size:.92rem;font-weight:600;color:var(--metin)}
.ay-alan:last-child{border-bottom:0}
.ay-alan input{border:0;background:none;box-shadow:none;padding:12px 0;min-height:0;height:auto;text-align:right;font:inherit;font-weight:500;color:var(--metin);width:100%;min-width:0;outline:none}
.ay-alan input:focus{color:var(--altin-koyu)}
.ay-alan:focus-within span{color:var(--altin-koyu)}
.ay-not{margin:6px 6px 0;font-size:.78rem;color:var(--soluk)}
.ay-form .dugme.tam{margin-top:18px}
@media(max-width:999px){.yon-alt{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ay-alan{grid-template-columns:auto minmax(0,1fr)}
.ay-alan>span{white-space:nowrap}
@media(max-width:700px){.ay-alan{font-size:.88rem;gap:10px}.ay-alan input{font-size:15px}}

/* telefonda yazılar daha küçük (Ak-vit örneğindeki ölçüler) */
@media(max-width:700px){
  .yon-ust{min-height:58px}
  .yon-selam{gap:10px!important}
  .yon-selam img{width:38px;height:38px}
  .yon-selam b{font-size:1rem}
  .yon-selam small{font-size:.76rem}
  .og-takvim{padding:12px 10px 10px}
  .og-ok,.og-yuvarlak{width:32px;height:32px;border-radius:10px}
  .og-ok .ikon,.og-yuvarlak .ikon{width:16px;height:16px}
  .og-ay{gap:8px}
  .og-ay b{font-size:.98rem;min-width:64px}
  .og-serit{margin-top:10px;gap:2px}
  .og-gun{padding:7px 0 10px;border-radius:13px;gap:1px}
  .og-gun small{font-size:.66rem}
  .og-gun b{font-size:.98rem}
  .og-gun i{width:4px;height:4px;bottom:4px}
  .og-kapsam{margin-top:10px;padding:3px;border-radius:12px}
  .og-kapsam a{padding:6px 0;font-size:.76rem;border-radius:9px}
  .og-liste-bas{gap:10px;padding:12px 0 10px}
  .og-liste-ik{width:26px;height:26px}
  .og-liste-ik .ikon{width:19px;height:19px}
  .og-liste-ad h2{font-size:.94rem}
  .og-liste-ad small{font-size:.7rem}
  .vt tbody tr{grid-template-columns:34px auto minmax(0,1fr) auto 12px;column-gap:10px;padding:11px 0}
  .vt .d-ikon{width:34px;height:34px;border-radius:10px}
  .vt .d-ikon .ikon{width:16px;height:16px}
  .vt .ot-bayi{font-size:.84rem}
  .vt .ot-no,.vt .ot-tarih{font-size:.7rem}
  .vt .ot-tutar{font-size:.86rem}
  .vt .ot-ok .ikon{width:14px;height:14px}
  .vt tfoot td{font-size:.72rem}
  .vt tfoot td.sag{font-size:.9rem}
  .vt-alt-etiket{font-size:.66rem}
  .yon-alt a{font-size:.66rem}
  .yon-alt a .ikon{width:21px;height:21px}
}

/* ayarlar: kilitli ödeme tutarı */
.ay-baslik .ay-kilit{margin-left:auto;display:inline-grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:#fff;color:var(--soluk);cursor:pointer;
  box-shadow:0 2px 8px -2px rgba(43,42,40,.18)}
.ay-kilit .ikon{width:16px;height:16px}
.ay-kilit .k-acik{display:none}
.ay-kilit[aria-pressed="true"]{background:var(--altin-acik);color:var(--altin-koyu)}
.ay-kilit[aria-pressed="true"] .k-kapali{display:none}
.ay-kilit[aria-pressed="true"] .k-acik{display:block}
.ay-kart.kilitli input{color:var(--soluk);cursor:default}
.ay-kart.kilitli .ay-alan:focus-within span{color:var(--metin)}

/* ================= Bayi: Ödemelerim telefonda daha küçük yazı ve düğmeler ================= */
@media(max-width:600px){
  .om-filtre{gap:10px;padding:12px;margin:2px 0 14px;border-radius:18px}
  .om-tarihler{gap:8px}
  .om-tarihler label{gap:4px;font-size:.72rem}
  .om-tarihler input{min-height:40px;height:40px;padding:0 12px;font-size:.86rem;font-weight:600}
  .om-hazir{gap:6px}
  .om-hazir a{min-height:32px;padding:0 4px;font-size:.72rem;font-weight:650;white-space:nowrap}
  .om-listele{min-height:42px;gap:8px;font-size:.88rem}
  .om-listele .ikon{width:17px;height:17px}
  .om-baslik{margin:0 4px 8px;font-size:1.02rem}
  .om-baslik small{font-size:.8rem}
  .odeme-satir{gap:10px;padding:11px 12px}
  .odeme-satir .os-ikon{width:34px;height:34px;border-radius:10px}
  .os-ikon .ikon{width:17px;height:17px}
  .os-orta b{font-size:.84rem}
  .os-orta small{font-size:.72rem}
  .os-sag>b{font-size:.88rem}
  .os-slip{padding:2px 7px 2px 9px;font-size:.7rem}
  .os-slip .ikon{width:12px;height:12px}
  .os-durum{font-size:.68rem}
}

/* ================= Kullanım koşulları onay ekranı: tam ekrana sığar, yalnız metin kayar ================= */
body.kosul-ekran .yalin-ic,body.kosul-ekran .yalin-ic:has(.giris-logo){min-height:100vh;min-height:100dvh;box-sizing:border-box;place-items:center;
  padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))}
body.kosul-ekran .ks-kart{display:flex;flex-direction:column;box-sizing:border-box;padding:16px 16px 10px;
  max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
body.kosul-ekran .ks-kart .giris-logo.kucuk{flex:none;width:58px;height:58px;margin:0 auto 8px;box-shadow:0 0 0 4px rgba(233,179,74,.22),0 6px 16px rgba(0,0,0,.25)}
body.kosul-ekran .ks-kart .giris-logo img{width:44px;height:44px}
body.kosul-ekran .ks-kart h1{flex:none;font-size:1.2rem}
body.kosul-ekran .ks-kart>.soluk{flex:none;font-size:.82rem;line-height:1.45}
body.kosul-ekran .ks-metin{flex:1 1 auto;min-height:140px;max-height:none;margin:10px 0}
body.kosul-ekran .ks-form{flex:none;gap:10px}
body.kosul-ekran .ks-onay{padding:10px 12px;font-size:.84rem}
body.kosul-ekran .ks-form .dugme{min-height:46px}
body.kosul-ekran .ks-cikis{flex:none;margin-top:4px}
body.kosul-ekran .ks-cikis button{padding:8px 4px}

/* ================= Yönetim: Bayiler listesi telefonda derli toplu ================= */
@media(max-width:700px){
  .arac-cubugu{margin-bottom:10px}
  .arac-cubugu .filtre.tek input{height:40px;min-height:40px;border-radius:12px;font-size:15px;padding:0 12px}
  .arac-cubugu>.dugme{min-height:40px;height:40px;padding:0 12px;border-radius:12px;font-size:.82rem;gap:6px}
  .arac-cubugu>.dugme .ikon{width:16px;height:16px}
  /* sayılar: kutu yerine tek satır */
  .bayi-sayilar{display:flex;gap:6px;flex-wrap:wrap;margin:0 2px 10px}
  .bayi-sayilar .od-cip{display:inline-flex;align-items:baseline;gap:5px;padding:4px 10px;border-radius:99px;box-shadow:none;background:#fff}
  .bayi-sayilar .od-cip small{font-size:.7rem}
  .bayi-sayilar .od-cip b{font-size:.8rem}
  /* liste */
  .yon-icerik>.panel-kutu:has(.bayi-tablo){padding:0 14px;border-radius:20px}
  .bayi-tablo tr{padding:10px 0;column-gap:8px}
  .bayi-tablo td:nth-child(1) b{font-size:.8rem;line-height:1.3;max-height:2.6em}
  .bayi-tablo td small{font-size:.7rem}
  .bayi-tablo td:nth-child(4) b{font-size:.82rem}
  .bayi-tablo td:nth-child(4) small{font-size:.66rem}
  .bayi-tablo .duzenle-dugme::after{font-size:1.15rem}
}

/* ================= Yönetim: Banka hesapları ================= */
.hb-arac{align-items:center}
.hb-sayilar{display:flex;gap:6px;margin:0}
.hb-sayilar .od-cip{display:inline-flex;align-items:baseline;gap:5px;padding:5px 11px;border-radius:99px;box-shadow:none;background:#fff}
.hb-sayilar .od-cip small{font-size:.72rem}.hb-sayilar .od-cip b{font-size:.84rem}
.hb-form{padding:16px}
.hb-form[hidden]{display:none}
.hb-form h2{margin:0 0 12px;font-size:1rem}
.hb-alanlar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:14px}
.hb-alanlar label{display:grid;gap:4px;font-size:.76rem;font-weight:600;color:var(--soluk);min-width:0}
.hb-alanlar label small{font-weight:500}
.hb-alanlar input{height:42px;min-height:42px;border-radius:11px;font-size:15px;min-width:0}
.hb-genis{grid-column:1/-1}
.hb-liste{padding:0 16px}
.hb-satir{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--cizgi)}
.hb-satir:last-child{border-bottom:0}
.hb-satir.pasif{opacity:.6}
.hb-ikon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--altin-acik);color:var(--altin-koyu)}
.hb-ikon .ikon{width:18px;height:18px}
.hb-orta{display:grid;gap:2px;flex:1;min-width:0}
.hb-orta b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-orta b small{font-size:.7rem;font-weight:600;color:var(--soluk);letter-spacing:.02em}
.hb-orta code{font-size:.8rem;background:none;padding:0;color:var(--metin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.hb-sahip{font-size:.7rem;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-sag{display:grid;justify-items:end;gap:5px;flex:none;margin:0}
.hb-durum{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700}
.hb-durum::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.hb-durum.yesil{color:var(--yesil)}.hb-durum.gri{color:var(--gri)}
.hb-dugme{border:1px solid var(--cizgi-2);background:#fff;border-radius:99px;padding:4px 10px;font:inherit;font-size:.72rem;font-weight:600;color:var(--metin);cursor:pointer;white-space:nowrap}
.hb-dugme:hover{border-color:var(--altin);background:var(--altin-acik)}
@media(min-width:1000px){.hb-liste,.hb-form,.hb-arac,.hb-liste+.ay-not{max-width:760px}.hb-orta code{font-size:.86rem}}
@media(max-width:700px){
  .hb-arac>.dugme{min-height:40px;height:40px;padding:0 12px;border-radius:12px;font-size:.82rem;gap:6px}
  .hb-arac>.dugme .ikon{width:16px;height:16px}
  .hb-liste{padding:0 14px;border-radius:20px}
  .hb-satir{gap:10px;padding:11px 0}
  .hb-ikon{width:34px;height:34px;border-radius:10px}
  .hb-orta b{font-size:.84rem}
  .hb-orta code{font-size:.74rem}
  .hb-sahip{font-size:.66rem}
  .hb-durum{font-size:.66rem}
  .hb-dugme{font-size:.66rem;padding:3px 8px}
}
.hb-satir{align-items:flex-start}
.hb-ikon{margin-top:2px}
.hb-ust{display:flex;align-items:center;gap:8px;min-width:0}
.hb-ust b{flex:1;min-width:0}
.hb-sag{display:flex;align-items:center;gap:8px;justify-items:initial}
.hb-orta code{overflow:visible;text-overflow:clip}
@media(max-width:700px){.hb-orta code{font-size:.74rem;letter-spacing:-.01em}.hb-sag{gap:6px}}

/* ayarlar: tüm ekran kilitli; sağ üstteki kilitle açılır, kaydedince yeniden kilitli gelir */
.ust-kilit{display:inline-flex;align-items:center;gap:6px;width:auto;height:36px;padding:0 12px;border:0;border-radius:11px;background:#fff;color:var(--soluk);
  font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px -2px rgba(43,42,40,.2)}
.ust-kilit .ikon{width:16px;height:16px}
.ust-kilit .k-acik{display:none}
.ust-kilit[aria-pressed="true"]{background:var(--altin-acik);color:var(--altin-koyu)}
.ust-kilit[aria-pressed="true"] .k-kapali{display:none}
.ust-kilit[aria-pressed="true"] .k-acik{display:block}
.ay-kilit-not{display:none;align-items:center;gap:8px;margin:0 2px 6px;padding:9px 12px;border-radius:12px;background:#ece8e1;color:var(--soluk);font-size:.78rem;font-weight:600}
.ay-kilit-not .ikon{width:15px;height:15px;flex:none}
.ay-form.kilitli .ay-kilit-not{display:flex}
.ay-form.kilitli input{color:var(--soluk);cursor:default}
.ay-form.kilitli .ay-alan:focus-within span{color:var(--metin)}
.ay-form.kilitli .ay-kaydet{display:none}
.hb-alanlar label{white-space:nowrap}

/* yönetim ödeme detayı: onaylı ödemede fiş */
.yd-fis{display:grid;justify-items:center;gap:12px;margin:4px 0 18px}
.yd-fis .fis{max-width:380px}
.yd-fis .dugme .ikon{width:17px;height:17px}

/* yönetim paneli: açılış ekranı ve logo yeşil halkalı (bayi portalından ayrılsın) */
html.acilis:has(body.yonetim)::before{background-image:url("acilis/yonetim-acilis-1170x2532.jpg?v=109")}
.yon-selam span small{color:var(--soluk)}

/* yönetim üst başlık logosu: yeşil halka yok (yalnız PWA simgesinde), bir tık büyük */
.yon-ust.karsilamali .yon-selam img{width:50px;height:50px}
@media(max-width:700px){.yon-ust.karsilamali .yon-selam img{width:46px;height:46px}}
.yon-marka img{width:40px;height:40px}

/* yönetim ödeme detayı: iptal/iade bölümü kapalı gelir */
.kart-islem-kapali{margin:6px 0 8px}
.kart-islem-kapali>summary{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;list-style:none;cursor:pointer;
  font-size:.8rem;font-weight:600;color:var(--soluk);-webkit-tap-highlight-color:transparent}
.kart-islem-kapali>summary::-webkit-details-marker{display:none}
.kart-islem-kapali>summary span{display:inline-block;transition:transform .2s}
.kart-islem-kapali[open]>summary span{transform:rotate(90deg)}
.kart-islem-kapali[open]>summary{color:var(--metin)}

/* bayi havale/EFT: IBAN kartları daha kısa */
.iv-liste{gap:6px}
.iv-kart{padding:7px 11px 7px 12px!important;border-radius:12px}
.iv-banka{margin-bottom:1px!important;gap:6px}
.iv-banka .ikon{width:14px;height:14px}
.iv-banka b{font-size:.8rem}
.iv-kart .iv-satir{gap:6px}
.iv-kart .iv-kopya{padding:3px 9px!important;font-size:.72rem!important;min-height:0}
.iv-kart .iv-kopya .ikon{width:13px!important;height:13px!important}
.iv-kart .iv-satir .iv-iban{line-height:1.3}

/* tutar alanı: TL yazısı yerine ₺ simgesi */
.pay-tl{font-size:1.25rem;font-weight:700;color:var(--altin-koyu);min-width:52px;padding:0 .9rem}

/* telefonda yakınlaştırma yok: çift dokunuş yakınlaştırması kapalı; iPhone 16px altı alana dokununca büyütmesin */
html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@supports(-webkit-touch-callout:none){
  input:not([type=checkbox]):not([type=radio]):not(.kod-girdi),select,textarea{font-size:max(16px,1em)!important}
  .om-tarihler input,.rp-alanlar input,.rp-alanlar select,.hb-alanlar input,.ay-alan input{font-size:16px!important}
}