/* UE Elektrik — panel (sözleşme + veresiye) ve müşteri sayfası ortak stilleri */
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/barlow-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/barlow-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Semi Condensed';font-weight:700;font-style:normal;font-display:swap;src:url(fonts/barlow-semi-condensed-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Semi Condensed';font-weight:700;font-style:normal;font-display:swap;src:url(fonts/barlow-semi-condensed-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------------------------------------------------------------- renkler
   Kömür ve sinyal sarısı kartvizitten; zemin beton grisi. Durumlar pano etiket bandı gibi. */
:root{
  --zemin:#EDEFED;--zemin-rgb:237,239,237;--kagit:#FFFFFF;--kagit2:#F5F6F5;--girdi-zemin:#F7F8F7;
  --cizgi:#DADFDB;--cizgi-koyu:#BCC4BE;--izgara:#E6EAE7;--marj:#E9A4A7;
  --yazi:#131615;--yazi2:#545C57;--yazi3:#858C87;
  --komur:#131615;--sari:#F9DF12;
  --borc:#C0282E;--borc-dolgu:#C0282E;--borc-acik:#FBEAEA;
  --odeme:#127541;--odeme-dolgu:#147A44;--odeme-acik:#E2F2E8;
  --alacakli:#1D54B4;--alacakli-acik:#E6EEFB;
  --uyari-zemin:#FFF5C2;--uyari-yazi:#4F3F00;
  --hata-zemin:#FCEBEB;--hata-yazi:#A31F25;
  --secili-zemin:#131615;--secili-yazi:#FFFFFF;
  --basili:rgba(19,22,21,.06);--odak:rgba(19,22,21,.2);--odak-cizgi:#131615;
  --perde:rgba(9,11,10,.52);
  --bildirim-zemin:#131615;--bildirim-yazi:#FFFFFF;--bildirim-eylem:#F9DF12;
  --golge:0 10px 28px -14px rgba(9,11,10,.45);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --zemin:#111413;--zemin-rgb:17,20,19;--kagit:#191D1B;--kagit2:#1F2422;--girdi-zemin:#151917;
    --cizgi:#2A302D;--cizgi-koyu:#3B443F;--izgara:#212724;--marj:#5E3236;
    --yazi:#ECEFEC;--yazi2:#A6AEA9;--yazi3:#6F7772;
    --borc:#FF8A84;--borc-dolgu:#C7333A;--borc-acik:#36191B;
    --odeme:#66D79C;--odeme-dolgu:#1C8A50;--odeme-acik:#13301F;
    --alacakli:#9DBAFF;--alacakli-acik:#1A2540;
    --uyari-zemin:#2F2A0E;--uyari-yazi:#F4DE70;
    --hata-zemin:#3A1B1E;--hata-yazi:#FFB4B0;
    --basili:rgba(236,239,236,.07);--odak:rgba(249,223,18,.25);--odak-cizgi:#F9DF12;
    --perde:rgba(0,0,0,.66);
    --golge:0 12px 30px -12px rgba(0,0,0,.8);
    color-scheme:dark;
  }
}
@media (prefers-color-scheme:dark){body{--secili-zemin:var(--ana);--secili-yazi:var(--ana-yazi)}}
/* Firma rengi: ana düğmeler ve kartvizit şeridi (Ayarlar > Belge görünümü) */
.marka-sari{--bant:#131615;--bant-yazi:#FFFFFF;--hap:#F9DF12;--hap-yazi:#131615;--vurgu:#F9DF12;--ana:#F9DF12;--ana-yazi:#131615;--ana-kenar:#C9B300}
.marka-lacivert{--bant:#1F3C88;--bant-yazi:#FFFFFF;--hap:#FFFFFF;--hap-yazi:#1F3C88;--vurgu:#FFFFFF;--ana:#1F3C88;--ana-yazi:#FFFFFF;--ana-kenar:#142961}
.marka-kirmizi{--bant:#151515;--bant-yazi:#FFFFFF;--hap:#D7262E;--hap-yazi:#FFFFFF;--vurgu:#FF5A5A;--ana:#D7262E;--ana-yazi:#FFFFFF;--ana-kenar:#9E1A20}
.marka-turuncu{--bant:#151515;--bant-yazi:#FFFFFF;--hap:#F28A17;--hap-yazi:#151515;--vurgu:#F7931E;--ana:#F28A17;--ana-yazi:#151515;--ana-kenar:#B36207}
.marka-yesil{--bant:#14532D;--bant-yazi:#FFFFFF;--hap:#FFFFFF;--hap-yazi:#14532D;--vurgu:#FFFFFF;--ana:#1E7B4F;--ana-yazi:#FFFFFF;--ana-kenar:#145536}
.marka-gri{--bant:#2B2F36;--bant-yazi:#FFFFFF;--hap:#FFFFFF;--hap-yazi:#2B2F36;--vurgu:#FFFFFF;--ana:#2B2F36;--ana-yazi:#FFFFFF;--ana-kenar:#16191D}
body:not([class*="marka-"]){--ana:#F9DF12;--ana-yazi:#131615;--ana-kenar:#C9B300}

/* ---------------------------------------------------------------- temel */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--yazi);font-family:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:17px;line-height:1.45;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}
body.kilitli{overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer;-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;text-align:inherit}
h1,h2,h3,p,ul,ol,dl,dd,dt{margin:0}
a{color:inherit;text-underline-offset:2px}
svg{display:block}
.sayi{font-family:'Barlow Semi Condensed','Barlow',sans-serif;font-weight:700;font-feature-settings:'tnum' 1,'lnum' 1;font-variant-numeric:tabular-nums lining-nums}
.oransal{font-feature-settings:'pnum' 1,'lnum' 1;font-variant-numeric:proportional-nums lining-nums}
.yukleniyor{padding:40px 20px;text-align:center;color:var(--yazi2)}
#uygulama{max-width:720px;margin:0 auto;min-height:100vh}
:focus{outline:0}
:focus-visible{outline:3px solid var(--odak-cizgi);outline-offset:2px}

/* ---------------------------------------------------------------- üst çubuk */
.ust{position:sticky;top:0;z-index:5;display:flex;align-items:center;min-height:60px;padding:0 6px 0 18px;background:var(--zemin)}
.ust.geri-var{padding-left:4px}
.ust-baslik{flex:1;min-width:0;font:700 23px/1.15 'Barlow Semi Condensed','Barlow',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ust-alt{display:block;font:400 14px/1.25 'Barlow',sans-serif;color:var(--yazi2);overflow:hidden;text-overflow:ellipsis}
.ikon-dugme{flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:24px;color:var(--yazi)}
.ikon-dugme:active{background:var(--basili)}
.ikon-dugme svg{width:24px;height:24px}

/* ---------------------------------------------------------------- düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:12px;font-size:17px;font-weight:600;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap;transition:transform .08s ease,filter .12s ease}
.dugme svg{width:21px;height:21px;margin-right:8px;flex:none}
.dugme-genis{width:100%}
.dugme-ana{background:var(--ana);color:var(--ana-yazi);box-shadow:inset 0 -3px 0 var(--ana-kenar)}
.dugme-yesil,.dugme-odeme{background:var(--odeme-dolgu);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.dugme-borc,.dugme-tehlike{background:var(--borc-dolgu);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.dugme-ikincil{background:var(--kagit);color:var(--yazi);border:1px solid var(--cizgi-koyu)}
.dugme:active{transform:translateY(1px);filter:brightness(.94)}
.dugme:disabled{opacity:.55;cursor:default;transform:none}
.metin-dugme{min-height:44px;padding:0 10px;font-weight:600;color:var(--yazi);text-decoration:underline;text-decoration-color:var(--cizgi-koyu);text-underline-offset:4px}
.metin-dugme.tehlike{color:var(--borc);text-decoration-color:currentColor}
@media (prefers-color-scheme:dark){.metin-dugme:not(.tehlike){color:var(--yazi)}}

/* ---------------------------------------------------------------- etiket bandı (pano etiketi gibi durum işaretleri) */
.cip,.bant{display:inline-flex;align-items:center;height:24px;padding:1px 8px 0;border-radius:3px;font:700 14px/1 'Barlow Semi Condensed','Barlow',sans-serif;letter-spacing:.2px;white-space:nowrap;box-shadow:inset 0 -1px 0 rgba(0,0,0,.14)}
.cip{margin-top:4px}
.cip.taslak,.bant.beyaz{background:var(--kagit);color:var(--yazi);box-shadow:inset 0 0 0 1px var(--cizgi-koyu)}
.cip.gonderildi,.bant.sari{background:#F9DF12;color:#131615}
.cip.goruldu,.bant.mavi{background:#2F62C4;color:#fff}
.cip.imzalandi,.bant.yesil{background:#1E8A4E;color:#fff}
.bant.kirmizi{background:#C9343A;color:#fff}

/* ---------------------------------------------------------------- kartlar ve kutular */
.kart{margin:12px 16px 0;padding:16px 16px 18px;background:var(--kagit);border:1px solid var(--cizgi);border-radius:16px}
.kart>h2,.bolum-baslik{font:700 20px/1.2 'Barlow Semi Condensed','Barlow',sans-serif;margin-bottom:4px}
.kart h2 .ince,.kart h2 i{font:400 15px/1 'Barlow',sans-serif;font-style:normal;color:var(--yazi2)}
.aciklama{color:var(--yazi2);font-size:15px}
.kareli{background-color:var(--kagit);background-image:linear-gradient(var(--izgara) 1px,transparent 1px),linear-gradient(90deg,var(--izgara) 1px,transparent 1px);background-size:18px 18px;background-position:-1px -1px}
.uyari-kutu{margin:12px 16px 0;padding:12px 14px;border-radius:12px;background:var(--uyari-zemin);color:var(--uyari-yazi);font-size:15px;border-left:4px solid #F9DF12}
.uyari-kutu.ic{margin:12px 0 0}
.uyari-kutu .metin-dugme.satir-ici{font-weight:700}
.hata-kutu{padding:12px 14px;border-radius:12px;background:var(--hata-zemin);color:var(--hata-yazi);font-size:15px;margin-top:12px}
.tamam-kutu{margin:12px 16px 0;padding:12px 14px;border-radius:12px;background:var(--odeme-acik);color:var(--odeme);font-weight:600;border-left:4px solid var(--odeme)}
.kenar-not{margin:14px 16px 0;font-size:14px;color:var(--yazi2)}
.kucuk-not{margin-top:12px;font-size:13.5px;color:var(--yazi2)}
.bos{padding:36px 24px;text-align:center;color:var(--yazi2)}
.bos strong{display:block;font:700 22px/1.2 'Barlow Semi Condensed','Barlow',sans-serif;color:var(--yazi);margin-bottom:6px}
.bos .dugme{margin-top:16px}
.ust-bosluk{margin-top:14px}
.sayfa-sonu{height:40px}
.alt-bosluk{height:108px}
.alt-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:6;max-width:720px;margin:0 auto;padding:14px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(rgba(var(--zemin-rgb),0),rgba(var(--zemin-rgb),.96) 26%,rgba(var(--zemin-rgb),1))}
.alt-cubuk .dugme{box-shadow:inset 0 -3px 0 rgba(0,0,0,.16),var(--golge)}
.alt-cubuk .dugme-ana{box-shadow:inset 0 -3px 0 var(--ana-kenar),var(--golge)}
.alt-cubuk.ikili{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px}
.alt-cubuk.ikili-dugme{display:grid;grid-template-columns:1fr 1.4fr;grid-column-gap:10px}
.satir-dugmeler{display:flex;flex-wrap:wrap;align-items:center;margin-top:10px}
.satir-dugmeler>*{margin:0 10px 8px 0}

/* ---------------------------------------------------------------- form */
.alan{display:block;margin-top:14px}
.alan-etiket{display:block;font-size:15px;font-weight:600;color:var(--yazi2);margin-bottom:6px}
.alan-etiket i{font-style:normal;font-weight:400}
.alan-not{display:block;margin-top:6px;font-size:14px;color:var(--yazi2)}
.girdi{display:block;width:100%;min-height:50px;padding:10px 14px;border:1px solid var(--cizgi-koyu);border-radius:12px;background:var(--girdi-zemin);font-size:17px;outline:0;-webkit-appearance:none;appearance:none}
textarea.girdi{min-height:96px;resize:vertical;line-height:1.4}
.girdi:focus{border-color:var(--odak-cizgi);box-shadow:0 0 0 3px var(--odak)}
.girdi::placeholder{color:var(--yazi3)}
.girdi[aria-invalid="true"]{border-color:var(--borc);box-shadow:0 0 0 3px rgba(192,40,46,.14)}
input[type="date"].girdi{padding-left:10px;padding-right:8px}
.ikili{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px}
.uclu{display:grid;grid-template-columns:.85fr 1fr 1.25fr;grid-column-gap:8px}
.ikili>*,.uclu>*{min-width:0}
.uclu .girdi{padding-left:10px;padding-right:10px}
.secenekler{display:flex;flex-wrap:wrap;margin-top:6px}
.secenek{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;margin:0 8px 8px 0;border:1px solid var(--cizgi-koyu);border-radius:10px;font-weight:600;font-size:15px;color:var(--yazi2);background:var(--kagit)}
.secenek[aria-pressed="true"]{background:var(--secili-zemin);border-color:var(--secili-zemin);color:var(--secili-yazi)}
.form-hata{margin-top:12px;color:var(--borc);font-weight:600;font-size:15px}
.form-hata.kenar{margin:12px 16px 0}
[data-k="birim"]::-webkit-calendar-picker-indicator{display:none!important}
.renk-secenek{padding-left:8px}
.renk-ornek{display:inline-block;width:22px;height:22px;margin-right:8px;border-radius:11px;border:1px solid rgba(0,0,0,.25)}
.renk-sari{background:linear-gradient(135deg,#131615 50%,#F9DF12 50%)}
.renk-lacivert{background:#1F3C88}
.renk-kirmizi{background:linear-gradient(135deg,#151515 50%,#D7262E 50%)}
.renk-turuncu{background:linear-gradient(135deg,#151515 50%,#F28A17 50%)}
.renk-yesil{background:linear-gradient(135deg,#14532D 50%,#1E7B4F 50%)}
.renk-gri{background:linear-gradient(135deg,#2B2F36 50%,#E2E5EA 50%)}
.resim-onizleme{display:block;max-width:220px;max-height:120px;margin-top:8px;border:1px solid var(--cizgi);border-radius:10px;background:#fff;padding:4px}

/* ---------------------------------------------------------------- kartvizit şeridi (panel ve müşteri sayfası) */
.marka-bant{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:104px;padding:14px 16px 14px 74px;overflow:hidden;color:#fff;background:var(--bant)}
.marka-bant::before{content:'';position:absolute;left:0;top:0;border-style:solid;border-width:62px 62px 0 0;border-color:var(--hap) transparent transparent transparent}
.marka-simsek{position:absolute;left:40px;top:28px;width:26px;height:44px;fill:var(--hap)}
.marka-logo{display:flex;flex-direction:column;align-items:center;flex:none}
.marka-buyuk{position:relative;font:700 48px/.95 'Barlow Semi Condensed','Barlow',sans-serif;letter-spacing:3px;color:transparent;-webkit-text-stroke:2.6px var(--bant-yazi)}
.marka-buyuk::after{content:attr(data-metin);position:absolute;left:0;top:0;color:transparent;-webkit-text-stroke:.9px var(--bant)}
.marka-kapsul{margin-top:5px;padding:3px 14px 2px;border-radius:20px;font:700 15px/1.25 'Barlow Semi Condensed','Barlow',sans-serif;letter-spacing:.6px;background:var(--hap);color:var(--hap-yazi)}
.marka-iletisim{min-width:0;margin-left:12px;text-align:right;font-size:12.5px;color:var(--bant-yazi)}
.marka-iletisim b{display:block;font-weight:600;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marka-iletisim a{display:block;margin-top:2px;font:700 23px/1.1 'Barlow Semi Condensed','Barlow',sans-serif;text-decoration:none;color:var(--vurgu);white-space:nowrap}
.marka-bant>.ikon-dugme{position:absolute;top:calc(8px + env(safe-area-inset-top));right:8px;color:var(--bant-yazi)}
.marka-bant .ikon-dugme:active{background:rgba(255,255,255,.12)}
/* panelin ana sayfası ve girişi: daha geniş şerit, altında sarı çizgi */
.marka-bant.genis{min-height:128px;padding-top:calc(18px + env(safe-area-inset-top));padding-left:86px;border-bottom:3px solid var(--hap)}
.marka-bant.genis::before{border-width:76px 76px 0 0}
.marka-bant.genis .marka-simsek{left:46px;top:calc(36px + env(safe-area-inset-top));width:30px;height:51px}
.marka-bant.genis .marka-buyuk{font-size:58px}
.marka-bant.genis .marka-kapsul{font-size:16px;padding:3px 16px 2px}
.marka-bant.yaninda{justify-content:flex-start}
.marka-bant.yaninda .marka-iletisim{margin-left:auto}
@media (max-width:360px){.marka-bant{padding-left:66px}.marka-buyuk{font-size:40px}.marka-iletisim a{font-size:20px}.marka-bant.genis{padding-left:76px}.marka-bant.genis .marka-buyuk{font-size:50px}}
/* uygulama açılırken şimşek bir kez yanıp söner (lamba gibi) */
.yaniyor .marka-simsek{animation:yanma .9s steps(1,end) 1}
@keyframes yanma{0%{opacity:.15}12%{opacity:1}22%{opacity:.25}34%{opacity:1}46%{opacity:.6}58%,100%{opacity:1}}
.marka-bant+.musteri-no,.musteri-no{padding:12px 18px 0;color:var(--yazi2);font-size:15px}

/* ---------------------------------------------------------------- ana sayfa */
.selam{padding:18px 18px 4px}
.selam h1{font:700 26px/1.15 'Barlow Semi Condensed','Barlow',sans-serif}
.selam p{margin-top:2px;color:var(--yazi2);font-size:15px}
.modul{display:block;width:calc(100% - 32px);margin:12px 16px 0;padding:16px 16px 18px;border:1px solid var(--cizgi);border-radius:16px;background:var(--kagit);color:var(--yazi);text-align:left;cursor:pointer}
.modul:active{border-color:var(--cizgi-koyu);background-color:var(--kagit2)}
.modul.kareli:active{background-color:var(--kagit2)}
.modul-baslik{display:flex;align-items:center;font:700 20px/1.2 'Barlow Semi Condensed','Barlow',sans-serif}
.modul-baslik svg{width:22px;height:22px;flex:none}
.modul-baslik .simge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:10px;border-radius:9px;background:var(--komur);color:#F9DF12;flex:none}
.modul-baslik .ok{margin-left:auto;color:var(--yazi3)}
@media (prefers-color-scheme:dark){.modul-baslik .simge{background:#F9DF12;color:#131615}}
.modul-etiket,.modul-tutar,.modul-alt{display:block}
.modul-etiket{margin-top:14px;font-size:15px;font-weight:600;color:var(--yazi2)}
.modul-tutar{font-size:46px;line-height:1.02;margin-top:2px;letter-spacing:-.01em;word-break:break-word}
.modul-tutar.uzun{font-size:36px}
.modul-alt{margin-top:6px;font-size:15px;color:var(--yazi2)}
.modul-alt+.modul-alt{margin-top:2px}
.modul-alt b{font-weight:600;color:var(--odeme)}
.modul-bantlar{display:flex;flex-wrap:wrap;margin-top:14px}
.modul-bantlar .bant{height:30px;padding:1px 11px 0;margin:0 8px 8px 0;font-size:16px}
.modul-sayi{display:flex;align-items:baseline;margin-top:14px}
.modul-sayi .sayi{font-size:46px;line-height:1}
.modul-sayi span{margin-left:10px;color:var(--yazi2);font-size:16px}
.hizli-eylemler{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;margin:12px 16px 0}
.hizli-eylemler .dugme{min-height:50px;padding:6px 10px;font-size:16px;white-space:normal}
.bolum-ust{display:flex;align-items:baseline;justify-content:space-between;padding:22px 18px 8px}
.bolum-ust h2{font:700 20px/1.2 'Barlow Semi Condensed','Barlow',sans-serif}
.bolum-ust span{font-size:14px;color:var(--yazi2)}
.akis{margin:0 16px;padding:0;list-style:none;background:var(--kagit);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.akis li+li{border-top:1px solid var(--cizgi)}
.akis button{display:flex;align-items:center;width:100%;min-height:62px;padding:10px 14px;text-align:left}
.akis button:active{background:var(--basili)}
.akis-simge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;margin-right:12px;border-radius:17px}
.akis-simge svg{width:18px;height:18px}
.akis-simge.odeme{background:var(--odeme-acik);color:var(--odeme)}
.akis-simge.borc{background:var(--borc-acik);color:var(--borc)}
.akis-simge.imza{background:#F9DF12;color:#131615}
.akis-simge.goruldu{background:var(--alacakli-acik);color:var(--alacakli)}
.akis-metin{flex:1;min-width:0}
.akis-metin strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.akis-metin small{display:block;font-size:14px;color:var(--yazi2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.akis-sag{flex:none;margin-left:10px;text-align:right}
.akis-sag .sayi{display:block;font-size:18px}
.akis-sag small{display:block;font-size:13px;color:var(--yazi3)}
.akis-bos{padding:18px 16px;color:var(--yazi2);font-size:15px}
.ana-alt{margin:22px 18px 0;font-size:13px;color:var(--yazi3);text-align:center}

/* ---------------------------------------------------------------- sözleşme listesi */
.sekmeler{display:flex;padding:4px 16px 8px;overflow-x:auto}
.sekme{flex:none;height:40px;padding:0 14px;margin-right:6px;border-radius:10px;font-weight:600;font-size:15px;color:var(--yazi2)}
.sekme[aria-pressed="true"]{background:var(--secili-zemin);color:var(--secili-yazi)}
.arama-kap{padding:4px 16px 4px}
.arama-kap .girdi{min-height:46px}
.liste{margin:4px 16px 0;padding:0;list-style:none;background:var(--kagit);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.soz{display:flex;align-items:center;min-height:76px;padding:12px 16px;border-bottom:1px solid var(--cizgi);cursor:pointer}
.soz:last-child{border-bottom:0}
.soz:active{background:var(--basili)}
.soz-sol{flex:1;min-width:0}
.soz-ad{font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.soz-is{font-size:15px;color:var(--yazi2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.soz-tarih{font-size:13.5px;color:var(--yazi3);margin-top:1px}
.soz-sag{flex:none;margin-left:12px;text-align:right}
.soz-tutar{font-size:20px}

/* ---------------------------------------------------------------- sözleşme formu */
.kalem{position:relative;padding:12px 0 14px;border-bottom:1px solid var(--cizgi)}
.kalem:last-child{border-bottom:0}
.kalem .alan{margin-top:8px}
.kalem-ust{display:flex;align-items:center}
.kalem-ust .girdi{flex:1}
.kalem-sil{flex:none;margin-left:6px;width:44px;height:44px;border-radius:22px;color:var(--yazi2);display:flex;align-items:center;justify-content:center}
.kalem-sil svg{width:20px;height:20px}
.kalem-tutar{margin-top:6px;text-align:right;color:var(--yazi2);font-size:15px}
.kalem-tutar b{color:var(--yazi);font-weight:600}
.toplam-kutu{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--kagit2);border:1px solid var(--cizgi)}
.toplam-satir{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;font-size:16px}
.toplam-satir span:first-child{color:var(--yazi2)}
.toplam-satir.genel{margin-top:4px;padding-top:8px;border-top:1px solid var(--cizgi-koyu);font-size:19px}
.toplam-satir.genel span:first-child{color:var(--yazi);font-weight:600}

/* ---------------------------------------------------------------- sözleşme detayı */
.detay-ust{display:flex;justify-content:space-between;align-items:flex-start}
.detay-ust .aciklama{max-width:440px}
.detay-tutar{font-size:34px;line-height:1.1;margin-top:2px}
.zaman-cizgisi{position:relative;margin:14px 0 0;padding:0;list-style:none}
.zaman-cizgisi li{position:relative;display:flex;align-items:baseline;padding:6px 0 6px 24px;font-size:16px;color:var(--yazi3)}
.zaman-cizgisi li::before{content:'';position:absolute;left:3px;top:13px;width:10px;height:10px;border-radius:5px;background:var(--kagit);box-shadow:inset 0 0 0 2px var(--cizgi-koyu)}
.zaman-cizgisi li+li::after{content:'';position:absolute;left:7px;top:-7px;height:20px;width:2px;background:var(--cizgi)}
.zaman-cizgisi li.oldu{color:var(--yazi)}
.zaman-cizgisi li.oldu::before{background:var(--odeme);box-shadow:none}
.zaman-cizgisi small{margin-left:auto;padding-left:10px;color:var(--yazi2);font-size:14px;white-space:nowrap}
.eylemler{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;margin-top:16px}
.eylemler .tam{grid-column:1 / -1}
.eylemler .dugme{padding:0 10px;font-size:16px}
.link-kutu{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--kagit2);border:1px dashed var(--cizgi-koyu);font-size:15px;word-break:break-all;color:var(--yazi2)}

/* ---------------------------------------------------------------- sözleşme görünümü (panel ve müşteri) */
.belge{padding:4px 0 0}
.belge-bolum{margin-top:20px}
.belge-bolum:first-child{margin-top:6px}
.belge h3{display:inline-block;margin-bottom:8px;padding:2px 9px 1px;border-radius:3px;font:700 16px/1.3 'Barlow Semi Condensed','Barlow',sans-serif;background:var(--komur);color:#fff;letter-spacing:.2px}
@media (prefers-color-scheme:dark){.belge h3{background:#2A302D}}
.belge p{margin-top:4px}
.belge .ikincil{color:var(--yazi2)}
.belge-not{white-space:pre-line}
.taraflar{display:grid;grid-template-columns:1fr;grid-row-gap:12px}
.taraf{padding:12px 14px;border:1px solid var(--cizgi);border-radius:12px}
.taraf b{display:block;font-size:13px;font-weight:600;color:var(--yazi2);margin-bottom:2px}
.taraf strong{display:block;font-size:17px}
.kalemler{margin:6px 0 0;padding:0;list-style:none;border-top:1px solid var(--cizgi)}
.kalemler li{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--cizgi)}
.kalemler li div{min-width:0;padding-right:10px}
.kalemler li small{display:block;color:var(--yazi2);font-size:14px}
.kalemler li .sayi{flex:none;font-size:17px}
.sartlar{margin:6px 0 0;padding-left:24px}
.sartlar li{margin-top:6px;padding-left:2px}
.imzalar{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;margin-top:8px}
.imza-alani{padding:10px 12px;border:1px solid var(--cizgi);border-radius:12px;min-height:110px}
.imza-alani b{display:block;font-size:13px;color:var(--yazi2)}
.imza-alani img{display:block;max-width:100%;max-height:70px;margin-top:6px}
@media (prefers-color-scheme:dark){.imza-alani img{background:#fff;border-radius:8px;padding:2px}}
@media (min-width:560px){.taraflar{grid-template-columns:1fr 1fr;grid-column-gap:12px}}

/* ---------------------------------------------------------------- müşteri (imza) sayfası */
.ozet-kart{margin:12px 16px 0;padding:16px 18px 18px;border:1px solid var(--cizgi);border-radius:16px}
.ozet-kart .etiket{font-size:15px;font-weight:600;color:var(--yazi2)}
.ozet-kart .tutar{font-size:42px;line-height:1.05;margin-top:2px}
.ozet-kart .alt{margin-top:8px;font-size:15px;color:var(--yazi2)}
.kart-zemin{background:var(--kagit)}
.giris-metni{margin:14px 18px 0;color:var(--yazi2);font-size:16px}
.imzaya-git{display:block;margin:8px 8px 0}
.imza-bolumu{margin:16px 16px 0;padding:18px 16px;border:2px solid var(--yazi);border-radius:16px;background:var(--kagit)}
.imza-bolumu h2{font:700 23px/1.2 'Barlow Semi Condensed','Barlow',sans-serif}
.onay{display:flex;align-items:flex-start;margin-top:14px;padding:12px;border-radius:12px;background:var(--kagit2);border:1px solid var(--cizgi);cursor:pointer;font-size:16px}
.onay input{flex:none;width:24px;height:24px;margin:0 12px 0 0;accent-color:var(--komur)}
@media (prefers-color-scheme:dark){.onay input{accent-color:#F9DF12}}
.ped-kap{position:relative;margin-top:14px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.ped{display:block;width:100%;height:190px;border:2px dashed var(--cizgi-koyu);border-radius:14px;background:#FFFFFF;touch-action:none;cursor:crosshair}
.ped-ipucu{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#8A918D;pointer-events:none;font-size:16px}
.ped-cizgi{position:absolute;left:24px;right:24px;bottom:42px;border-bottom:1px solid #C9CFCB;pointer-events:none}
.ped-alt{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:14px;color:var(--yazi2)}
.ped-alt .metin-dugme{min-height:40px}
.basari{margin:16px 16px 0;padding:22px 18px;border-radius:16px;background:var(--odeme-acik);text-align:center}
.basari h2{font:700 25px/1.2 'Barlow Semi Condensed','Barlow',sans-serif;color:var(--odeme)}
.basari p{margin-top:6px}
.basari .dugme{margin-top:14px}
.basari .dugme+.dugme{margin-top:10px}
.iletisim{margin:18px 18px 0;font-size:15px;color:var(--yazi2)}
.iletisim a{color:var(--yazi);font-weight:600}
.metin-dugme.satir-ici{min-height:0;padding:0;font-size:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px}

/* ---------------------------------------------------------------- giriş, kurulum */
.sayfa-dar #uygulama{max-width:440px}
.kurulum,.giris{max-width:440px;margin:0 auto;padding:40px 20px}
.giris{padding-top:26px}
.kurulum h1,.giris h1{font:700 28px/1.15 'Barlow Semi Condensed','Barlow',sans-serif}
.kurulum p,.giris p{margin-top:8px;color:var(--yazi2)}
.kurulum .dugme,.giris .dugme{margin-top:20px}

/* ---------------------------------------------------------------- veresiye */
.v-ozet{position:relative;margin:4px 16px 0;padding:16px 18px 18px;border:1px solid var(--cizgi);border-radius:16px}
.v-ozet .kucuk-dugme{position:absolute;top:12px;right:12px}
.v-etiket{font-size:15px;font-weight:600;color:var(--yazi2)}
.v-tutar{font-size:46px;line-height:1.04;margin-top:2px;letter-spacing:-.01em;word-break:break-word}
.v-tutar.uzun{font-size:36px}
.v-alt{margin-top:8px;font-size:15px;color:var(--yazi2)}
.v-alt div+div{margin-top:2px}
.v-alt b{font-weight:600;color:var(--odeme)}
.kucuk-dugme{display:inline-flex;align-items:center;flex:none;height:38px;padding:0 13px 0 10px;border-radius:10px;border:1px solid var(--cizgi-koyu);background:var(--kagit);color:var(--yazi);font-size:15px;font-weight:600}
.kucuk-dugme svg{width:18px;height:18px;margin-right:6px}
.kucuk-dugme:active{background:var(--basili)}
.v-arac{padding:14px 16px 2px}
.v-arama{display:flex;align-items:center;height:50px;padding:0 4px 0 14px;background:var(--kagit);border:1px solid var(--cizgi-koyu);border-radius:12px}
.v-arama:focus-within{border-color:var(--odak-cizgi);box-shadow:0 0 0 3px var(--odak)}
.v-arama>svg{width:20px;height:20px;color:var(--yazi2);flex:none}
.v-arama input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 8px;font-size:17px;-webkit-appearance:none;appearance:none}
.v-arama input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.v-arama input::placeholder{color:var(--yazi3)}
.v-arama-temizle{flex:none;width:42px;height:42px;border-radius:21px;color:var(--yazi2);display:flex;align-items:center;justify-content:center}
.v-arama-temizle svg{width:20px;height:20px}
.v-sirala{display:flex;margin-top:10px;overflow-x:auto}
.v-sirala button{flex:none;height:38px;padding:0 13px;border-radius:10px;font-size:15px;font-weight:600;color:var(--yazi2);margin-right:4px}
.v-sirala button[aria-pressed="true"]{background:var(--secili-zemin);color:var(--secili-yazi)}
.v-liste{margin:8px 16px 0;padding:0;list-style:none;background:var(--kagit);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.v-liste:empty{display:none}
.v-satir{display:flex;align-items:center;min-height:70px;padding:10px 16px 10px 18px;border-bottom:1px solid var(--cizgi);cursor:pointer;box-shadow:inset 4px 0 0 transparent}
.v-satir:last-child{border-bottom:0}
.v-satir:active{background:var(--basili)}
.v-satir.borclu{box-shadow:inset 4px 0 0 var(--borc)}
.v-satir.alacakli{box-shadow:inset 4px 0 0 var(--alacakli)}
.v-sol{flex:1;min-width:0}
.v-ad{font-size:18px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-tel{font-size:15px;color:var(--yazi2);margin-top:2px;font-feature-settings:'tnum' 1;font-variant-numeric:tabular-nums}
.v-sag{flex:none;text-align:right;margin-left:12px;max-width:58%}
.v-miktar{font-size:21px;line-height:1.15;white-space:nowrap}
.v-miktar.borc{color:var(--borc)}
.v-miktar.sifir{font-family:'Barlow',sans-serif;font-weight:600;font-size:15px;line-height:1.4;color:var(--odeme)}
.v-miktar.alacak{font-size:18px;color:var(--alacakli)}
.v-son{font-size:14px;color:var(--yazi2);margin-top:2px;white-space:nowrap}
/* müşteri hesabı */
.v-hesap{margin:4px 16px 0;padding:16px 18px 16px;border:1px solid var(--cizgi);border-radius:16px}
.v-hesap .v-tutar{font-size:54px;line-height:1.02}
.v-hesap .v-tutar.uzun{font-size:38px}
.borc-renk,.v-tutar.borc{color:var(--borc)}
.odeme-renk,.v-tutar.sifir{color:var(--odeme)}
.v-tutar.alacak{color:var(--alacakli)}
.v-toplam{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--cizgi-koyu)}
.v-toplam dt{font-size:14px;color:var(--yazi2)}
.v-toplam dd{font-size:19px;margin-top:1px}
.v-iletisim{display:grid;grid-template-columns:1fr auto;grid-column-gap:8px;margin-top:14px}
.v-tel-dugme{display:flex;align-items:center;min-height:50px;padding:0 4px 0 14px;border-radius:12px;background:var(--kagit);border:1px solid var(--cizgi-koyu);text-decoration:none;color:var(--yazi);text-align:left;min-width:0}
.v-tel-dugme svg{width:20px;height:20px;margin-right:10px;flex:none}
.v-tel-dugme span{flex:1;min-width:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-feature-settings:'tnum' 1;font-variant-numeric:tabular-nums}
.v-tel-dugme b{flex:none;font-weight:600;padding:0 12px}
.v-tel-dugme.yok span{color:var(--yazi2)}
.v-tel-dugme:active,.v-wa:active{background:var(--basili)}
.v-wa{display:flex;align-items:center;justify-content:center;width:54px;min-height:50px;border-radius:12px;border:1px solid var(--cizgi-koyu);background:var(--kagit);color:#1A8A4F}
.v-wa svg{width:24px;height:24px}
.v-bolum{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 8px}
.v-bolum>div{display:flex;align-items:baseline;min-width:0}
.v-bolum h2{font:700 20px/1.2 'Barlow Semi Condensed','Barlow',sans-serif;white-space:nowrap}
.v-bolum span{font-size:15px;color:var(--yazi2);margin-left:10px;white-space:nowrap}
/* defter: sol kenarda kırmızı çizgili, kareli defter sayfası gibi */
.v-defter{position:relative;margin:0 16px;background:var(--kagit);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.v-defter::before{content:'';position:absolute;top:0;bottom:0;left:66px;width:2px;background:var(--marj);pointer-events:none}
.v-ay{padding:16px 16px 6px 82px;font-size:15px;font-weight:600;color:var(--yazi2);border-bottom:1px solid var(--cizgi)}
.v-kayit{display:flex;border-bottom:1px solid var(--cizgi);cursor:pointer}
.v-kayit:last-child{border-bottom:0}
.v-kayit:active{background:var(--basili)}
.v-kayit.yeni{animation:v-vurgu 1.8s ease-out}
@keyframes v-vurgu{0%,35%{background:var(--uyari-zemin)}100%{background:transparent}}
.v-marj{flex:none;width:66px;padding:11px 6px 10px 0;text-align:center}
.v-gun{font-size:25px;line-height:1}
.v-hgun,.v-saat{font-size:13px;line-height:1.3;color:var(--yazi2)}
.v-hgun{margin-top:3px}
.v-govde{flex:1;min-width:0;padding:11px 16px}
.v-ks{display:flex;align-items:baseline;justify-content:space-between}
.v-tur{font-size:17px;font-weight:600}
.v-ktutar{font-size:21px;margin-left:10px;white-space:nowrap}
.v-kalt{margin-top:3px;font-size:15px;color:var(--yazi2)}
.v-aciklama{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}
.v-kalan{flex:none;white-space:nowrap;font-feature-settings:'tnum' 1;font-variant-numeric:tabular-nums}
.v-kapandi{margin-left:68px;padding:7px 16px 5px 14px;border-bottom:3px double var(--odeme);font-size:14px;font-weight:600;color:var(--odeme)}
.v-bos-defter{padding:22px 16px 22px 82px;color:var(--yazi2);font-size:16px}
/* hareket formu */
.v-tutar-kutu{display:flex;align-items:center;height:72px;border:1px solid var(--cizgi-koyu);border-radius:14px;background:var(--girdi-zemin);padding:0 16px}
.v-tutar-kutu.kucuk{height:56px}
.v-tutar-kutu:focus-within{border-color:var(--odak-cizgi);box-shadow:0 0 0 3px var(--odak)}
.v-tutar-kutu input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0;font:700 40px/1 'Barlow Semi Condensed','Barlow',sans-serif;-webkit-appearance:none;appearance:none}
.v-tutar-kutu input::placeholder{color:var(--yazi3)}
.v-tutar-kutu.kucuk input{font-size:26px}
.v-tutar-kutu span{flex:none;font:700 30px/1 'Barlow Semi Condensed','Barlow',sans-serif;color:var(--yazi2);margin-left:8px}
.v-tutar-kutu.kucuk span{font-size:22px}
.v-hizli{display:flex;flex-wrap:wrap}
.v-hizli:empty{display:none}
.v-hizli button{margin-top:10px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--cizgi-koyu);font-size:15px;font-weight:600;background:var(--kagit)}
.v-hizli button:active{background:var(--basili)}
.v-onizleme{margin-top:10px;font-size:16px;color:var(--yazi2);min-height:22px}
.v-onizleme b{font-weight:600;color:var(--yazi)}
.v-onizleme.iyi,.v-onizleme.iyi b{color:var(--odeme)}
.v-onizleme.uyari,.v-onizleme.uyari b{color:var(--uyari-yazi)}
.v-tarih{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.v-tarih .alan-etiket{margin:0}
.v-tarih input{height:46px;min-width:150px;border:1px solid var(--cizgi-koyu);border-radius:10px;background:var(--girdi-zemin);padding:0 10px;font-size:17px;outline:0}
.v-tarih input:focus{border-color:var(--odak-cizgi);box-shadow:0 0 0 3px var(--odak)}
.v-uyari-metin{margin-top:8px;color:var(--uyari-yazi);font-size:14px}
.v-form-dugmeler{display:grid;grid-template-columns:1fr 1.6fr;grid-column-gap:10px;margin-top:20px}
.v-tur-sec{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:var(--zemin);margin-top:10px}
.v-tur-sec button{height:44px;border-radius:9px;font-weight:600;color:var(--yazi2);text-align:center}
.v-tur-sec button.O[aria-pressed="true"]{background:var(--odeme-dolgu);color:#fff}
.v-tur-sec button.B[aria-pressed="true"]{background:var(--borc-dolgu);color:#fff}
.v-secim{display:flex;align-items:flex-start;padding:10px 0;cursor:pointer}
.v-secim+.v-secim{border-top:1px solid var(--cizgi)}
.v-secim input{flex:none;width:22px;height:22px;margin:1px 12px 0 0;accent-color:var(--komur)}
@media (prefers-color-scheme:dark){.v-secim input{accent-color:#F9DF12}}
.v-secim strong{display:block;font-size:17px;font-weight:600}
.v-secim small{display:block;font-size:14px;color:var(--yazi2);margin-top:1px}
.v-not{margin-top:12px;font-size:14px;line-height:1.4;color:var(--yazi2);text-align:center}
.v-cop{margin:0;padding:0;list-style:none}
.v-cop li{display:flex;align-items:center;padding:12px 0;border-top:1px solid var(--cizgi)}
.v-cop li div{flex:1;min-width:0}
.v-cop strong{display:block;font-weight:600}
.v-cop small{display:block;font-size:14px;color:var(--yazi2)}
.v-cop .dugme{min-height:42px;padding:0 14px;font-size:15px;margin-left:10px}

/* ---------------------------------------------------------------- menüler */
.menu-liste{margin:8px -18px 0}
.menu-oge{display:flex;align-items:flex-start;width:100%;text-align:left;padding:14px 18px;border-top:1px solid var(--cizgi)}
.menu-oge:active{background:var(--basili)}
.menu-oge svg{width:24px;height:24px;margin:1px 14px 0 0;flex:none}
.menu-oge strong{display:block;font-size:17px;font-weight:600}
.menu-oge small{display:block;font-size:14px;line-height:1.35;color:var(--yazi2);margin-top:2px}
.menu-oge.tehlike svg,.menu-oge.tehlike strong{color:var(--borc)}
.menu-bilgi{margin:0 -18px;padding:14px 18px 2px;border-top:1px solid var(--cizgi);font-size:14px;line-height:1.5;color:var(--yazi2)}

/* ---------------------------------------------------------------- katmanlar: alttan açılan sayfa, onay penceresi, bildirim */
.katman{position:fixed;top:0;left:0;right:0;bottom:0;z-index:20}
.katman:not(.acik){pointer-events:none}
.perde{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--perde);opacity:0;transition:opacity .2s ease}
.katman.acik .perde{opacity:1}
.sayfacik{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;max-height:94%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--kagit);border-radius:20px 20px 0 0;padding:6px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.sayfacik::before{content:'';display:block;width:40px;height:4px;margin:4px auto 2px;border-radius:2px;background:var(--cizgi-koyu)}
.katman.acik .sayfacik{transform:translateY(0)}
.sayfacik-ust{display:flex;align-items:flex-start;margin:4px -10px 6px 0}
.sayfacik-baslik{flex:1;min-width:0;padding-top:8px}
.sayfacik-baslik h2,.sayfacik-ust>h2{font:700 24px/1.15 'Barlow Semi Condensed','Barlow',sans-serif}
.sayfacik-ust>h2{flex:1;min-width:0;padding-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sayfacik-alt{font-size:15px;color:var(--yazi2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.diyalog{position:absolute;left:20px;right:20px;top:50%;max-width:420px;margin:0 auto;background:var(--kagit);border-radius:18px;padding:22px 20px 16px;transform:translateY(-46%);opacity:0;transition:transform .18s ease,opacity .18s ease}
.katman.acik .diyalog{transform:translateY(-50%);opacity:1}
.diyalog h2{font:700 22px/1.2 'Barlow Semi Condensed','Barlow',sans-serif;word-break:break-word}
.diyalog p{margin-top:8px;color:var(--yazi2)}
.diyalog p b{color:var(--yazi);font-weight:600}
.diyalog-dugmeler{display:flex;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
.diyalog-dugmeler .dugme{min-height:46px;margin:6px 0 0 10px}
.bildirim{position:fixed;left:16px;right:16px;bottom:94px;z-index:40;max-width:560px;margin:0 auto;display:flex;align-items:center;min-height:52px;padding:8px 8px 8px 16px;border-radius:12px;background:var(--bildirim-zemin);color:var(--bildirim-yazi);font-size:16px;line-height:1.3;box-shadow:0 14px 34px -12px rgba(0,0,0,.6);transform:translateY(16px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}
@media (prefers-color-scheme:dark){.bildirim{border:1px solid #3B443F}}
.bildirim.goster{transform:translateY(0);opacity:1;pointer-events:auto}
.bildirim.hata{background:#B4262D;color:#fff;border-color:transparent}
.b-metin{flex:1;min-width:0;padding:6px 0}
.b-eylem{flex:none;height:40px;padding:0 12px;margin-left:8px;border-radius:9px;font-weight:700;color:var(--bildirim-eylem)}
.bildirim.hata .b-eylem{color:#fff}
@media (prefers-reduced-motion:reduce){.perde,.sayfacik,.diyalog,.bildirim,.dugme{transition:none}.v-kayit.yeni,.yaniyor .marka-simsek{animation:none}}

/* ---------------------------------------------------------------- ek parçalar */
.gizli-kopya{position:fixed;left:-9999px;top:0;opacity:0}
.arama-odak .alt-cubuk{display:none}
@media (min-width:760px){
  .sayfacik{bottom:auto;top:50%;border-radius:20px;transform:translateY(-46%);opacity:0;transition:transform .2s ease,opacity .2s ease;max-height:86%}
  .katman.acik .sayfacik{transform:translateY(-50%);opacity:1}
  .sayfacik::before{display:none}
}