/* Node portali — operasyon araci arayuzu.
   Yogun tablolar, hizli tarama, acik/koyu tema. */
:root {
  --murekkep:#16202B; --sonuk:#5A6879; --cizgi:#DCE3E9;
  --zemin:#F4F6F8; --yuzey:#FFFFFF; --yuzey2:#EDF1F4;
  --aksan:#0F6E7A; --aksan-yazi:#FFFFFF;
  --nakit:#2E7D5B; --spek:#B4761E; --kapali:#9A4A42; --bilgi:#3A6EA5;
  --golge:0 1px 2px rgba(22,32,43,.06), 0 4px 12px rgba(22,32,43,.05);
  --r:8px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --murekkep:#DDE5EC; --sonuk:#8496A6; --cizgi:#26333F;
    --zemin:#10161D; --yuzey:#172029; --yuzey2:#1D2833;
    --aksan:#4FBFC9; --aksan-yazi:#0B1116;
    --nakit:#5FBF8F; --spek:#D9A24E; --kapali:#D08078; --bilgi:#79A9DC;
    --golge:0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25);
  }
}
:root[data-tema="koyu"] {
  --murekkep:#DDE5EC; --sonuk:#8496A6; --cizgi:#26333F;
  --zemin:#10161D; --yuzey:#172029; --yuzey2:#1D2833;
  --aksan:#4FBFC9; --aksan-yazi:#0B1116;
  --nakit:#5FBF8F; --spek:#D9A24E; --kapali:#D08078; --bilgi:#79A9DC;
  --golge:0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25);
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--zemin); color:var(--murekkep);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
a{color:var(--aksan); text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--aksan); outline-offset:2px}

/* ---- ust cubuk ---- */
header.ust{
  position:sticky; top:0; z-index:20; background:var(--yuzey);
  border-bottom:1px solid var(--cizgi); box-shadow:var(--golge);
}
.ustic{max-width:1400px; margin:0 auto; padding:0 18px; display:flex; align-items:center; gap:6px; height:52px}
.marka{font-weight:700; letter-spacing:-.01em; margin-right:14px; color:var(--murekkep)}
.marka span{color:var(--aksan)}
nav.ana{display:flex; gap:2px; flex:1; flex-wrap:wrap}
nav.ana a{
  padding:6px 11px; border-radius:6px; color:var(--sonuk); font-weight:500; font-size:14px;
}
nav.ana a:hover{background:var(--yuzey2); text-decoration:none}
nav.ana a.aktif{background:var(--aksan); color:var(--aksan-yazi)}
.ustsag{display:flex; align-items:center; gap:10px; font-size:13px; color:var(--sonuk)}

main{max-width:1400px; margin:0 auto; padding:22px 18px 60px}
h1{font-size:22px; margin:0 0 4px; letter-spacing:-.01em}
h2{font-size:17px; margin:26px 0 10px; letter-spacing:-.01em}
h3{font-size:14px; margin:0 0 8px; color:var(--sonuk); text-transform:uppercase; letter-spacing:.06em}
.altbaslik{color:var(--sonuk); font-size:14px; margin:0 0 18px}

