/* Hallmark · macrostructure: split desk (form) + ops console (admin) · tokens: brand.css */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R4 V5 · contrast: pass (46–50) · slop test: pass, istisnalar: G1 Roboto (Pashagaming ana site yazı tipi), G8 #000 (logoların kendi zemini) */
/* =====================================================================
   DEKONT ARAYÜZÜ v3 — sıfırdan
   Form: solda logo zemininde canlı "talep fişi", sağda adımlar.
   Admin: operasyon konsolu (özet şeridi, saatlik grafik, dağılımlar).
   Kurallar: gradient/neon/parlama yok · vurgu yalnızca eylem/durum · 4 px ölçek ·
   odak halkası anında · tek açılış hareketi + kullanıcıya yanıt veren hareketler ·
   prefers-reduced-motion'da hareket yok.
   ===================================================================== */

:where(:root){
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;
  --r-sm:6px;--r:10px;--r-lg:14px;--r-pill:999px;
  --ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{margin:0;min-height:100vh;overflow-x:clip;background:var(--dk-bg);color:var(--dk-text);font-family:var(--dk-font);font-size:15.5px;
  line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 0}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,p,dl,dd,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0}
:focus-visible{outline:2px solid var(--dk-accent);outline-offset:2px}
.hidden{display:none!important}
.sr{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dk-ico{flex:none;display:inline-block;vertical-align:middle}
.num{font-variant-numeric:tabular-nums}
.sep{display:inline-block;width:3px;height:3px;margin:0 6px;border-radius:50%;background:currentColor;opacity:.6;vertical-align:middle}
.mono-break{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.empty{padding:var(--s8) var(--s5);color:var(--dk-faint);text-align:center;font-size:14.5px}

.logo{display:inline-flex;align-items:center;background:var(--dk-logo-bg);border-radius:var(--r-sm)}
.logo img{height:var(--dk-logo-h,32px);width:auto}

/* ---------- Açılış hareketi (bir kez) ---------- */
.rv{animation:rv-in .7s var(--ease-out) both;animation-delay:calc(var(--d,0) * 70ms)}
@keyframes rv-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);
  border:1px solid transparent;border-radius:var(--r);font-weight:700;font-size:15px;line-height:1;white-space:nowrap;
  transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn--primary{background:var(--dk-accent);color:var(--dk-accent-ink)}
.btn--primary:hover:not(:disabled){background:var(--dk-accent-hover)}
.btn--ghost{background:transparent;border-color:var(--dk-line-strong);color:var(--dk-text)}
.btn--ghost:hover:not(:disabled){background:var(--dk-surface-2);border-color:var(--dk-faint)}
.btn--danger{background:transparent;border-color:var(--dk-danger);color:var(--dk-danger-text)}
.btn--danger:hover{background:var(--dk-danger-soft)}
.btn--sm{min-height:38px;padding:0 var(--s3);font-size:14px;border-radius:var(--r-sm)}
.btn--block{width:100%}
.iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--dk-line-strong);border-radius:var(--r);background:transparent}
.iconbtn:hover{background:var(--dk-surface-2)}
#submitBtn:disabled{opacity:1;cursor:progress}
#submitBtn:disabled::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Bilgi kutuları ---------- */
.warning,.note{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r);
  background:var(--dk-surface-2);color:var(--dk-muted);font-size:14.5px;line-height:1.55}
.warning > .dk-ico,.note > .dk-ico{margin-top:2px;color:var(--dk-accent)}
.warning b,.note b{color:var(--dk-text);margin-right:4px}
.note > div{display:flex;flex-wrap:wrap;gap:2px 6px}
.warning.danger,.note--danger{background:var(--dk-danger-soft);color:var(--dk-text)}
.warning.danger > .dk-ico,.note--danger > .dk-ico{color:var(--dk-danger-text)}
.note--ok{background:var(--dk-success-soft);color:var(--dk-text)}
.note--ok > .dk-ico{color:var(--dk-success-text)}
.note--accent{background:var(--dk-accent-soft);color:var(--dk-text)}
#methodWarning{background:var(--dk-accent-soft);color:var(--dk-text)}

/* ---------- Alanlar ---------- */
.field{display:flex;flex-direction:column;gap:var(--s2);min-width:0;position:relative}
.field label{font-size:14px;font-weight:700;color:var(--dk-text)}
.field small{color:var(--dk-faint);font-size:13px}
.field input,.field select,.field textarea{width:100%;min-height:48px;outline:2px solid transparent;outline-offset:1px;padding:var(--s3) var(--s4);border:1px solid var(--dk-line-strong);
  border-radius:var(--r);background:var(--dk-input);color:var(--dk-text);font-size:16px;transition:border-color .15s var(--ease)}
.field textarea{min-height:0;line-height:1.5}
.field select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.field input::placeholder,.field textarea::placeholder{color:var(--dk-faint)}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--dk-faint)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--dk-accent);outline-offset:1px;border-color:var(--dk-accent)}
.field input.is-invalid{border-color:var(--dk-danger);outline-color:var(--dk-danger)}
.field input[type=date],.field input[type=time]{color-scheme:dark}
.field input[type=file]{min-height:0;padding:var(--s2);font-size:14px}
.field input[type=file]::file-selector-button{margin-right:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--dk-line-strong);
  border-radius:var(--r-sm);background:var(--dk-surface-2);color:var(--dk-text);font-weight:600;cursor:pointer}
