/* Bricolage Grotesque (OFL), kendi sunucumuzdan: CSP yalnız 'self' */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/static/font/bricolage-latin-ext.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:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/static/font/bricolage-latin.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}
/* ============ Tokenlar (TASARIM.md ile birebir) ============ */
:root{
  --zemin:#ECEFEC; --kagit:#F7F8F5; --cizgi:#CDD5D0; --kenar:#6F837D;
  --murekkep:#15242B; --murekkep-ustu:#F7F8F5; --soluk:#52646B;
  --tamam:#1A6E4D; --tamam-zemin:#DCEBE2;
  --supheli:#A84B07; --supheli-zemin:#F3E3D2;
  --hata:#B01E45; --hata-zemin:#F6DCE3; --odak:#0B63CE;
  --r-kontrol:12px; --r-yuzey:16px; --r-sheet:20px;
  --ease:cubic-bezier(.23,1,.32,1);
  --font:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="light"]){
    --zemin:#0E1519; --kagit:#141D22; --cizgi:#27363D; --kenar:#6B8288;
    --murekkep:#E6EEEC; --murekkep-ustu:#0E1519; --soluk:#9DB0B3;
    --tamam:#6FD1A4; --tamam-zemin:#17342A;
    --supheli:#F0A25A; --supheli-zemin:#3A2815;
    --hata:#FF7C9B; --hata-zemin:#3B1A25; --odak:#7DB4FF; color-scheme:dark;
  }
}
:root[data-tema="dark"]{
  --zemin:#0E1519; --kagit:#141D22; --cizgi:#27363D; --kenar:#6B8288;
  --murekkep:#E6EEEC; --murekkep-ustu:#0E1519; --soluk:#9DB0B3;
  --tamam:#6FD1A4; --tamam-zemin:#17342A;
  --supheli:#F0A25A; --supheli-zemin:#3A2815;
  --hata:#FF7C9B; --hata-zemin:#3B1A25; --odak:#7DB4FF; color-scheme:dark;
}

/* ============ Temel ============ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-bottom:7rem}
body{margin:0;background:var(--zemin);color:var(--murekkep);font:400 1.0625rem/1.5 var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
::selection{background:var(--murekkep);color:var(--murekkep-ustu)}
:focus-visible{outline:3px solid var(--odak);outline-offset:2px;border-radius:6px}
button,input,textarea,summary{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1.5px}
h1,h2,p{margin:0}
h1:focus,h1:focus-visible{outline:none}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ik{width:1.25em;height:1.25em;flex:none;fill:currentColor;display:inline-block;vertical-align:-.2em}
.tab{font-variant-numeric:tabular-nums}
.mk{font-family:system-ui,sans-serif;letter-spacing:.05em}

/* ============ Kabuk ============ */
.uygulama{max-width:30rem;min-height:100dvh;margin-inline:auto;padding-inline:1.25rem;display:flex;flex-direction:column}
.ust{display:flex;align-items:center;justify-content:space-between;min-height:3.5rem;padding-top:env(safe-area-inset-top);position:relative}
.marka{font-weight:700;font-size:1.25rem;letter-spacing:-.02em}
.ik-dugme{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-inline:-.75rem;border:0;border-radius:50%;background:none;font-size:1.5rem;transition:background-color .15s,transform .12s var(--ease)}
.ik-dugme:active{transform:scale(.94)}
.ik-dugme.sag{margin-inline:0 -.75rem}
.ik-dugme.bos{visibility:hidden}
@media (hover:hover) and (pointer:fine){.ik-dugme:hover{background:color-mix(in srgb,var(--murekkep) 8%,transparent)}}
.menu{position:absolute;right:0;top:3.25rem;z-index:20;min-width:13rem;background:var(--kagit);border:1px solid var(--cizgi);border-radius:var(--r-yuzey);padding:.375rem;transform-origin:top right;animation:ac .16s var(--ease)}
.menu button,.menu a{display:flex;gap:.75rem;align-items:center;width:100%;min-height:2.75rem;padding:0 .75rem;border:0;background:none;border-radius:10px;text-align:left;text-decoration:none}
.menu .kim{margin:0;padding:.5rem .75rem .625rem;font-size:.8125rem;color:var(--soluk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--cizgi);margin-bottom:.25rem}
.menu button:hover,.menu a:hover{background:color-mix(in srgb,var(--murekkep) 7%,transparent)}
@keyframes ac{from{opacity:0;transform:scale(.96)}}

