/* FAAW Jarvis paneli — koyu konsol; tek vurgu: kehribar */
@font-face{font-family:"Plex";src:url(fontlar/ibm-plex-sans-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex";src:url(fontlar/ibm-plex-sans-latin-ext-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Plex";src:url(fontlar/ibm-plex-sans-latin-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex";src:url(fontlar/ibm-plex-sans-latin-ext-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Plex";src:url(fontlar/ibm-plex-sans-latin-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex";src:url(fontlar/ibm-plex-sans-latin-ext-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"PlexMono";src:url(fontlar/ibm-plex-mono-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2212}
@font-face{font-family:"PlexMono";src:url(fontlar/ibm-plex-mono-latin-ext-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"PlexMono";src:url(fontlar/ibm-plex-mono-latin-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2212}
@font-face{font-family:"PlexMono";src:url(fontlar/ibm-plex-mono-latin-ext-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF}

:root{
  --zemin:#020305; --yuzey:#0a0b0d; --yuzey2:#111215; --cizgi:#1d1f23; --cizgi2:#2a2d33;
  --metin:#e8e6e1; --ikincil:#a3a39d; --soluk:#7b7b76;
  --vurgu:#f2a93b; --vurgu-koyu:#1d1407;
  --iyi:#6fcf8f; --kotu:#f07167;
  --r:14px; --r-ic:8px;
  --sans:"Plex",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"PlexMono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--zemin)}
body{
  margin:0;min-height:100vh;color:var(--metin);font:15px/1.55 var(--sans);
  background:var(--zemin);
  -webkit-font-smoothing:antialiased;
}
body::after{ /* sabit katman: uzun sayfada gradyan kesilmez */
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(1200px 700px at 85% -10%,rgba(242,169,59,.07),transparent 60%),
    radial-gradient(900px 600px at -10% 110%,rgba(242,169,59,.035),transparent 65%);
}
body::before{ /* ince grain — gradyan bantlanmasına karşı */
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
a{color:var(--vurgu);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
code,.mono{font-family:var(--mono);font-size:.9em}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}

/* üst çubuk */
.ust{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--cizgi);
  background:rgba(2,3,5,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ust-ic{max-width:1080px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:28px;height:60px}
.marka{display:flex;align-items:center;gap:10px;font:500 14px var(--mono);letter-spacing:.22em;color:var(--metin)}
.marka:hover{text-decoration:none}
.nabiz{width:8px;height:8px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 0 0 rgba(242,169,59,.5);animation:nabiz 2.4s ease-out infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(242,169,59,.45)}70%{box-shadow:0 0 0 9px rgba(242,169,59,0)}100%{box-shadow:0 0 0 0 rgba(242,169,59,0)}}
.sekmeler{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.sekmeler::-webkit-scrollbar{display:none}
.sekmeler a{color:var(--ikincil);padding:8px 12px;border-radius:8px;font-weight:500;font-size:14px;white-space:nowrap;min-height:40px;display:flex;align-items:center}
.sekmeler a:hover{color:var(--metin);background:var(--yuzey2);text-decoration:none}
.sekmeler a[aria-current]{color:var(--metin);background:var(--yuzey2);box-shadow:inset 0 -2px 0 var(--vurgu)}
.cikis button{background:none;border:0;color:var(--soluk);font:inherit;font-size:13px;cursor:pointer;padding:8px;min-height:40px}
.cikis button:hover{color:var(--metin)}

main{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:36px 20px 72px}
.baslik{margin:0 0 6px;font-size:28px;font-weight:600;letter-spacing:-.02em}
.alt{margin:0 0 28px;color:var(--ikincil);max-width:62ch}
.etiket{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}

/* bildirim */
.bildirim{margin:0 0 24px;padding:12px 16px;border-radius:var(--r-ic);border:1px solid;font-size:14px}
.bildirim.iyi{border-color:rgba(111,207,143,.35);background:rgba(111,207,143,.07);color:#bfe9cc}
.bildirim.kotu{border-color:rgba(240,113,103,.4);background:rgba(240,113,103,.08);color:#f8c4be}

/* bloklar */
.blok{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);padding:22px}
.blok+.blok{margin-top:16px}
.izgara>.blok{margin:0}
.blok h2{margin:0 0 4px;font-size:17px;font-weight:600}
.blok>p.ac{margin:0 0 18px;color:var(--ikincil);font-size:14px}
.izgara{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}
@media (max-width:860px){.izgara{grid-template-columns:1fr}}

/* hazırlık listesi */
.ilerleme{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}
.ilerleme b{font:500 34px var(--mono);letter-spacing:-.02em}
.ilerleme span{color:var(--ikincil)}
.cubuk{display:block;width:100%;height:4px;margin:0 0 18px;border:0;border-radius:4px;overflow:hidden;background:var(--cizgi);-webkit-appearance:none;appearance:none;color:var(--vurgu)}
.cubuk::-webkit-progress-bar{background:var(--cizgi);border-radius:4px}
.cubuk::-webkit-progress-value{background:var(--vurgu);border-radius:4px}
.cubuk::-moz-progress-bar{background:var(--vurgu);border-radius:4px}
.ust-bosluk{margin:16px 0 0}
.ikincil{color:var(--ikincil)}
.soru-alani{margin:8px 0 14px}
.hata-ayrinti{margin:10px 0 0;color:var(--soluk);font-size:12.5px}
.adimlar{list-style:none;margin:0;padding:0}
.adimlar li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--cizgi)}
.adimlar li:first-child{border-top:0}
.isaret{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--cizgi2)}
.isaret svg{width:12px;height:12px}
.tamam .isaret{border-color:var(--iyi);color:var(--iyi)}
.adimlar .ad{flex:1;min-width:0}
.adimlar .ad small{display:block;color:var(--soluk);font-size:12.5px}
.adimlar a.git{font-size:13px;white-space:nowrap}

/* kayıt listesi */
.kayit{list-style:none;margin:0;padding:0}
.kayit li{padding:12px 0;border-top:1px solid var(--cizgi)}
.kayit li:first-child{border-top:0}
.kayit .ust-satir{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12.5px;color:var(--soluk);font-family:var(--mono)}
.kayit .soru{margin:4px 0 2px;font-weight:500}
.kayit .yanit{margin:0;color:var(--ikincil);font-size:14px}
.rozet{display:inline-block;padding:1px 8px;border-radius:99px;font:500 11px var(--mono);letter-spacing:.04em;border:1px solid var(--cizgi2);color:var(--ikincil)}
.rozet.iyi{border-color:rgba(111,207,143,.4);color:var(--iyi)}
.rozet.kotu{border-color:rgba(240,113,103,.45);color:var(--kotu)}
.bos{padding:26px 0 8px;color:var(--soluk);font-size:14px}

/* formlar */
.grup{scroll-margin-top:84px}
.alan{display:grid;grid-template-columns:220px 1fr;gap:6px 22px;padding:16px 0;border-top:1px solid var(--cizgi)}
.alan:first-of-type{border-top:0}
.alan label{font-weight:500;font-size:14px;padding-top:9px}
.alan .yardim{grid-column:2;color:var(--soluk);font-size:12.5px;margin:0}
.alan .yardim code{color:var(--ikincil)}
@media (max-width:700px){.alan{grid-template-columns:1fr}.alan .yardim{grid-column:1}.alan label{padding-top:0}}
input[type=text],input[type=password],input[type=search],textarea{
  width:100%;background:var(--zemin);color:var(--metin);border:1px solid var(--cizgi2);border-radius:var(--r-ic);
  padding:10px 12px;font:14px var(--mono);min-height:42px;transition:border-color .15s}
textarea{min-height:110px;resize:vertical;line-height:1.6}
input:hover,textarea:hover{border-color:#3a3e45}
input:focus,textarea:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(242,169,59,.14)}
input::placeholder,textarea::placeholder{color:#5d5e5b}
.sir-satir{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sir-satir>input{flex:1;min-width:200px}
.sil input{width:18px;height:18px;margin:0;accent-color:var(--vurgu)}
.alan .sil{display:flex;align-items:center;gap:8px;padding:0 4px;min-height:42px;font-weight:400;font-size:13px;color:var(--ikincil);white-space:nowrap;cursor:pointer}
.kayit-cubugu{position:sticky;bottom:16px;z-index:5;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 12px 12px 20px;border:1px solid var(--cizgi2);border-radius:var(--r);background:rgba(10,11,13,.88);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13.5px;color:var(--ikincil)}

.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;
  border-radius:10px;border:1px solid var(--cizgi2);background:var(--yuzey2);color:var(--metin);
  font:500 14px var(--sans);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.dugme:hover{border-color:#40444b;background:#16181c;text-decoration:none}
.dugme:active{transform:translateY(1px)}
.dugme.ana{background:var(--vurgu);border-color:var(--vurgu);color:#140c02}
.dugme.ana:hover{background:#f6b857}
.dugmeler{display:flex;gap:10px;flex-wrap:wrap}

/* kurulum adımları */
.akis{counter-reset:a;list-style:none;margin:0;padding:0}
.akis>li{counter-increment:a;position:relative;padding:20px 0 20px 52px;border-top:1px solid var(--cizgi)}
.akis>li:first-child{border-top:0;padding-top:4px}
.akis>li::before{content:counter(a,decimal-leading-zero);position:absolute;left:0;top:20px;font:500 13px var(--mono);color:var(--vurgu)}
.akis>li:first-child::before{top:6px}
.akis h3{margin:0 0 4px;font-size:15.5px}
.akis p{margin:0 0 12px;color:var(--ikincil);font-size:14px}
.degerler{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13.5px;margin:0 0 14px}
.degerler dt{color:var(--soluk)}
.degerler dd{margin:0;font-family:var(--mono);overflow-wrap:anywhere}

/* dene */
.cevap{margin-top:18px;padding:18px;border-radius:var(--r-ic);background:var(--zemin);border:1px solid var(--cizgi2);font-size:16px;line-height:1.65}
.cevap .etiket{display:block;margin-bottom:8px}

/* tablo */
.tablo-kap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soluk);padding:0 12px 10px 0;white-space:nowrap}
td{padding:11px 12px 11px 0;border-top:1px solid var(--cizgi);vertical-align:top}
td.mono{white-space:nowrap;color:var(--ikincil)}

/* giriş */
.giris{min-height:100vh;display:grid;place-items:center;padding:20px}
.giris .kutu{width:100%;max-width:380px}
.giris .marka{margin-bottom:26px}
.giris h1{font-size:24px;margin:0 0 6px;letter-spacing:-.02em}
.giris p{color:var(--ikincil);margin:0 0 22px;font-size:14px}
.giris input{margin-bottom:14px}
.giris .dugme{width:100%}

@media (max-width:640px){
  /* backdrop-filter fixed alt öğeye kapsayıcı olur → alt çubuk başlığa hapsolur; mobilde dolu zemin */
  .ust{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--zemin)}
  .ust-ic{padding:0 16px;justify-content:space-between}
  /* telefonda sekmeler başparmak erişiminde: alt çubuk */
  .sekmeler{position:fixed;left:0;right:0;bottom:0;z-index:20;gap:0;overflow:visible;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--cizgi);
    background:rgba(2,3,5,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .sekmeler a{flex:1;justify-content:center;min-height:48px;padding:0 4px;font-size:13px}
  .sekmeler a[aria-current]{box-shadow:inset 0 2px 0 var(--vurgu)}
  main{padding:26px 16px calc(96px + env(safe-area-inset-bottom))}
  .kayit-cubugu{bottom:calc(76px + env(safe-area-inset-bottom))}
  .kayit-cubugu{padding:10px 10px 10px 14px;font-size:12.5px}
  .akis>li{padding-left:38px}
  .baslik{font-size:24px}
  .blok{padding:18px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== v2: yetenekler, defter, izleme ===== */
.gorunmez{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.soluk{color:var(--soluk);font-size:12.5px}
.baslik-satir{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.baslik-satir .baslik{margin:0}
.baslik-satir+.alt{margin-top:8px}
.sutun{display:flex;flex-direction:column;gap:16px;min-width:0}
.sutun>.blok+.blok{margin-top:0}
.izgara.esit{grid-template-columns:1fr 1fr}
@media (max-width:860px){.izgara.esit{grid-template-columns:1fr}}
.blok-bas{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}
.blok-bas h2{margin:0}
.blok-bas+.ac{margin-top:4px}
.blok-bas form{margin:0}
.bag{background:none;border:0;padding:0;color:var(--vurgu);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.bag:hover{text-decoration:underline;text-underline-offset:3px}

/* özet şeridi */
.ozet-serit{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0 0 26px;padding:0;color:var(--ikincil);font-size:14px}
.ozet-serit a{color:var(--ikincil);display:inline-flex;align-items:baseline;gap:7px}
.ozet-serit a:hover{color:var(--metin);text-decoration:none}
.ozet-serit b{font:500 20px var(--mono);color:var(--metin);letter-spacing:-.02em}

/* çipler (bölüm gezinmesi) */
.cipler{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 20px}
.cipler a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--cizgi2);border-radius:99px;color:var(--ikincil);font-size:13.5px;background:var(--yuzey)}
.cipler a:hover{color:var(--metin);border-color:#40444b;text-decoration:none}
.cipler b{font:500 12px var(--mono);color:var(--soluk)}

/* site izleme */
.izleme{list-style:none;margin:10px 0 0;padding:0}
.izleme li{display:grid;grid-template-columns:10px minmax(0,1fr) 144px 58px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--cizgi)}
.izleme li:first-child{border-top:0}
.nokta{width:8px;height:8px;border-radius:50%;background:var(--cizgi2)}
.nokta.iyi{background:var(--iyi)}
.nokta.kotu{background:var(--kotu);box-shadow:0 0 0 3px rgba(240,113,103,.18)}
.izleme-ad{min-width:0;font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.izleme-ad small{display:block;font-weight:400;color:var(--soluk);font-size:12px}
.dilim{width:144px;height:16px;display:block}
.dilim .d-iyi{fill:#3f7a53}.dilim .d-kotu{fill:var(--kotu)}.dilim .d-bos{fill:var(--cizgi2)}
.yuzde{text-align:right;font-size:13px}
@media (max-width:640px){
  .izleme li{grid-template-columns:10px minmax(0,1fr) auto;grid-template-areas:"n ad yz" ". dl dl";row-gap:8px}
  .izleme .nokta{grid-area:n}.izleme-ad{grid-area:ad}.izleme .yuzde{grid-area:yz}.dilim{grid-area:dl;width:100%}
}

/* formlar: satır içi ekleme */
select{width:100%;background:var(--zemin);color:var(--metin);border:1px solid var(--cizgi2);border-radius:var(--r-ic);padding:0 36px 0 12px;font:14px var(--sans);min-height:42px;-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23a3a39d' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
select:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(242,169,59,.14)}
.ekle-form,.satir-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 6px}
.ekle-form input[type=text],.ekle-form input[type=search]{flex:2 1 200px;width:auto}
.ekle-form input.kisa,.satir-form .kisa{flex:1 1 150px;width:auto}
.satir-form select{width:auto;min-width:140px}
.ekle-form .sil{min-height:42px}
.dosya-girdi{flex:1 1 220px;color:var(--ikincil);font:13px var(--sans)}
.dosya-girdi::file-selector-button{margin-right:12px;min-height:40px;padding:0 14px;border-radius:9px;border:1px solid var(--cizgi2);background:var(--yuzey2);color:var(--metin);font:500 13px var(--sans);cursor:pointer}

/* listeler */
.liste{list-style:none;margin:12px 0 0;padding:0}
.liste li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--cizgi);min-height:48px}
.liste li:first-child{border-top:0}
.liste-metin{flex:1;min-width:0;font-size:14.5px;overflow-wrap:anywhere}
.liste-metin small{display:block;color:var(--soluk);font-size:12.5px;margin-top:2px}
.liste-metin small.gecikti{color:var(--kotu)}
.liste .saat{flex:none;min-width:92px;color:var(--vurgu);font-size:12.5px}
.soluk-liste .liste-metin{color:var(--soluk)}
.satir-islem{margin:0;flex:none}
.ikon-dugme{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;border:1px solid transparent;background:none;color:var(--soluk);cursor:pointer}
.ikon-dugme svg{width:16px;height:16px}
.ikon-dugme:hover{color:var(--kotu);border-color:var(--cizgi2);background:var(--yuzey2)}
.onay-kutu{width:22px;height:22px;margin:9px;border-radius:6px;border:1.5px solid var(--cizgi2);background:none;cursor:pointer;position:relative}
.onay-kutu::after{content:"";position:absolute;inset:-9px}
.onay-kutu:hover{border-color:var(--iyi);background:rgba(111,207,143,.12)}
.acilir{margin-top:12px;border-top:1px solid var(--cizgi);padding-top:10px}
.acilir summary{cursor:pointer;color:var(--ikincil);font-size:13.5px;min-height:32px;display:flex;align-items:center}
.acilir summary:hover{color:var(--metin)}
.dokum{margin:10px 0 0;padding:14px;max-height:360px;overflow:auto;background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r-ic);font:12.5px/1.6 var(--mono);color:var(--ikincil);white-space:pre-wrap;overflow-wrap:anywhere}
.kopya{user-select:all;color:var(--metin)}
.yardim-metin{color:var(--soluk);font-size:12.5px;margin:8px 0 0}

/* rozetler */
.rozet.vurgu{border-color:rgba(242,169,59,.45);color:var(--vurgu)}
.rozet.risk-okuma{color:var(--ikincil)}
.rozet.risk-yazma{color:var(--metin)}
.rozet.risk-eylem{border-color:rgba(242,169,59,.45);color:var(--vurgu)}
.rozet.risk-kritik{border-color:rgba(240,113,103,.45);color:var(--kotu)}
.ozet-serit .rozet,.arac-ad .rozet{margin-left:6px}

/* yetenek satırları + anahtar düğmesi */
.araclar{list-style:none;margin:8px 0 0;padding:0}
.araclar li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start;padding:14px 0;border-top:1px solid var(--cizgi)}
.araclar li:first-child{border-top:0}
.araclar li.kapali .arac-govde{opacity:.55}
.arac-ad{font-weight:500;font-size:14.5px}
.arac-ad code{color:var(--soluk);font-size:12px;margin-left:4px}
.arac-govde p{margin:4px 0 0;color:var(--ikincil);font-size:13.5px;max-width:78ch}
.arac-govde .uyari-metin{color:var(--vurgu);font-size:12.5px}
.arac-sayac{text-align:right;font-size:14px;white-space:nowrap}
.arac-sayac small{display:block;color:var(--soluk);font-size:11.5px}
.anahtar{position:relative;display:inline-block;width:44px;height:26px;margin-top:1px;cursor:pointer}
.anahtar input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.anahtar span{position:absolute;inset:0;border-radius:99px;background:var(--cizgi2);transition:background .15s}
.anahtar span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#8b8b86;transition:transform .15s,background .15s}
.anahtar input:checked+span{background:rgba(242,169,59,.28)}
.anahtar input:checked+span::after{transform:translateX(18px);background:var(--vurgu)}
.anahtar input:focus-visible+span{outline:2px solid var(--vurgu);outline-offset:2px}
@media (max-width:640px){.araclar li{grid-template-columns:auto minmax(0,1fr)}.arac-sayac{grid-column:2;text-align:left}}

/* grafik */
.grafik{width:100%;height:auto;display:block;margin-top:10px}
.grafik .g-arac{fill:rgba(242,169,59,.35)}.grafik .g-konusma{fill:var(--vurgu)}
.grafik .g-taban{stroke:var(--cizgi2);stroke-width:1}
.grafik .g-gun{fill:var(--soluk);font:12px var(--mono)}.grafik .g-deger{fill:var(--ikincil);font:12px var(--mono)}
.gosterge{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:var(--soluk);font-size:12.5px}
.gosterge i{display:inline-block;width:10px;height:10px;border-radius:3px}
.gosterge i+i,.gosterge .g-konusma-i{margin-left:10px}
.g-arac-i{background:rgba(242,169,59,.35)}.g-konusma-i{background:var(--vurgu)}
.degerler.genis{grid-template-columns:minmax(120px,auto) 1fr;margin-top:10px}

/* yanıt, 2FA */
.cevap-metin{white-space:pre-wrap}
.totp{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}
.qr svg{display:block;width:180px;height:180px;border-radius:10px}
.anahtar-metin{word-break:break-all;color:var(--metin);font-size:13px;margin:0 0 6px}
.ayrac{border:0;border-top:1px solid var(--cizgi);margin:22px 0 18px}
.blok h3{margin:0 0 4px;font-size:15.5px}
@media (max-width:640px){.totp{grid-template-columns:1fr}.qr svg{width:160px;height:160px}}

.pin-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--cizgi)}
.pin-form label{flex:1 1 100%;margin:0}

/* ===== v3: finans, günlük ===== */
.ozet-serit span{display:inline-flex;align-items:baseline;gap:7px}
.ozet-serit .kirmizi b,.kirmizi{color:var(--kotu)}
.dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.dugme.kucuk{min-height:36px;padding:0 12px;font-size:13px}
.kisa-secim{width:auto!important;flex:0 1 180px}
.filtre{display:flex;gap:4px;flex-wrap:wrap}
.filtre a{padding:6px 10px;border-radius:8px;color:var(--ikincil);font-size:13px;min-height:34px;display:inline-flex;align-items:center}
.filtre a:hover{background:var(--yuzey2);color:var(--metin);text-decoration:none}
.filtre a[aria-current]{background:var(--yuzey2);color:var(--metin);box-shadow:inset 0 -2px 0 var(--vurgu)}
.finans-tablo .sag{text-align:right}
.finans-tablo td.islemler{white-space:nowrap;text-align:right}
.finans-tablo td.islemler form{display:inline}
.finans-tablo .alt-satir{display:block;color:var(--soluk);font-size:12px}
.soluk-satir td{color:var(--ikincil)}
.soluk-bag{color:var(--soluk)}
.soluk-bag:hover{color:var(--kotu)}
.liste b.mono{flex:none;font-size:13.5px}
.grafik .g-gider{fill:rgba(240,113,103,.55)}.grafik .g-gelir{fill:var(--vurgu)}
.g-gider-i{background:rgba(240,113,103,.55)}.g-gelir-i{background:var(--vurgu)}
.gosterge .g-gelir-i{margin-left:10px}
.ruh{width:100%;height:64px;display:block;margin:12px 0 4px}
.ruh .r-orta{stroke:var(--cizgi2);stroke-dasharray:3 4}
.r-n1{fill:#f07167;background:#f07167}.r-n2{fill:#d99a6c;background:#d99a6c}.r-n3{fill:#8b8b86;background:#8b8b86}
.r-n4{fill:#9ccf8f;background:#9ccf8f}.r-n5{fill:#6fcf8f;background:#6fcf8f}.r-n0{background:var(--cizgi2)}
.ruh-nokta{flex:none;width:10px;height:10px;border-radius:50%}
.isaret.tamam-i{border-color:var(--iyi);color:var(--iyi)}
.liste .isaret{flex:none}
@media (max-width:640px){
  /* fatura tablosu → kart: tarih·yön üstte, taraf, tutar+durum, işlemler */
  .finans-tablo thead{display:none}
  .finans-tablo,.finans-tablo tbody{display:block}
  .finans-tablo tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-top:1px solid var(--cizgi)}
  .finans-tablo td{display:block;border:0;padding:0}
  .finans-tablo td:nth-child(1){grid-column:1;font-size:12px;color:var(--soluk)}
  .finans-tablo td:nth-child(2){grid-column:2;grid-row:1;justify-self:end}
  .finans-tablo td:nth-child(3){grid-column:1/3;font-weight:500}
  .finans-tablo td:nth-child(4){grid-column:1;text-align:left;font-size:15px;color:var(--metin)}
  .finans-tablo td:nth-child(5){display:none}
  .finans-tablo td:nth-child(6){grid-column:2;grid-row:3;justify-self:end}
  .finans-tablo td.islemler{grid-column:1/3;text-align:left;white-space:normal}
  .finans-tablo td.islemler .bag{min-height:36px;margin-right:14px}
  .liste li{flex-wrap:wrap;row-gap:4px}
  .liste .saat{min-width:0;flex-basis:100%}
  .liste .liste-metin{min-width:60%}
  .liste.sikis li{flex-wrap:nowrap}
  .liste.sikis .liste-metin{min-width:0}
  .blok-bas{flex-wrap:wrap;row-gap:2px}
}
.rapor-metin{max-height:none;white-space:pre-wrap;font-size:13px;color:var(--metin)}

/* gündelik: bölümler arası tutarlı boşluk */
.yigin{display:grid;gap:18px}
.yigin>*{margin:0}
/* zihin: ton modu rozetleri (tek vurgu rengi korunur; modlar ton farkıyla) */
.alt-baslik{font:600 13px var(--sans);color:var(--ikincil);margin:14px 0 6px;letter-spacing:.02em}
.rozet.mod-ates{border-color:rgba(242,169,59,.6);color:var(--vurgu)}
.rozet.mod-sifa{border-color:var(--cizgi2);color:var(--ikincil);font-style:italic}
.rozet.mod-odak{border-color:var(--cizgi2);color:var(--metin)}
.alarm-blok{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(240,113,103,.5);color:var(--kotu);margin-bottom:18px}
/* bilgi ağı */
a.wiki{color:var(--vurgu);text-decoration:none;border-bottom:1px dashed rgba(242,169,59,.45)}
a.wiki:hover{border-bottom-style:solid}
.not-liste{margin:8px 0 0;padding-left:18px;line-height:1.65;font-size:14.5px}
.not-liste p{margin:6px 0 6px -18px}
.satir-form.dikey{flex-direction:column;align-items:stretch}
.satir-form.dikey textarea{width:100%;background:var(--zemin);color:var(--metin);border:1px solid var(--cizgi2);border-radius:var(--r-ic);padding:10px 12px;font:14px/1.5 var(--mono)}

/* ===== Faz 8: arama düğmesi, hata sayfası, sıralanır tablo, meşgul düğme ===== */
.ara-dugme{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;color:var(--ikincil)}
.ara-dugme svg{width:19px;height:19px}
.ara-dugme:hover,.ara-dugme[aria-current]{color:var(--metin);background:var(--yuzey2);text-decoration:none}
.hata-sayfa{padding:48px 0 24px;max-width:560px}
.hata-sayfa .baslik{font-size:34px}
.dugme.ikincil{background:transparent;border:1px solid var(--cizgi2);color:var(--metin)}
table.siralanir th{cursor:pointer;user-select:none;white-space:nowrap}
table.siralanir th[aria-sort=ascending]::after{content:" ↑";color:var(--vurgu)}
table.siralanir th[aria-sort=descending]::after{content:" ↓";color:var(--vurgu)}
button[aria-busy=true]{opacity:.6;cursor:progress}
button[aria-busy=true]::after{content:"";width:12px;height:12px;margin-left:8px;border-radius:50%;
  border:2px solid currentColor;border-right-color:transparent;animation:don .8s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
kbd{font:500 12px var(--mono);padding:1px 6px;border:1px solid var(--cizgi2);border-bottom-width:2px;border-radius:5px;color:var(--metin)}
.komut-grup code{flex:0 0 auto;min-width:9.5em;color:var(--vurgu)}
[hidden]{display:none!important}
.ara-dugme{margin-left:auto}
.ara-dugme+.cikis{margin-left:-20px}
@media (max-width:640px){
  .ara-dugme+.cikis{margin-left:0}
  .komut-grup li{display:block;padding:10px 0}
  .komut-grup code{display:block;min-width:0;margin-bottom:2px}
  .komut-grup .rozet{margin-top:4px}
}
pre.iz{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:var(--ikincil);background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r-ic);padding:10px;margin:8px 0 0;max-height:260px;overflow:auto}
details.liste-metin summary{cursor:pointer;min-height:28px}