.field--icon > .dk-ico{position:absolute;left:var(--s4);bottom:17px;color:var(--dk-faint);pointer-events:none}
.field--icon input{padding-left:44px}
.input-prefix{position:relative}
.input-prefix span{position:absolute;left:var(--s4);top:50%;transform:translateY(-50%);color:var(--dk-accent);font-weight:800;pointer-events:none}
.field .input-prefix input{padding-left:38px}

.toggle{display:inline-flex;align-items:center;gap:var(--s2);font-size:14px;font-weight:600;cursor:pointer;user-select:none;min-height:38px}
.toggle input{position:absolute;opacity:0;width:1px;height:1px}
.toggle__ui{position:relative;flex:none;width:38px;height:22px;border-radius:var(--r-pill);background:var(--dk-line-strong);transition:background-color .15s var(--ease)}
.toggle__ui::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--dk-text);transition:transform .18s var(--ease-out)}
.toggle input:checked + .toggle__ui{background:var(--dk-accent)}
.toggle input:checked + .toggle__ui::after{transform:translateX(16px);background:var(--dk-accent-ink)}
.toggle input:focus-visible + .toggle__ui{outline:2px solid var(--dk-accent);outline-offset:2px}

.panel{background:var(--dk-surface);border:1px solid var(--dk-line);border-radius:var(--r-lg);min-width:0}
.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--dk-line)}
.panel__head h2,.panel__title{font-size:16.5px;font-weight:700}
.panel__head p{color:var(--dk-faint);font-size:13.5px;margin-top:2px}
.panel__body{padding:var(--s5)}
.panel__title{padding:var(--s5) var(--s5) 0}

/* =====================================================================
   ÜYE FORMU — işlem masası
   ===================================================================== */
.pf-shell{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);min-height:100vh}

/* Sol masa */
.desk{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--s8);padding:var(--s8) var(--s8) var(--s6);
  background:var(--dk-logo-bg);border-right:1px solid var(--dk-line);overflow-y:auto;scrollbar-width:thin}
.desk__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.desk__back{display:none}
.kicker{color:var(--dk-accent);font-size:13px;font-weight:700;letter-spacing:.02em}
.desk__intro h1{margin-top:var(--s3);font-size:clamp(28px,2.6vw,38px);line-height:1.08;font-weight:800}
.desk__intro h1 em{font-style:normal;color:var(--dk-accent)}
.desk__lead{margin-top:var(--s3);color:var(--dk-muted);font-size:15px;max-width:42ch}
.desk__note{display:flex;gap:var(--s3);align-items:flex-start;margin-top:auto;padding-top:var(--s4);border-top:1px solid var(--dk-line);color:var(--dk-muted);font-size:13.5px}
.desk__badge{flex:none;display:grid;place-items:center;align-content:center;width:46px;height:46px;border-radius:var(--r);
  border:1px solid var(--dk-accent-line);color:var(--dk-accent);font-weight:800;font-size:17px;line-height:1}
.desk__badge small{font-size:10.5px;font-weight:700}

/* Talep fişi */
.ticket-wrap{display:block}
.ticket-toggle{display:none}
.ticket{position:relative;overflow:hidden;padding:var(--s5) var(--s5) var(--s4);border-radius:var(--r-lg);background:var(--dk-surface);
  border:1px solid var(--dk-line-strong);animation:print 1s var(--ease-out) .25s both}
@keyframes print{from{clip-path:inset(0 0 100% 0);transform:translateY(-10px)}to{clip-path:inset(0 0 0 0);transform:none}}
.ticket::before,.ticket::after{content:"";position:absolute;top:76px;width:18px;height:18px;border-radius:50%;background:var(--dk-logo-bg);border:1px solid var(--dk-line-strong)}
.ticket::before{left:-10px;clip-path:inset(0 0 0 50%)}
.ticket::after{right:-10px;clip-path:inset(0 50% 0 0)}
.ticket__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s3);padding-bottom:var(--s4);margin-bottom:var(--s2);
  border-bottom:1px dashed var(--dk-line-strong);min-height:66px}
.ticket__head small{display:block;color:var(--dk-faint);font-size:12.5px;font-weight:600}
.ticket__head b{display:block;margin-top:2px;font-size:18px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.ticket__state{flex:none;padding:4px 10px;border-radius:var(--r-pill);background:var(--dk-surface-2);color:var(--dk-muted);font-size:12.5px;font-weight:700;
  transition:background-color .2s var(--ease),color .2s var(--ease)}
.ticket.is-ready .ticket__state,.ticket--done .ticket__state{background:var(--dk-accent);color:var(--dk-accent-ink)}
.ticket__rows > div{display:flex;justify-content:space-between;gap:var(--s4);padding:9px 0;border-bottom:1px solid var(--dk-line);font-size:14px}
.ticket__rows > div:last-child{border-bottom:0}
.ticket__rows dt{color:var(--dk-faint);flex:none}
.ticket__rows dd{text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere;border-radius:4px;padding:0 4px;margin-right:-4px}
.ticket__rows dd.flash{animation:flash .9s var(--ease)}
@keyframes flash{0%{background:var(--dk-accent-soft);color:var(--dk-accent)}100%{background:transparent}}
.ticket__total{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);margin-top:var(--s3);padding-top:var(--s4);border-top:1px dashed var(--dk-line-strong)}
.ticket__total span{color:var(--dk-muted);font-size:14px;font-weight:600}
.ticket__total b{font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;border-radius:6px;padding:0 4px;margin-right:-4px}
.ticket__total b.flash{animation:flash .9s var(--ease)}
.ticket--done .ticket__state{display:none}
.stamp{position:absolute;right:var(--s4);top:var(--s4);padding:6px 14px;border:3px solid var(--dk-accent);border-radius:var(--r-sm);color:var(--dk-accent);
  font-size:20px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-10deg);opacity:.92;
  animation:stamp .5s var(--ease-out) 1.1s both;pointer-events:none}