/* ---- kartlar ---- */
.izgara{display:grid; gap:14px}
.k4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.k2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.kart{
  background:var(--yuzey); border:1px solid var(--cizgi); border-radius:var(--r);
  padding:14px 16px; box-shadow:var(--golge);
}
.kart.dar{padding:12px 14px}
.sayi{font-size:28px; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
.etiket{font-size:12px; color:var(--sonuk); text-transform:uppercase; letter-spacing:.06em; font-weight:600}

/* ---- tablolar ---- */
.sarma{overflow-x:auto; background:var(--yuzey); border:1px solid var(--cizgi);
       border-radius:var(--r); box-shadow:var(--golge)}
table{border-collapse:collapse; width:100%; font-size:14px}
th{
  text-align:left; padding:9px 12px; font-size:11.5px; text-transform:uppercase;
  letter-spacing:.06em; color:var(--sonuk); border-bottom:1px solid var(--cizgi);
  white-space:nowrap; font-weight:700;
}
td{padding:9px 12px; border-bottom:1px solid var(--cizgi); vertical-align:top}
tr:last-child td{border-bottom:none}
tbody tr:hover{background:var(--yuzey2)}
td.sag,th.sag{text-align:right; font-variant-numeric:tabular-nums}
td.tek{white-space:nowrap}

/* ---- rozetler ---- */
.rz{
  display:inline-block; padding:2px 8px; border-radius:999px; font-size:11.5px;
  font-weight:700; letter-spacing:.02em; white-space:nowrap;
  border:1px solid transparent;
}
.rz-calisiyor,.rz-active,.rz-erisilebilir,.rz-bitti{background:color-mix(in srgb,var(--nakit) 16%,transparent); color:var(--nakit); border-color:color-mix(in srgb,var(--nakit) 34%,transparent)}
.rz-kuruluyor,.rz-yapiliyor,.rz-planlandi{background:color-mix(in srgb,var(--bilgi) 15%,transparent); color:var(--bilgi); border-color:color-mix(in srgb,var(--bilgi) 32%,transparent)}
.rz-durdu,.rz-inactive,.rz-sorunlu,.rz-erisilemiyor,.rz-failed{background:color-mix(in srgb,var(--kapali) 16%,transparent); color:var(--kapali); border-color:color-mix(in srgb,var(--kapali) 34%,transparent)}
.rz-uyari{background:color-mix(in srgb,var(--spek) 18%,transparent); color:var(--spek); border-color:color-mix(in srgb,var(--spek) 36%,transparent)}
.rz-hata{background:color-mix(in srgb,var(--kapali) 16%,transparent); color:var(--kapali); border-color:color-mix(in srgb,var(--kapali) 34%,transparent)}
.rz-bilgi,.rz-bildirim{background:color-mix(in srgb,var(--bilgi) 15%,transparent); color:var(--bilgi); border-color:color-mix(in srgb,var(--bilgi) 32%,transparent)}
.rz-kurulum{background:color-mix(in srgb,var(--aksan) 15%,transparent); color:var(--aksan); border-color:color-mix(in srgb,var(--aksan) 34%,transparent)}
.rz-gunluk,.rz-haftalik,.rz-aylik,.rz-yillik{background:var(--yuzey2); color:var(--sonuk); border-color:var(--cizgi)}
.rz-acik,.rz-bilinmiyor,.rz-emekli,.rz-iptal{background:var(--yuzey2); color:var(--sonuk); border-color:var(--cizgi)}
.rz-A-nakit{background:color-mix(in srgb,var(--nakit) 16%,transparent); color:var(--nakit); border-color:color-mix(in srgb,var(--nakit) 34%,transparent)}
.rz-B-spekulatif{background:color-mix(in srgb,var(--spek) 18%,transparent); color:var(--spek); border-color:color-mix(in srgb,var(--spek) 36%,transparent)}
.rz-izleme{background:var(--yuzey2); color:var(--sonuk); border-color:var(--cizgi)}
.rz-kapali{background:color-mix(in srgb,var(--kapali) 14%,transparent); color:var(--kapali); border-color:color-mix(in srgb,var(--kapali) 30%,transparent)}
.rz-gecikti{background:var(--kapali); color:#fff}
.rz-bugun{background:var(--spek); color:#231a08}

/* ---- formlar ---- */
label{display:block; font-size:12px; font-weight:700; color:var(--sonuk);
      text-transform:uppercase; letter-spacing:.05em; margin-bottom:4px}
input,select,textarea{
  width:100%; padding:8px 10px; border:1px solid var(--cizgi); border-radius:6px;
  background:var(--yuzey); color:var(--murekkep); font:inherit; font-size:14px;
}
textarea{min-height:80px; resize:vertical;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:13px}
.alan{margin-bottom:12px}
.satirform{display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
button,.dugme{
  padding:8px 14px; border:1px solid var(--cizgi); border-radius:6px; cursor:pointer;
  background:var(--yuzey); color:var(--murekkep); font:inherit; font-size:14px; font-weight:600;
}
button:hover,.dugme:hover{background:var(--yuzey2); text-decoration:none}
button.birincil{background:var(--aksan); color:var(--aksan-yazi); border-color:var(--aksan)}
button.birincil:hover{filter:brightness(1.08)}
button.tehlike{color:var(--kapali); border-color:color-mix(in srgb,var(--kapali) 40%,transparent)}
button.mini,.dugme.mini{padding:3px 9px; font-size:12.5px}
.dugmeler{display:flex; gap:8px; flex-wrap:wrap; align-items:center}

/* ---- cikti / kod ---- */
pre.cikti{
  background:var(--yuzey2); border:1px solid var(--cizgi); border-radius:6px;
  padding:11px 13px; overflow-x:auto; font-size:12.5px; line-height:1.45;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; margin:0;
  max-height:420px; overflow-y:auto; white-space:pre-wrap; word-break:break-word;
}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.92em;
     background:var(--yuzey2); padding:1px 5px; border-radius:4px}

/* ---- cesitli ---- */
.uyari{padding:10px 14px; border-radius:6px; margin-bottom:16px; font-size:14px;
       border:1px solid; background:var(--yuzey)}
.uyari.iyi{color:var(--nakit); border-color:color-mix(in srgb,var(--nakit) 40%,transparent);
           background:color-mix(in srgb,var(--nakit) 8%,var(--yuzey))}
.uyari.kotu{color:var(--kapali); border-color:color-mix(in srgb,var(--kapali) 40%,transparent);
            background:color-mix(in srgb,var(--kapali) 8%,var(--yuzey))}
.sonuk{color:var(--sonuk)}
.kucuk{font-size:12.5px}
.bos{padding:34px; text-align:center; color:var(--sonuk)}
details.katla{margin-top:12px}
details.katla>summary{cursor:pointer; font-weight:600; font-size:14px; color:var(--aksan);
                      padding:6px 0; list-style:none}
details.katla>summary::-webkit-details-marker{display:none}
details.katla>summary::before{content:"▸ "; }
details.katla[open]>summary::before{content:"▾ "; }
.baslikcubuk{display:flex; justify-content:space-between; align-items:flex-start;
             gap:16px; flex-wrap:wrap; margin-bottom:18px}
.giris{max-width:340px; margin:12vh auto}
hr.ince{border:none; border-top:1px solid var(--cizgi); margin:18px 0}
.ilerleme{height:6px; background:var(--yuzey2); border-radius:999px; overflow:hidden; min-width:80px}
.ilerleme>i{display:block; height:100%; background:var(--aksan)}