/* ilerleme */
.adim{padding-block:.25rem 1.25rem}
.adim ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}
.adim li{display:grid;gap:.5rem;font-size:.9375rem;color:var(--soluk)}
.adim li::before{content:"";height:.25rem;border-radius:2px;background:var(--cizgi);transition:background-color .3s var(--ease)}
.adim li[data-d="bitti"]::before,.adim li[aria-current="step"]::before{background:var(--murekkep)}
.adim li[aria-current="step"],.adim li[data-d="bitti"]{color:var(--murekkep)}
.adim li[aria-current="step"]{font-weight:600}
.adim li span{display:flex;align-items:center;gap:.25rem}
.adim li .ik{font-size:1em;color:var(--tamam)}

/* ekran */
.ekran{flex:1;display:flex;flex-direction:column;animation:gir .24s var(--ease)}
@keyframes gir{from{opacity:0;transform:translateY(8px)}}
.icerik{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1.5rem}
h1{font-size:clamp(1.75rem,1.35rem + 1.8vw,2.125rem);line-height:1.15;font-weight:600;letter-spacing:-.025em;text-wrap:balance;outline:none}
.alt{color:var(--soluk);text-wrap:pretty;margin-top:.5rem}
.baslik-blok{padding-top:.5rem}
.eylem{position:sticky;bottom:0;z-index:5;display:grid;gap:.75rem;padding:1.5rem 0 calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--zemin) 1.25rem)}

