/* Maaş Merkezi — temel tasarım sistemi (açık tema).
   Belirteçler: mm/theme.css · panel bileşenleri: pv.css.
   Kurallar: 4 px ölçek · ince çizgiler, yumuşak gölgeler · tek vurgu rengi (indigo) · yalnızca transform/opacity hareketi ·
   transition: all yok · 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)}
@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)}

/* ---------- 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:light}
.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}

/* =====================================================================
   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}

/* Sıralama listeleri */
.rank{padding:var(--s2) var(--s3) var(--s3)}
.rank b{text-align:right;font-weight:700}
.rank li.empty{display:block}
.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}

/* 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}
.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 */
.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}
.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}

.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}
}
@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){
  .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}
  .rank a{grid-template-columns:auto minmax(0,1fr) 40px}
  .rank__bar{display:none}
}
@media (max-width:640px){
  body{font-size:15px}
  .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}
  .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)}
  .formgrid{grid-template-columns:1fr}
  .span2{grid-column:auto}
}
@media (max-width:360px){
  .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}
}

/* =====================================================================
   AÇIK TEMA — bileşen görünümleri
   ===================================================================== */
body{background:var(--dk-bg);font-size:15px;font-feature-settings:"cv11","ss01";letter-spacing:-.006em}
.num,.kpi__value,.rid,table .num,.dl dd,.prog__nums dd,.minikpis dd{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv11"}
:focus-visible{outline:2px solid var(--dk-accent);outline-offset:2px;border-radius:6px}
::selection{background:var(--dk-accent-soft);color:var(--dk-text)}
h1,h2,h3{letter-spacing:-.018em}

/* Marka */
.logo{background:none}
.brand{display:inline-flex;align-items:center;gap:10px;min-width:0}
.brand__mark{flex:none;color:var(--dk-accent);border-radius:9px;box-shadow:0 1px 2px rgba(79,70,229,.25),0 4px 10px -4px rgba(79,70,229,.45)}
.brand__text{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.brand__text b{color:var(--dk-text);font-size:16px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.brand__text small{color:var(--dk-faint);font-size:12px;font-weight:500}

/* Butonlar */
.btn{min-height:44px;border-radius:10px;font-weight:600;font-size:14.5px;letter-spacing:-.005em;
  transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}
.btn:active:not(:disabled){transform:scale(.97)}
.btn--primary{background:var(--dk-accent);color:#fff;box-shadow:0 1px 2px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.btn--primary:hover:not(:disabled){background:var(--dk-accent-hover);box-shadow:0 2px 8px -2px rgba(79,70,229,.5)}
.btn--ghost{background:var(--dk-surface);border-color:var(--dk-line-strong);color:var(--dk-text);box-shadow:var(--sh-1)}
.btn--ghost:hover:not(:disabled){background:var(--dk-surface-2);border-color:#c2c8d2}
.btn--danger{background:var(--dk-surface);border-color:#f3b8c4;color:var(--dk-danger-text)}
.btn--danger:hover{background:var(--dk-danger-soft);border-color:var(--dk-danger)}
.btn--sm{min-height:36px;border-radius:8px;font-size:13.5px}
.iconbtn{border-color:var(--dk-line-strong);border-radius:10px;background:var(--dk-surface);color:var(--dk-muted);box-shadow:var(--sh-1);
  transition:background-color .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}
.iconbtn:hover{background:var(--dk-surface-2);color:var(--dk-text)}
.iconbtn:active{transform:scale(.94)}

/* Alanlar */
.field label{font-size:13.5px;font-weight:600;color:var(--dk-text)}
.field small{color:var(--dk-faint);font-size:12.5px}
.field input,.field select,.field textarea{min-height:44px;padding:10px 14px;border-color:var(--dk-line-strong);border-radius:9px;background:var(--dk-input);
  font-size:15px;box-shadow:var(--sh-1);transition:border-color .15s var(--ease)}
.field select{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='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#b9c0cc}
.field input:focus,.field select:focus,.field textarea:focus,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{
  outline:none;border-color:var(--dk-accent);box-shadow:0 0 0 3px var(--dk-accent-ring)}
.field input.is-invalid,.field textarea.is-invalid,input.is-invalid,textarea.is-invalid{border-color:var(--dk-danger);box-shadow:0 0 0 3px rgba(225,29,72,.14)}
.field input[readonly],.field textarea[readonly]{background:var(--dk-surface-2);color:var(--dk-muted)}
.field--icon > .dk-ico{bottom:14px}
.input-prefix span{color:var(--dk-faint);font-weight:600}
.toggle__ui{background:#cbd2dc}
.toggle__ui::after{background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.25)}
.toggle input:checked + .toggle__ui::after{background:#fff}

/* Kartlar */
.panel{border-color:var(--dk-line);border-radius:14px;box-shadow:var(--sh-2)}
.panel__head{padding:var(--s4) var(--s5);border-bottom-color:var(--dk-line)}
.panel__head h2{font-size:15.5px;font-weight:650;color:var(--dk-text)}
.panel__head p{color:var(--dk-faint)}

/* Bilgi kutuları */
.note{border:1px solid var(--dk-line);background:var(--dk-surface-2);color:var(--dk-muted)}
.note > .dk-ico{color:var(--dk-accent)}
.note--danger{border-color:#f7c9d3}
.note--ok{border-color:#bfe8d5}
.note--accent{border-color:var(--dk-accent-line)}
.note--accent > .dk-ico{color:var(--dk-accent)}

/* Giriş */
.auth{background:var(--dk-bg)}
@media (min-width:961px){ .auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
.auth__side{background:var(--dk-surface);border-right:1px solid var(--dk-line);
  background-image:radial-gradient(circle at 1px 1px,#e4e7ee 1px,transparent 0);background-size:22px 22px}
.auth__side h2{color:var(--dk-text);font-weight:750;letter-spacing:-.03em}
.kicker{color:var(--dk-accent-text);font-weight:650}
.auth__list li{align-items:flex-start;color:var(--dk-muted)}
.auth__list li b{display:block;color:var(--dk-text);font-size:14.5px;font-weight:600}
.auth__list li small{display:block;color:var(--dk-faint);font-size:13px}
.auth__ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--dk-accent-soft);color:var(--dk-accent)}
.auth__list .dk-ico{color:var(--dk-accent)}
.auth__box{padding:var(--s8);border:1px solid var(--dk-line);border-radius:16px;background:var(--dk-surface);box-shadow:var(--sh-3)}
.auth__box h1{font-size:26px;font-weight:750;letter-spacing:-.03em}
.auth__logo{margin-bottom:var(--s6)}

/* Yönetim düzeni */
@media (min-width:1024px){ .adm{grid-template-columns:256px minmax(0,1fr)} }
.side{background:#fbfbfc;border-right:1px solid var(--dk-line);padding:var(--s4) var(--s3)}
.side__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin:0 var(--s1) var(--s1) var(--s2)}
.side__brand{margin:0}
.side__nav p{padding:var(--s4) var(--s3) 6px;color:var(--dk-faint);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.side__nav a,.side__foot a{min-height:40px;border-radius:9px;color:var(--dk-muted);font-size:14px;font-weight:550}
.side__nav a .dk-ico{color:#8590a2;transition:color .15s var(--ease)}
.side__nav a:hover,.side__foot a:hover{color:var(--dk-text);background:#f1f3f7}
.side__nav a:hover .dk-ico{color:var(--dk-muted)}
.side__nav a.is-active{color:var(--dk-accent-text);background:var(--dk-accent-soft);font-weight:600}
.side__nav a.is-active .dk-ico{color:var(--dk-accent)}
.side__foot{border-top-color:var(--dk-line)}
.top{background:var(--dk-bg);border-bottom:1px solid var(--dk-line);min-height:68px}
@supports ((backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px))){
  .top{background:rgba(247,248,250,.78);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px)}
}
.top__title h1{font-size:20px;font-weight:700;letter-spacing:-.025em}
.top__search input{height:40px;border-color:var(--dk-line-strong);border-radius:9px;background:var(--dk-surface);box-shadow:var(--sh-1)}
.top__search input:focus{outline:none;border-color:var(--dk-accent);box-shadow:0 0 0 3px var(--dk-accent-ring)}
.top__search kbd{background:var(--dk-surface-2);border-color:var(--dk-line)}
.clock{border-left-color:var(--dk-line);color:var(--dk-faint);font-weight:600}

/* KPI şeridi */
.kpis{border-color:var(--dk-line);border-radius:14px;box-shadow:var(--sh-2)}
.kpi{border-left-color:var(--dk-line);transition:background-color .15s var(--ease)}
a.kpi:hover{background:#fafbfd}
.kpi__label{color:var(--dk-faint);font-size:13px;font-weight:550}
.kpi__value{font-weight:700;letter-spacing:-.035em;color:var(--dk-text)}
.kpi--lead{background:var(--dk-accent-soft);color:var(--dk-text)}
a.kpi--lead:hover{background:#e6e8ff}
.kpi--lead .kpi__label,.kpi--lead .kpi__foot{color:var(--dk-accent-text);opacity:1}
.kpi--lead .kpi__value{color:var(--dk-accent-text)}

/* Sıralama ve sekmeler */
.rank a:hover{background:var(--dk-surface-2)}
.seg a{border-color:var(--dk-line);background:var(--dk-surface);color:var(--dk-muted);font-weight:550}
.seg a:hover{color:var(--dk-text);border-color:var(--dk-line-strong);background:var(--dk-surface-2)}
.seg a.is-active{background:var(--dk-accent-soft);border-color:var(--dk-accent-line);color:var(--dk-accent-text)}

/* Tablolar */
.table th{color:var(--dk-faint);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:#fafbfc}
.table td{border-bottom-color:#eef0f3}
.table tbody tr:hover{background:#f8f9fc}
.rid{color:var(--dk-accent-text);font-weight:650}
.avatar{background:var(--dk-accent-soft);color:var(--dk-accent-text);font-weight:700}
.badge{padding:3px 9px;font-size:12px;font-weight:600}
.tag{background:var(--dk-surface-2);color:var(--dk-muted);font-weight:600}
.hero-rec{border-color:var(--dk-line);border-radius:14px;box-shadow:var(--sh-2)}
.dl > div{border-bottom-color:#eef0f3}
.dl > div:nth-child(odd):not(.is-wide){border-right-color:#eef0f3}
.dl dt{color:var(--dk-faint);font-size:12.5px;font-weight:550}
.dl dd{font-size:15px;font-weight:600}
.timeline li::before{border-color:var(--dk-accent);background:var(--dk-surface)}
.timeline__meta b{font-weight:600}
@media (max-width:1023px){
  .side{box-shadow:var(--sh-3);border-right:0}
}
.field--icon input{padding-left:42px}
.field select{background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}
.table .who{min-width:180px}
.table .who__t small{white-space:nowrap}
.table .walletcell .mono,.table .walletcell code{white-space:nowrap;overflow-wrap:normal}
@media (max-width:1023px){
  .top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"menu title actions" "search search search";
    align-items:center;gap:var(--s3);padding:var(--s3) var(--s4)}
  .top__menu{grid-area:menu}
  .top__title{grid-area:title;margin:0}
  .top__actions{grid-area:actions;gap:var(--s2)}
  .top__search{grid-area:search;width:100%}
}