@keyframes stamp{0%{opacity:0;transform:rotate(-10deg) scale(1.8)}60%{opacity:1;transform:rotate(-10deg) scale(.94)}100%{opacity:.92;transform:rotate(-10deg) scale(1)}}

/* Sağ bölüm */
.pf-main{min-width:0;display:flex;flex-direction:column;gap:var(--s5);padding:var(--s6) clamp(20px,4vw,56px) var(--s6);max-width:980px;width:100%}
.pf-main__bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--s3)}
.secure{display:inline-flex;align-items:center;gap:var(--s2);margin-right:auto;color:var(--dk-muted);font-size:13.5px;font-weight:600}
.secure .dk-ico{color:var(--dk-success-text)}

/* Adım göstergesi */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}
.steps li{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) 0 0;border-top:3px solid var(--dk-line-strong);color:var(--dk-faint);
  font-size:14px;transition:border-color .3s var(--ease),color .3s var(--ease)}
.steps i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--dk-surface);border:1px solid var(--dk-line-strong);
  font-style:normal;font-size:12.5px;font-weight:800;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.steps i .dk-ico{display:none}
.steps li.is-active{border-top-color:var(--dk-accent);color:var(--dk-text)}
.steps li.is-active i{background:var(--dk-accent);border-color:var(--dk-accent);color:var(--dk-accent-ink)}
.steps li.is-done{border-top-color:var(--dk-accent-line);color:var(--dk-muted)}
.steps li.is-done i{background:var(--dk-accent-soft);border-color:var(--dk-accent-line);color:var(--dk-accent)}
.steps li.is-done i span{display:none}
.steps li.is-done i .dk-ico{display:block}

.wizard-card{overflow:hidden}
.progress-wrap{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s8);border-bottom:1px solid var(--dk-line)}
.progress-meta{display:flex;align-items:baseline;gap:var(--s3);font-size:13.5px;font-weight:700}
.progress-meta #stepText{color:var(--dk-accent);font-variant-numeric:tabular-nums}
.progress-meta #stepTitle{color:var(--dk-muted)}
.progress{width:120px;height:4px;border-radius:var(--r-pill);background:var(--dk-line);overflow:hidden}
.progress i{display:block;height:100%;background:var(--dk-accent);transition:width .4s var(--ease-out)}
#wizard{padding:var(--s8)}

.step{display:none}
.step.active{display:block;animation:step-fwd .38s var(--ease-out)}
#wizard[data-dir="back"] .step.active{animation-name:step-back}
@keyframes step-fwd{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes step-back{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.step > * + *{margin-top:var(--s5)}
.step-head h2{font-size:26px;line-height:1.15;font-weight:800}
.step-head p{margin-top:6px;color:var(--dk-muted);font-size:15px}
.grid{display:grid;gap:var(--s5)}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}

.methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s3)}
.method{position:relative;display:flex;align-items:center;gap:var(--s4);width:100%;min-height:80px;padding:var(--s3) 52px var(--s3) var(--s3);
  border:1px solid var(--dk-line-strong);border-radius:var(--r);background:var(--dk-input);text-align:left;
  transition:border-color .15s var(--ease),background-color .15s var(--ease)}
.method:hover{border-color:var(--dk-faint)}
.method:active{transform:translateY(1px)}
.method-logo{flex:none;display:grid;place-items:center;width:100px;height:56px;padding:var(--s2);border-radius:var(--r-sm);background:var(--dk-logo-tile);overflow:hidden}
.method-logo img{width:100%;height:100%;object-fit:contain}
.method-logo--empty{color:var(--dk-accent);font-size:22px;font-weight:800}
.method-name{min-width:0}
.method-name b{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.method-name small{display:block;margin-top:2px;color:var(--dk-accent);font-size:12.5px;font-weight:700}
.method > i{position:absolute;right:var(--s4);top:50%;transform:translateY(-50%);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  border:2px solid var(--dk-line-strong);color:transparent;font-style:normal;font-size:12px;font-weight:900;transition:background-color .15s var(--ease),border-color .15s var(--ease)}
.method.selected{border-color:var(--dk-accent);background:var(--dk-accent-soft)}
.method.selected > i{background:var(--dk-accent);border-color:var(--dk-accent);color:var(--dk-accent-ink);animation:pop .3s var(--ease-out)}
@keyframes pop{from{transform:translateY(-50%) scale(.4)}to{transform:translateY(-50%) scale(1)}}
.txid-box{display:grid;gap:var(--s4)}

.upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);min-height:220px;padding:var(--s8) var(--s5);
  border:2px dashed var(--dk-line-strong);border-radius:var(--r-lg);background:var(--dk-input);text-align:center;cursor:pointer;
  transition:border-color .15s var(--ease),background-color .15s var(--ease)}