/* ============ Düğmeler ============ */
.d{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:3.5rem;padding:0 1.25rem;border:1.5px solid transparent;border-radius:var(--r-kontrol);font-weight:600;font-size:1.0625rem;text-decoration:none;transition:transform .12s var(--ease),background-color .15s,opacity .15s}
.d:active{transform:scale(.98)}
.d.ana{background:var(--murekkep);color:var(--murekkep-ustu)}
.d.ikincil{background:var(--kagit);border-color:var(--cizgi);color:var(--murekkep)}
.d.metin{background:none;min-height:2.75rem;width:auto;font-weight:500;text-decoration:underline;text-underline-offset:.25em;color:var(--murekkep);justify-self:center}
.d[disabled],.d[aria-disabled="true"]{opacity:.55;pointer-events:none}
.d.ana.tamam{background:var(--tamam);color:var(--murekkep-ustu)}
:root[data-tema="dark"] .d.ana.tamam{color:#0E1519}
@media (hover:hover) and (pointer:fine){.d.ana:hover{background:color-mix(in srgb,var(--murekkep) 88%,var(--zemin))}.d.ikincil:hover{background:color-mix(in srgb,var(--kagit) 90%,var(--murekkep))}}
.don{width:1.25rem;height:1.25rem;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:don .7s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}

/* ============ Form ============ */
.form{display:grid;gap:1.25rem}
.alan{display:grid;gap:.5rem}
.alan label{font-weight:600}
.girdi{position:relative;display:flex}
.girdi input{width:100%;min-height:3.5rem;padding:0 1rem;background:var(--kagit);border:1.5px solid var(--kenar);border-radius:var(--r-kontrol);font-size:1.0625rem;transition:border-color .15s,box-shadow .15s}
.girdi input::placeholder{color:var(--soluk);opacity:.8}
.girdi input:focus{outline:none;border-color:var(--odak);box-shadow:0 0 0 3px color-mix(in srgb,var(--odak) 28%,transparent)}
.girdi input.sifreli{padding-right:3.5rem}
.goz{position:absolute;right:.25rem;top:50%;translate:0 -50%;width:3rem;height:3rem;display:grid;place-items:center;border:0;background:none;font-size:1.375rem;color:var(--soluk);border-radius:50%}
.alan .not{font-size:.9375rem;color:var(--soluk);min-height:0}
.alan .not:empty{display:none}
.alan.hatali input{border-color:var(--hata);background:var(--hata-zemin)}
.alan.hatali .not{color:var(--hata);display:flex;gap:.375rem;align-items:flex-start;font-weight:500}
.alan.hatali .not .ik{margin-top:.1em}
.onay{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;min-height:2.75rem}
.onay{position:relative}
.onay input{position:absolute;opacity:0;width:1.75rem;height:1.75rem}
.onay .kutu{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1.5px solid var(--kenar);border-radius:8px;background:var(--kagit);color:transparent;transition:background-color .15s,color .15s;font-size:1.125rem}
.onay input:checked+.kutu{background:var(--murekkep);border-color:var(--murekkep);color:var(--murekkep-ustu)}
.onay input:focus-visible+.kutu{outline:3px solid var(--odak);outline-offset:2px}
.onay.hatali .kutu{border-color:var(--hata)}
.onay .yazi{padding-top:.1875rem}
.onay-blok{display:grid;gap:.5rem}
.onay-blok .not{font-size:.9375rem;color:var(--hata);font-weight:500;display:flex;gap:.375rem}
.anahtar{display:grid;grid-template-columns:1fr 1fr;padding:.25rem;background:color-mix(in srgb,var(--murekkep) 8%,transparent);border-radius:999px}
.anahtar a{display:grid;place-items:center;min-height:2.75rem;border-radius:999px;text-decoration:none;font-weight:600;color:var(--soluk);transition:background-color .2s var(--ease),color .2s}
.anahtar a[aria-current="page"]{background:var(--kagit);color:var(--murekkep)}
.genel-hata{display:flex;gap:.625rem;padding:.875rem 1rem;border-radius:var(--r-kontrol);background:var(--hata-zemin);color:var(--hata);font-weight:500}
.baglanti-satiri{text-align:center;color:var(--soluk)}
.baglanti-satiri a{color:var(--murekkep);font-weight:600}

/* ============ Durum satırı (kod, ads) ============ */
.durum{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:start;padding:1rem 1.125rem;border-radius:var(--r-yuzey);background:var(--kagit);border:1px solid var(--cizgi);transition:background-color .4s var(--ease),border-color .4s var(--ease)}
.durum .rozet{grid-row:span 2;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;position:relative}
.durum b{font-weight:600;font-size:1.0625rem}
.durum p{font-size:.9375rem;color:var(--soluk)}
.durum[data-d="bekleniyor"] .rozet::before,.durum[data-d="uzun"] .rozet::before{content:"";position:absolute;inset:.25rem;border-radius:50%;border:2.5px solid var(--cizgi);border-top-color:var(--murekkep);animation:don 1.1s linear infinite}
.durum[data-d="uzun"]{border-color:var(--supheli)}
.durum[data-d="uzun"] .rozet::before{border-top-color:var(--supheli)}
.durum[data-d="dogrulandi"],.durum[data-d="bagli"]{background:var(--tamam-zemin);border-color:var(--tamam)}
.durum[data-d="dogrulandi"] .rozet,.durum[data-d="bagli"] .rozet{background:var(--tamam);color:var(--murekkep-ustu);font-size:1.375rem;animation:pop .45s var(--ease)}
:root[data-tema="dark"] .durum[data-d="dogrulandi"] .rozet,:root[data-tema="dark"] .durum[data-d="bagli"] .rozet{color:#0E1519}
@keyframes pop{from{transform:scale(.6);opacity:.2}}
.durum[data-d="reddedildi"],.durum[data-d="hata"],.durum[data-d="koptu"]{background:var(--supheli-zemin);border-color:var(--supheli)}
.durum[data-d="reddedildi"] .rozet,.durum[data-d="hata"] .rozet,.durum[data-d="koptu"] .rozet{color:var(--supheli);font-size:1.75rem}
.durum[data-d="gonderiliyor"] .rozet::before{content:"";position:absolute;inset:.25rem;border-radius:50%;border:2.5px solid var(--cizgi);border-top-color:var(--murekkep);animation:don .8s linear infinite}

/* kod kutusu */
.kod{display:grid;gap:.5rem}
.kod label{font-weight:600}
.kod textarea{width:100%;min-height:5.5rem;resize:none;padding:.875rem 1rem;background:var(--kagit);border:1.5px solid var(--kenar);border-radius:var(--r-kontrol);font:400 .875rem/1.55 var(--mono);color:var(--murekkep);overflow-wrap:anywhere}
.kod textarea:focus{outline:none;border-color:var(--odak);box-shadow:0 0 0 3px color-mix(in srgb,var(--odak) 28%,transparent)}
.ikili{display:grid;gap:.75rem}
.not-kucuk{font-size:.9375rem;color:var(--soluk);text-wrap:pretty}

/* liste / kartlar (açılır) */
.acilir{border-top:1px solid var(--cizgi)}
.acilir details{border-bottom:1px solid var(--cizgi)}
.acilir summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:3.5rem;font-weight:600;cursor:pointer}
.acilir summary::-webkit-details-marker{display:none}
.acilir summary .ik{transition:transform .25s var(--ease);color:var(--soluk)}
.acilir details[open] summary .ik{transform:rotate(180deg)}
.acilir .govde{padding-bottom:1rem}
.acilir details[open] .govde{animation:ac2 .25s var(--ease)}
@keyframes ac2{from{opacity:0;transform:translateY(-4px)}}
.adimlar{margin:0;padding:0;list-style:none;display:grid;gap:.875rem;counter-reset:a}
.adimlar li{display:grid;grid-template-columns:1.75rem 1fr;gap:.75rem;counter-increment:a}
.adimlar li::before{content:counter(a);display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:color-mix(in srgb,var(--murekkep) 10%,transparent);font-weight:600;font-size:.9375rem}
.bolum-baslik{font-size:1.125rem;font-weight:600;letter-spacing:-.01em}
.yardim-blok{padding:1rem 1.125rem;border-radius:var(--r-yuzey);background:var(--kagit);border:1px solid var(--cizgi);display:grid;gap:.75rem}
.guven{display:flex;gap:.625rem;color:var(--soluk);font-size:.9375rem}
.guven .ik{margin-top:.15em;color:var(--murekkep)}
.sert{display:flex;gap:.625rem;padding:.875rem 1rem;border-radius:var(--r-kontrol);background:var(--supheli-zemin);color:var(--murekkep);font-size:.9375rem}
.sert .ik{color:var(--supheli);margin-top:.15em}

/* ============ Bitti ============ */
.bitti{align-items:flex-start}
.halka{--p:0;width:4.5rem;height:4.5rem;border-radius:50%;display:grid;place-items:center;font-size:2.25rem;color:var(--murekkep-ustu);background:conic-gradient(var(--tamam) calc(var(--p)*1%),var(--cizgi) 0);animation:halka .7s var(--ease) forwards;position:relative}
.halka::after{content:"";position:absolute;inset:.3125rem;border-radius:50%;background:var(--tamam)}
.halka .ik{position:relative;z-index:1;opacity:0;animation:belir .3s .45s var(--ease) forwards}
:root[data-tema="dark"] .halka{color:#0E1519}
@property --p{syntax:"<number>";inherits:false;initial-value:0}
@keyframes halka{to{--p:100}}
@keyframes belir{to{opacity:1}}
.ozet-liste{list-style:none;margin:0;padding:0;width:100%;border-top:1px solid var(--cizgi)}
.ozet-liste li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;min-height:3.5rem;border-bottom:1px solid var(--cizgi)}
.ozet-liste .ik{color:var(--tamam);font-size:1.25rem}
.ozet-liste span:last-child{color:var(--soluk);text-align:right}
.ozet-liste li{grid-template-columns:auto auto 1fr}
.ozet-liste b{font-weight:600}

/* ============ Özet: hesap fişi ============ */
.uygulama.genis{max-width:34rem}
.siteadi{color:var(--soluk);font-size:.9375rem}
.aralik{display:grid;grid-template-columns:repeat(3,1fr);padding:.25rem;background:color-mix(in srgb,var(--murekkep) 8%,transparent);border-radius:999px}
.aralik button{min-height:2.75rem;border:0;border-radius:999px;background:none;font-weight:600;color:var(--soluk);transition:background-color .2s var(--ease),color .2s}
.aralik button[aria-pressed="true"]{background:var(--kagit);color:var(--murekkep)}
.cumle{font-size:clamp(1.75rem,1.2rem + 2.4vw,2.375rem);line-height:1.15;font-weight:500;letter-spacing:-.025em;text-wrap:balance;max-width:20em}
.fis{margin:0;display:grid;gap:0;padding:.25rem 0 0}
.satir{padding:1rem 0 1.125rem;border-bottom:1px solid var(--cizgi);display:grid;gap:.625rem}
.satir:first-child{padding-top:.5rem}
.satir-ust{display:flex;align-items:baseline;gap:.5rem}
.ad{font-weight:500}
.ad small{display:block;font-weight:400;font-size:.9375rem;color:var(--soluk);margin-top:.0625rem}
.ad small.toplam-not{font-size:.8125rem;margin-top:.125rem}
.nokta{flex:1 1 1rem;border-bottom:2px dotted var(--kenar);opacity:.55;min-width:.75rem}
.tutar{font-weight:600;font-size:1.375rem;letter-spacing:-.01em;white-space:nowrap}
.cubuk{height:.625rem;border-radius:999px;transform-origin:left center;transform:scaleX(var(--w,0));transition:transform .7s var(--ease);transition-delay:var(--g,0ms);width:100%}
.satir.harcama .cubuk{background:color-mix(in srgb,var(--murekkep) 28%,transparent)}
.satir.google .cubuk{background:repeating-linear-gradient(135deg,var(--supheli) 0 3px,var(--supheli-zemin) 3px 7px)}
.satir.google .tutar{color:var(--soluk)}
.satir.supheli .tutar{color:var(--supheli)}
.satir.nobet{border-bottom:0;padding-bottom:.5rem}
.satir.nobet .tutar{font-size:1.75rem;color:var(--tamam);border-bottom:4px double var(--tamam);line-height:1.1;padding-bottom:.125rem}
.satir.nobet .cubuk{background:var(--tamam)}
.satir.nobet.golge .cubuk{background:color-mix(in srgb,var(--tamam) 24%,transparent);box-shadow:inset 0 0 0 2px var(--tamam)}
.satir .cubuk.yok{display:none}
.satir.bos .tutar,.satir.iskelet .tutar{color:var(--soluk)!important;border-bottom:0!important}
.satir.bos .cubuk,.satir.iskelet .cubuk{box-shadow:none!important}
.satir.bos .cubuk{transform:scaleX(1)!important;background:none!important;border:2px dashed var(--cizgi)!important}
.golge-not{display:flex;gap:.625rem;padding:.875rem 1rem;border-radius:var(--r-kontrol);background:var(--tamam-zemin);font-size:.9375rem;color:var(--murekkep)}
.golge-not .ik{color:var(--tamam);margin-top:.15em}
.guncel{font-size:.875rem;color:var(--soluk)}
.gunler{display:grid;gap:1rem;padding-top:1rem;border-top:1px solid var(--cizgi)}
.seri{display:grid;gap:.375rem}
.seri-ad{font-size:.9375rem;color:var(--soluk)}
.seri ul{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:var(--bosluk,6px);height:4.5rem}
.seri li{flex:1;height:100%;display:flex;align-items:flex-end}
.seri li i{display:block;width:100%;min-height:2px;border-radius:3px 3px 0 0;height:calc(var(--y)*1%);transform-origin:bottom;animation:buy .6s var(--ease) both;animation-delay:calc(var(--i)*18ms)}
@keyframes buy{from{transform:scaleY(0)}}
.seri.h i{background:color-mix(in srgb,var(--murekkep) 28%,transparent)}
.seri.n i{background:var(--tamam)}
.eksen{display:flex;justify-content:space-between;font-size:.875rem;color:var(--soluk)}
.satir.iskelet .cubuk{background:color-mix(in srgb,var(--murekkep) 10%,transparent)!important;border:0!important;transform:scaleX(1)!important;animation:nefes 1.4s ease-in-out infinite}
@keyframes nefes{50%{opacity:.45}}
.satir.iskelet .tutar{color:transparent;background:color-mix(in srgb,var(--murekkep) 10%,transparent);border-radius:6px;min-width:5rem;animation:nefes 1.4s ease-in-out infinite}
.sert-sirit{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;padding:1rem;border-radius:var(--r-yuzey);background:var(--supheli-zemin)}
.sert-sirit .ik{color:var(--supheli);font-size:1.5rem;margin-top:.1em}
.sert-sirit b{display:block}
.sert-sirit p{font-size:.9375rem;color:var(--murekkep)}
.sert-sirit .d{grid-column:1/-1;margin-top:.25rem}

/* ============ Yardım ============ */
.sss{border-top:1px solid var(--cizgi)}

@media (min-width:800px){
  .uygulama{padding-top:1.5rem}
  .ikili{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .don{animation:none;border-right-color:currentColor}
}

/* ============ Satır içi stil yerine sınıflar (CSP: style-src 'self') ============ */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.eylem.alta{margin-top:auto}
.eylem.duz{position:static;background:none;padding:0}
.kolon1{grid-template-columns:1fr!important}
.ikili .not-kucuk.ust-eksi{margin-top:-.25rem}
.ikili .not-kucuk.orta{margin-top:-.5rem;text-align:center}
.bolum-baslik.ic{padding:.25rem 0 .5rem}
.bolum-baslik.alt-bosluk{margin-bottom:.5rem}
.icerik.sik{gap:1.25rem}
.alt.ust-eksi{margin-top:-.75rem}
.alt.sifir{margin:0}
.baglanti-kisa{font-weight:600;white-space:nowrap}
form.icerik{flex:1}
.cubuk.yok{display:none}
.genel-bilgi{display:flex;gap:.625rem;padding:.875rem 1rem;border-radius:var(--r-kontrol);background:var(--supheli-zemin);font-size:.9375rem}
.genel-bilgi .ik{color:var(--supheli);margin-top:.15em}
.yukleme{min-height:50dvh;display:grid;place-items:center}
.yukleme .don{width:2rem;height:2rem;color:var(--soluk)}
.mk{font-family:system-ui,sans-serif;letter-spacing:.05em}
.yasal{max-width:34rem;margin-inline:auto;padding:1.5rem 1.25rem 3rem}
.yasal h1{margin-bottom:1rem}
.yasal-yer{padding:1rem 1.125rem;border-radius:var(--r-yuzey);background:var(--supheli-zemin);border:1px solid var(--supheli)}
@media (min-width:800px){.cubuk,.seri li i{transition-duration:.7s}}

.seri-liste.dar{--bosluk:2px}
.alt-linkler{text-align:center;margin-top:auto;padding-bottom:1rem}
.ekran.sessiz{animation:none}
.bitti-eylem{width:100%}
.satir.supheli .cubuk{background:color-mix(in srgb,var(--supheli) 70%,transparent)}
.ozet-govde{display:flex;flex-direction:column;gap:1.25rem}

/* ============ S9 sadakat denetimi düzeltmeleri ============ */
/* sıfır değer: turuncu/yeşil vurgu yok (0 TL bir uyarı ya da kazanç değil) */
.satir.sifir .tutar{color:var(--soluk);border-bottom:0}
/* satır içi bağlantıların dokunma alanı >=44 px (görünüm aynı kalır) */
.alt-linkler a,.not-kucuk a,.baglanti-kisa,.onay a{padding-block:.8125rem}
.alt-linkler a{display:inline-block;padding-inline:.5rem}
.alt-linkler{padding-bottom:.25rem}
.durum + .adimlar{margin-top:1.25rem}

/* Site satırı (etiket adımı): "Site: ornek.com  Siteyi değiştir" */
.site-satir{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-top:-.5rem;color:var(--soluk);font-size:.9375rem}
.site-satir b{color:var(--murekkep);overflow-wrap:anywhere}
.baglanti-dugme{min-height:2.75rem;padding:0 .25rem;border:0;background:none;color:var(--murekkep);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.25em;cursor:pointer}

/* Çok site: seçici + "Yeni site ekle" */
.site-sec{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap}
.site-sec .siteadi{overflow-wrap:anywhere;min-width:0}
.sec-kutu{flex:1 1 12rem;min-width:0}
.sec-kutu select{width:100%;min-height:2.75rem;padding:0 .75rem;background:var(--kagit);border:1.5px solid var(--kenar);border-radius:var(--r-kontrol);font-size:1rem;color:var(--murekkep)}
.sec-kutu select:focus{outline:none;border-color:var(--odak);box-shadow:0 0 0 3px color-mix(in srgb,var(--odak) 28%,transparent)}
.site-sec .baglanti-dugme{font-size:.9375rem}

/* Baştan başla: küçük, ikincil bağlantı */
.bastan{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.25rem;margin-top:-.5rem}
.eylem .bastan{margin-top:-.25rem}
.eylem .bastan .baglanti-dugme{min-height:2.25rem}
.baglanti-dugme.kucuk{font-size:.875rem;font-weight:500;color:var(--soluk)}
.onay-ort{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--murekkep) 45%,transparent)}
.onay-kutu{width:100%;max-width:26rem;display:grid;gap:.75rem;padding:1.25rem;background:var(--kagit);border-radius:var(--r-sheet);box-shadow:0 8px 32px rgba(0,0,0,.25)}
.onay-kutu h2{margin:0;font-size:1.25rem;line-height:1.25}
.onay-kutu p{margin:0;color:var(--soluk);font-size:.9375rem}
.onay-eylem{display:grid;gap:.625rem;margin-top:.25rem}
@media (min-width:600px){.onay-ort{align-items:center}}