.upload:hover,.upload.drag,.upload:focus-within{border-color:var(--dk-accent);background:var(--dk-accent-soft)}
.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--s1);border-radius:var(--r);background:var(--dk-accent);color:var(--dk-accent-ink);transition:transform .2s var(--ease-out)}
.upload.drag .upload-icon{transform:translateY(-4px)}
.upload b{font-size:16px}
.upload small{color:var(--dk-faint);font-size:13.5px}
.upload strong{margin-top:var(--s1);color:var(--dk-success-text);font-size:14px;overflow-wrap:anywhere}
.upload strong:empty{display:none}
.filecard{display:flex;align-items:center;gap:var(--s4);padding:var(--s3);border:1px solid var(--dk-line);border-radius:var(--r);background:var(--dk-surface-2);animation:rv-in .35s var(--ease-out)}
.filecard img{width:64px;height:64px;object-fit:cover;border-radius:var(--r-sm);background:var(--dk-text)}
.filecard__pdf{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--r-sm);background:var(--dk-accent-soft);color:var(--dk-accent);font-weight:800}
.filecard b{display:block;font-size:14.5px;overflow-wrap:anywhere}
.filecard small{color:var(--dk-faint);font-size:13px}

.summary{border:1px solid var(--dk-line);border-radius:var(--r);overflow:hidden}
.summary .row{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:var(--s4);padding:var(--s3) var(--s4);border-top:1px solid var(--dk-line)}
.summary .row:first-child{border-top:0}
.summary .row span{color:var(--dk-faint);font-size:14.5px}
.summary .row b{font-size:15px;overflow-wrap:anywhere}
.confirm{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border:1px solid var(--dk-line-strong);border-radius:var(--r);background:var(--dk-input);cursor:pointer;
  transition:border-color .15s var(--ease),background-color .15s var(--ease)}
.confirm:has(input:checked){border-color:var(--dk-accent);background:var(--dk-accent-soft)}
.confirm input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--dk-accent)}
.confirm b{display:block;font-size:15px}
.confirm small{display:block;color:var(--dk-muted);font-size:14px;margin-top:3px}

.error{display:none;margin-top:var(--s5);padding:var(--s3) var(--s4);border-radius:var(--r);background:var(--dk-danger-soft);color:var(--dk-text);font-size:14.5px;font-weight:600}
.error.show{display:block;animation:shake .35s var(--ease)}
@keyframes shake{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin:var(--s8) calc(-1 * var(--s8)) calc(-1 * var(--s8));padding:var(--s4) var(--s8);
  border-top:1px solid var(--dk-line);background:var(--dk-surface)}

.state{padding:var(--s12) var(--s8);text-align:center}
.state h2{margin-top:var(--s5);font-size:26px}
.state p{margin:var(--s3) auto 0;max-width:52ch;color:var(--dk-muted)}
.state__icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--dk-accent);color:var(--dk-accent-ink)}
.state__icon--muted{background:var(--dk-accent-soft);color:var(--dk-accent)}

.done{padding:var(--s6) 0 var(--s2)}
.done h1{margin-top:var(--s5);font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.05}
.done__lead{margin-top:var(--s3);max-width:56ch;color:var(--dk-muted);font-size:16.5px}
.refno{display:inline-flex;flex-direction:column;gap:2px;margin-top:var(--s6);padding:var(--s3) var(--s5);border-radius:var(--r);border:1px dashed var(--dk-accent-line)}
.refno small{color:var(--dk-faint);font-size:13px;font-weight:600}
.refno b{color:var(--dk-accent);font-size:26px;font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.done__hint{margin-top:var(--s2);color:var(--dk-faint);font-size:13.5px}
.done__actions{display:flex;flex-wrap:wrap;gap:var(--s3)}
.flow{padding:var(--s4) var(--s5) var(--s5)}
.flow li{position:relative;display:flex;gap:var(--s4);padding-bottom:var(--s5)}
.flow li:last-child{padding-bottom:0}
.flow li:not(:last-child)::after{content:"";position:absolute;left:13px;top:30px;bottom:4px;width:2px;background:var(--dk-line)}
.flow i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--dk-surface-2);border:1px solid var(--dk-line-strong);font-style:normal;font-weight:800;font-size:13px;color:var(--dk-muted)}
.flow li.is-done i{background:var(--dk-accent);border-color:var(--dk-accent);color:var(--dk-accent-ink)}
.flow b{display:block;font-size:15px}
.flow span{display:block;margin-top:2px;color:var(--dk-muted);font-size:14px}

.pf-foot{display:flex;justify-content:space-between;gap:var(--s3);margin-top:auto;padding-top:var(--s5);border-top:1px solid var(--dk-line);color:var(--dk-faint);font-size:13px}
.pf-foot span{display:inline-flex;align-items:center;gap:6px}

/* =====================================================================
   GİRİŞ
   ===================================================================== */
.auth{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh}
.auth__side{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s10);padding:var(--s12);background:var(--dk-logo-bg);border-right:1px solid var(--dk-line)}
.auth__side h2{margin-top:var(--s3);font-size:clamp(32px,3.4vw,48px);line-height:1.06;font-weight:800;max-width:15ch}
.auth__lead{margin-top:var(--s4);max-width:44ch;color:var(--dk-muted);font-size:16px}
.auth__list{display:grid;gap:var(--s3)}
.auth__list li{display:flex;align-items:center;gap:var(--s3);color:var(--dk-muted);font-size:15px}
.auth__list .dk-ico{color:var(--dk-accent)}
.auth__main{display:grid;place-items:center;padding:var(--s10) var(--s6)}
.auth__box{width:100%;max-width:380px}
.auth__logo{display:none!important;margin-bottom:var(--s8)}
.auth__box h1{font-size:30px;font-weight:800}
.auth__box > p{margin-top:6px;color:var(--dk-muted)}
.auth__box form{display:grid;gap:var(--s4);margin-top:var(--s8)}
.auth__foot{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s5);color:var(--dk-faint);font-size:13px}

/* =====================================================================
   YÖNETİM — operasyon konsolu
   ===================================================================== */
.adm{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5) var(--s3);background:var(--dk-logo-bg);border-right:1px solid var(--dk-line);overflow-y:auto}
.side__brand{align-self:flex-start;margin:0 var(--s2) var(--s4)}
.side__brand img{height:var(--dk-logo-h-side,28px)}
.side__nav{flex:1;display:flex;flex-direction:column;gap:2px}
.side__nav p{padding:var(--s4) var(--s3) var(--s2);color:var(--dk-faint);font-size:12.5px;font-weight:600}
.side__nav a,.side__foot a{position:relative;display:flex;align-items:center;gap:var(--s3);min-height:42px;padding:0 var(--s3);border-radius:var(--r);
  color:var(--dk-muted);font-size:14.5px;font-weight:600;transition:background-color .15s var(--ease),color .15s var(--ease)}
.side__nav a:hover,.side__foot a:hover{color:var(--dk-text);background:var(--dk-surface)}
.side__nav a.is-active{color:var(--dk-text);background:var(--dk-surface-2)}
.side__nav a.is-active .dk-ico{color:var(--dk-accent)}
.side__foot{display:flex;flex-direction:column;gap:2px;padding-top:var(--s3);border-top:1px solid var(--dk-line)}
.backdrop{display:none}

.adm__main{min-width:0}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--s4);min-height:72px;padding:var(--s3) var(--s8);
  background:var(--dk-bg);border-bottom:1px solid var(--dk-line)}
.top__menu{display:none}
.top__title{min-width:0;margin-right:auto}
.top__title h1{font-size:21px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.top__title p{margin-top:2px;color:var(--dk-faint);font-size:13.5px}
.top__search{position:relative;width:280px}
.top__search .dk-ico{position:absolute;left:var(--s3);top:50%;transform:translateY(-50%);color:var(--dk-faint)}
.top__search input{width:100%;height:42px;padding:0 36px 0 38px;border:1px solid var(--dk-line-strong);border-radius:var(--r);background:var(--dk-input);font-size:14.5px}
.top__search input:focus{outline:2px solid var(--dk-accent);outline-offset:1px;border-color:var(--dk-accent)}
.top__search kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:1px 7px;border:1px solid var(--dk-line-strong);border-radius:5px;color:var(--dk-faint);font:600 12px var(--dk-font)}
.top__actions{display:flex;align-items:center;gap:var(--s3);flex:none}
.clock{padding:0 var(--s3);min-height:38px;display:inline-flex;align-items:center;border-left:1px solid var(--dk-line);color:var(--dk-muted);font-weight:700;font-variant-numeric:tabular-nums}
.adm__content{display:grid;gap:var(--s5);align-content:start;padding:var(--s6) var(--s8) var(--s12)}
.adm__content > *{min-width:0}

/* Özet şeridi: tek panel, ince ayraçlar */
.kpis{display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));border:1px solid var(--dk-line);border-radius:var(--r-lg);background:var(--dk-surface);overflow:hidden}
.kpi{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border-left:1px solid var(--dk-line);transition:background-color .15s var(--ease)}
.kpi:first-child{border-left:0}
a.kpi:hover{background:var(--dk-surface-2)}
.kpi__label{display:flex;align-items:center;gap:var(--s2);color:var(--dk-muted);font-size:13.5px;font-weight:600}
.kpi__label .dot{width:8px;height:8px;border-radius:50%;background:var(--tone,var(--dk-accent))}
.kpi__value{font-size:32px;font-weight:800;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi__foot{display:flex;align-items:center;gap:6px;color:var(--dk-faint);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi--lead{background:var(--dk-accent);color:var(--dk-accent-ink)}
a.kpi--lead:hover{background:var(--dk-accent-hover)}
.kpi--lead .kpi__label,.kpi--lead .kpi__foot{color:var(--dk-accent-ink);opacity:.78}
.kpi--lead .kpi__value{font-size:40px}

.grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--s5)}
.grid2--narrow{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start}

/* Saatlik grafik */
.chart{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;align-items:end;height:220px;padding:var(--s5) var(--s5) var(--s4)}
.chart__col{display:grid;grid-template-rows:18px 1fr 18px;height:100%;min-width:0}
.chart__val{align-self:end;text-align:center;color:var(--dk-muted);font-size:11px;font-weight:700;opacity:0;transition:opacity .15s var(--ease)}
.chart__col:hover .chart__val{opacity:1}
.chart__bar{align-self:end;height:var(--h);min-height:3px;border-radius:4px 4px 2px 2px;background:var(--dk-accent);transform-origin:bottom;
  animation:grow-y .7s var(--ease-out) both;animation-delay:calc(200ms + var(--i) * 22ms)}
.chart__bar.is-zero{background:var(--dk-line-strong)}
.chart__col:hover .chart__bar:not(.is-zero){background:var(--dk-accent-hover)}
.chart__x{text-align:center;color:var(--dk-faint);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
@keyframes grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* Durum dağılımı */
.stack{display:flex;gap:3px;height:14px;border-radius:var(--r-pill);overflow:hidden;transform-origin:left;animation:grow-x .8s var(--ease-out) .25s both}
.stack span{min-width:3px}
@keyframes grow-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.legend{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1) var(--s4);margin-top:var(--s5)}
.legend a{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--r-sm);font-size:14px;color:var(--dk-muted)}
.legend a:hover{background:var(--dk-surface-2);color:var(--dk-text)}
.legend i{width:10px;height:10px;border-radius:3px}
.legend b{margin-left:auto;color:var(--dk-text);font-variant-numeric:tabular-nums}
.legend small{width:40px;text-align:right;color:var(--dk-faint);font-variant-numeric:tabular-nums}

/* Sıralama listeleri */
.rank,.cats{padding:var(--s2) var(--s3) var(--s3)}
.rank a{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(60px,30%) 44px;align-items:center;gap:var(--s3);padding:var(--s2);border-radius:var(--r);transition:background-color .15s var(--ease)}
.rank a:hover{background:var(--dk-surface-2)}
.rank__name{min-width:0;font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank__name small{display:block;color:var(--dk-faint);font-size:12.5px;font-weight:500}
.rank__bar,.cats__bar{height:6px;border-radius:var(--r-pill);background:var(--dk-line);overflow:hidden}
.rank__bar i,.cats__bar i{display:block;width:var(--w);height:100%;border-radius:inherit;background:var(--dk-accent);transform-origin:left;
  animation:grow-x .7s var(--ease-out) both;animation-delay:calc(300ms + var(--i) * 50ms)}
.rank b,.cats b{text-align:right;font-weight:700}
.cats li.empty,.rank li.empty{display:block}
.cats li{display:grid;grid-template-columns:136px minmax(0,1fr) 44px;align-items:center;gap:var(--s3);padding:var(--s2)}
.cats__bar i{background:var(--dk-muted)}

/* Yöntem cevabı etiketleri */
.cat{display:inline-flex;align-items:center;justify-self:start;padding:3px 9px;border-radius:var(--r-pill);background:var(--dk-surface-2);color:var(--dk-muted);font-size:12.5px;font-weight:700;white-space:nowrap}
.cat--approval,.cat--manual_add{background:var(--dk-success-soft);color:var(--dk-success-text)}
.cat--rejected,.cat--not_ours,.cat--no_incoming,.cat--blacklist,.cat--different_company{background:var(--dk-danger-soft);color:var(--dk-danger-text)}
.cat--request,.cat--control,.cat--waiting,.cat--account_history,.cat--receipt_request,.cat--refund{background:var(--dk-accent-soft);color:var(--dk-accent)}
.cat--unknown{background:var(--dk-info-soft);color:var(--dk-info-text)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--dk-surface-2);color:var(--dk-text);font-size:13px;font-weight:700;white-space:nowrap}
.pill .dk-ico{color:var(--dk-accent)}

/* Tablolar */
.tablewrap{overflow-x:auto}
.table{width:100%;min-width:760px;border-collapse:collapse;font-size:14.5px}
.table th{padding:var(--s3) var(--s4);text-align:left;color:var(--dk-faint);font-size:13px;font-weight:600;border-bottom:1px solid var(--dk-line);white-space:nowrap}
.table td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--dk-line);vertical-align:middle}
.table tbody tr:last-child td{border-bottom:0}
.table tbody tr{transition:background-color .12s var(--ease)}
.table tbody tr[data-href]{cursor:pointer}
.table tbody tr:hover{background:var(--dk-surface-2)}
.table .c-act{width:1%;text-align:right;white-space:nowrap}
.table .c-act form{margin:0}
.rid{color:var(--dk-accent);font-weight:800;font-variant-numeric:tabular-nums}
.sub{display:block;color:var(--dk-faint);font-size:13px;margin-top:2px}
.who{display:flex;align-items:center;gap:var(--s3);min-width:0}
.who b{display:block;font-weight:600}
.who small{display:block;color:var(--dk-faint);font-size:13px;margin-top:1px}
.avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--dk-surface-2);color:var(--dk-muted);font-size:13px;font-weight:800;text-transform:uppercase}
.mcell{display:inline-flex;align-items:center;gap:var(--s2)}
.mlogo{flex:none;display:grid;place-items:center;width:64px;height:38px;padding:4px 6px;border-radius:var(--r-sm);background:var(--dk-logo-tile);border:1px solid var(--dk-line);overflow:hidden}
.mlogo img{width:100%;height:100%;object-fit:contain}
.mlogo b{color:var(--dk-accent);font-weight:800}
.mlogo--sm{width:48px;height:30px;padding:3px 4px;border-radius:5px}
.mlogo--lg{width:104px;height:60px}

.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:12.5px;font-weight:700;white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.badge--pending{background:var(--dk-accent-soft);color:var(--dk-accent)}
.badge--processing{background:var(--dk-info-soft);color:var(--dk-info-text)}
.badge--processing::before{animation:blink 1.2s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.badge--sent{background:var(--dk-success-soft);color:var(--dk-success-text)}
.badge--failed{background:var(--dk-danger-soft);color:var(--dk-danger-text)}
.badge--blocked{background:var(--dk-surface-2);color:var(--dk-muted)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tag{padding:2px 8px;border-radius:var(--r-sm);background:var(--dk-surface-2);color:var(--dk-muted);font-size:12.5px;font-weight:700}
.tag--on{background:var(--dk-success-soft);color:var(--dk-success-text)}
.tag--off{color:var(--dk-faint)}

/* Filtreler */
.filters{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;gap:var(--s3);align-items:end;padding:var(--s4) var(--s5)}
.filters .field input,.filters .field select{min-height:46px;font-size:15px}
.filters .btn{min-height:46px}
.seg{display:flex;gap:var(--s1);padding:0 var(--s5) var(--s4);overflow-x:auto;scrollbar-width:none}
.seg a{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--s3);border-radius:var(--r-pill);border:1px solid var(--dk-line);color:var(--dk-muted);font-size:14px;font-weight:600;white-space:nowrap;
  transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}
.seg a:hover{color:var(--dk-text);border-color:var(--dk-line-strong)}
.seg a.is-active{background:var(--dk-text);border-color:var(--dk-text);color:var(--dk-bg)}

/* Dekont detayı */
.hero-rec{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:var(--s6);padding:var(--s6);
  border:1px solid var(--dk-line);border-radius:var(--r-lg);background:var(--dk-surface)}
.hero-rec__main{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2)}
.hero-rec__amount{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.hero-rec__who{font-weight:600;font-size:15.5px}
.hero-rec__who small{display:block;color:var(--dk-faint);font-weight:500;font-size:13.5px}
.hero-rec__method{display:flex;align-items:center;gap:var(--s3);padding-left:var(--s6);border-left:1px solid var(--dk-line);font-weight:700}
.hero-rec__method small{display:block;color:var(--dk-faint);font-weight:500;font-size:13.5px}
.hero-rec__actions{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:flex-end}
.hero-rec__actions form{margin:0}
.detail{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--s5);align-items:start}
.detail__side{display:grid;gap:var(--s5);min-width:0}
.dl{display:grid;grid-template-columns:1fr 1fr}
.dl > div{padding:var(--s4) var(--s5);border-bottom:1px solid var(--dk-line)}
.dl > div:nth-child(odd):not(.is-wide){border-right:1px solid var(--dk-line)}
.dl > div:last-child,.dl > div:nth-last-child(2):nth-child(odd):not(.is-wide){border-bottom:0}
.dl .is-wide{grid-column:1/-1}
.dl dt{color:var(--dk-faint);font-size:13px;font-weight:600}
.dl dd{margin-top:var(--s1);font-size:15.5px;font-weight:600;overflow-wrap:anywhere}
.dl dd small{color:var(--dk-faint);font-weight:500;font-size:12px}
.preview{display:block;margin:var(--s4);border-radius:var(--r);background:var(--dk-text);overflow:hidden}
.preview img{width:100%;max-height:520px;object-fit:contain;transition:transform .3s var(--ease-out)}
.preview:hover img{transform:scale(1.02)}
.timeline{padding:var(--s3) var(--s5) var(--s5)}
.timeline li{position:relative;padding:0 0 var(--s5) var(--s6)}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{content:"";position:absolute;left:3px;top:7px;width:10px;height:10px;border-radius:50%;border:2px solid var(--dk-accent);background:var(--dk-surface)}
.timeline li:not(:last-child)::after{content:"";position:absolute;left:8px;top:22px;bottom:4px;width:2px;background:var(--dk-line)}
.timeline__meta{display:flex;justify-content:space-between;gap:var(--s3);margin-bottom:6px}
.timeline__meta b{font-size:14.5px}
.timeline__meta time{color:var(--dk-faint);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.timeline .cat{margin-bottom:6px}
.timeline p{color:var(--dk-muted);font-size:14px;white-space:pre-line;overflow-wrap:anywhere}

/* Yöntemler */
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--s4)}
.mcard{display:flex;flex-direction:column}
.mcard.is-off{opacity:.72}
.mcard.is-off:focus-within,.mcard.is-off:hover{opacity:1}
.mcard__head{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--dk-line)}
.mcard__head b{display:block;font-size:16.5px;overflow-wrap:anywhere}
.mcard__body{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:var(--s4);padding:var(--s5);flex:1}
.span2{grid-column:span 2}
.mcard__foot{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);border-top:1px solid var(--dk-line)}
.mcard__foot .btn{margin-left:auto}
.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.span-all{grid-column:1/-1}
.formfoot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.stackform{display:grid;gap:var(--s4)}
.settings-host{min-width:0}

/* =====================================================================
   DUYARLI
   ===================================================================== */
@media (max-width:1280px){
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kpi:nth-child(4){border-left:0}
  .kpi:nth-child(n+4){border-top:1px solid var(--dk-line)}
  .top__search{width:220px}
}
@media (max-width:1100px){
  .grid2,.grid2--narrow,.detail{grid-template-columns:1fr}
  .hero-rec{grid-template-columns:1fr 1fr}
  .hero-rec__actions{grid-column:1/-1;justify-content:flex-start}
  .filters{grid-template-columns:1fr 1fr}
  .filters .field--icon{grid-column:1/-1}
}
@media (max-width:1023px){
  .adm{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;z-index:30;width:272px;transform:translateX(-100%);transition:transform .25s var(--ease-out)}
  .side.is-open{transform:none}
  .backdrop.is-open{display:block;position:fixed;inset:0;z-index:20;background:var(--dk-scrim,rgba(0,0,0,.6));animation:rv-in .2s ease both}
  .top{padding:var(--s3) var(--s5);flex-wrap:wrap}
  .top__menu{display:inline-grid}
  .top__search{order:5;width:100%}
  .adm__content{padding:var(--s5) var(--s5) var(--s10)}
}
@media (max-width:960px){
  .pf-shell{grid-template-columns:1fr}
  .desk{position:static;height:auto;gap:var(--s5);padding:var(--s4) var(--s5) var(--s5);border-right:0;border-bottom:1px solid var(--dk-line);overflow:visible}
  .desk__back{display:inline-flex}
  .desk__intro h1{font-size:clamp(26px,6.4vw,34px)}
  .desk__note{margin-top:0}
  .pf-main__bar{display:none}
  .pf-main{padding:var(--s5) var(--s5) var(--s6);max-width:none}
  .ticket-toggle{display:flex;align-items:center;gap:var(--s3);min-height:52px;padding:0 var(--s4);border:1px solid var(--dk-line-strong);border-radius:var(--r);
    background:var(--dk-surface);cursor:pointer;list-style:none;font-weight:700}
  .ticket-toggle::-webkit-details-marker{display:none}
  .ticket-toggle > span{display:inline-flex;align-items:center;gap:var(--s2);color:var(--dk-muted)}
  .ticket-toggle > b{margin-left:auto;font-variant-numeric:tabular-nums}
  .ticket-toggle > .dk-ico:last-child{transition:transform .2s var(--ease)}
  .ticket-wrap[open] .ticket-toggle > .dk-ico:last-child{transform:rotate(180deg)}
  .ticket-wrap[open] .ticket{margin-top:var(--s3)}
  .auth{grid-template-columns:1fr}
  .auth__side{display:none}
  .auth__logo{display:inline-flex!important}
  .formgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .table--cards{min-width:0}
  .table--cards thead{display:none}
  .table--cards tbody tr{display:grid;grid-template-columns:1fr auto;gap:var(--s2) var(--s3);padding:var(--s4)}
  .table--cards tbody tr:not(:last-child){border-bottom:1px solid var(--dk-line)}
  .table--cards td{padding:0;border:0}
  .table--cards td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--dk-faint);font-size:12.5px;font-weight:600}
  .table--cards td.c-wide{grid-column:1/-1}
  .table--cards td.c-end{text-align:right}
  .table--cards td.c-act{grid-column:1/-1;text-align:left}
  .table--cards td.empty{grid-column:1/-1}
  .kpis{grid-template-columns:1fr 1fr}
  .kpi{border-left:0;border-top:1px solid var(--dk-line)}
  .kpi:nth-child(odd):not(:first-child){border-right:1px solid var(--dk-line)}
  .kpi--lead{grid-column:1/-1;border-top:0}
  .chart{height:180px;gap:2px;padding:var(--s4) var(--s3) var(--s3)}
  .chart__x{font-size:10px}
  .cats li{grid-template-columns:118px minmax(0,1fr) 36px}
  .rank a{grid-template-columns:auto minmax(0,1fr) 40px}
  .rank__bar{display:none}
}
@media (max-width:640px){
  body{font-size:15px}
  .grid.three{grid-template-columns:1fr}
  .steps b{display:none}
  .steps li{justify-content:center}
  .progress-wrap{padding:var(--s3) var(--s4)}
  .progress{width:72px}
  #wizard{padding:var(--s5) var(--s4)}
  .step-head h2{font-size:22px}
  .methods{grid-template-columns:1fr}
  .method-logo{width:84px;height:50px}
  .summary .row{grid-template-columns:1fr;gap:2px}
  html{scroll-padding-bottom:96px}
  .actions{position:sticky;bottom:0;z-index:4;margin:var(--s6) calc(-1 * var(--s4)) calc(-1 * var(--s5));padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom))}
  .actions .btn{flex:1;padding:0 var(--s3)}
  .pf-foot{flex-direction:column;gap:6px}
  .done h1{font-size:32px}
  .refno b{font-size:22px}
  .top__title p,.hide-sm{display:none}
  .top__title h1{font-size:18px}
  .clock{display:none}
  .kpi{padding:var(--s4)}
  .kpi__value{font-size:26px}
  .kpi--lead .kpi__value{font-size:32px}
  .legend{grid-template-columns:1fr}
  .hero-rec{grid-template-columns:1fr;padding:var(--s5)}
  .hero-rec__method{padding-left:0;border-left:0;padding-top:var(--s4);border-top:1px solid var(--dk-line)}
  .hero-rec__amount{font-size:34px}
  .dl{grid-template-columns:1fr}
  .dl > div:nth-child(odd):not(.is-wide){border-right:0}
  .dl > div:nth-last-child(2):nth-child(odd):not(.is-wide){border-bottom:1px solid var(--dk-line)}
  .filters{grid-template-columns:1fr}
  .mgrid{grid-template-columns:1fr}
  .mcard__body,.formgrid{grid-template-columns:1fr}
  .span2{grid-column:auto}
  .mcard__foot{flex-wrap:wrap}
}
@media (max-width:360px){
  .actions{flex-direction:column-reverse}
  .kpis{grid-template-columns:1fr}
  .kpi:nth-child(odd):not(:first-child){border-right:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}