/* Koyu gri (açık siyah) ortak tema — ana sayfa + lab. Düz, mat, tek vurgu: beyaz. */
:root{
  --bg:#17191d; --ink:#17191d;
  --surface:#1e2126; --surface2:#252930;
  --panel:#1e2126; --panel2:#252930; --panel-2:#252930; --bg2:#1e2126;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.15); --line-strong:rgba(255,255,255,.15);
  --fg:#e8e8e6; --muted:#8e949d; --ice:#e8e8e6;
  --teal:#ecece9; --teal2:#ffffff; --amber:#ecece9;
  --signal:#ecece9; --ember:#ecece9;
  --red:#c4504a; --pin:#c4504a; --ok:#6fae8a;
  --font-display:"Inter",system-ui,sans-serif; --font-ui:"Inter",system-ui,sans-serif; --font-body:"Inter",system-ui,sans-serif; --font-mono:"Inter",system-ui,sans-serif;
  color-scheme:dark;
}
html{background:#17191d!important;min-height:100%}
body{background:transparent!important;color:var(--fg);font-family:"Inter",system-ui,sans-serif}
body::before,body::after{content:none!important}

/* tipografi: normal, mat */
h1,h2,h3,.sec h2,.card h3,.pc h3,.hw h3,.promo h2,.sb-head h3,.sec-head h2{font-family:"Inter",system-ui,sans-serif!important;text-transform:none!important;letter-spacing:-.005em!important;font-weight:600!important}
h1,h2,.sec h2,#dosyalar h2,.sec-head h2{color:#f1f1ef}

/* logo / marka */
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand-mark{height:26px;width:auto;display:block}
.brand-word{height:25px;width:auto;display:block}
.brand-t{font:600 13px "Inter",system-ui,sans-serif;letter-spacing:.14em;color:#e8e8e6;text-transform:uppercase;white-space:nowrap}
.brand-t i{font-style:normal;color:#8e949d;font-weight:500}

/* üst menü */
.nav,.topbar{background:rgba(23,25,29,.92)!important;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)!important}
.nav .links a,.nav .links a:not(.btn){color:#a8adb5}
.nav .links a:hover{color:#fff}
.btn,.btn.sm,.btn.lg{font-family:"Inter",system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;border-radius:6px!important;box-shadow:none!important}
.btn.teal,.btn:not(.ghost):not(.red){background:#ecece9!important;color:#17191d!important;border:1px solid #ecece9}
.btn.teal:hover{background:#fff!important;filter:none;transform:none}
.btn.ghost{background:transparent!important;color:#e8e8e6!important;border:1px solid var(--line2)}
.btn.ghost:hover{border-color:#ecece9}
.btn.red{background:#c4504a!important;color:#fff!important;border:1px solid #c4504a}
.nav .links a.btn.teal{color:#17191d!important}
.lang button{border-radius:4px;border-color:var(--line2);opacity:.6}.lang button.on,.lang button:hover{opacity:1;border-color:#ecece9}

/* ana sayfa: kartlar */
.pc{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden}
.pc:hover{border-color:var(--line2)!important;transform:none!important}
.pc .ph{filter:grayscale(.45) brightness(.88) contrast(1.05)!important}
.pc .art{border-bottom:1px solid var(--line)}
.pc .art::after{background:linear-gradient(180deg,transparent 60%,rgba(23,25,29,.75))!important}
.pc .step{font:500 11px "Inter",system-ui,sans-serif!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--muted)!important}
.pc h3{color:#f1f1ef!important;font-size:15px!important}
.pc p{color:#9aa0a8}
.sec .head p{color:var(--muted)}

/* altı disiplin */
.net .ring{stroke:rgba(255,255,255,.14)}.net .ring2{stroke:rgba(255,255,255,.08)}
.net .lk{stroke:#9aa0a8;opacity:.45}
.net .cn circle{fill:#1e2126;stroke:#9aa0a8}
.net .cn text{fill:#d8d9d6;font-family:"Inter",sans-serif;font-weight:500;letter-spacing:.04em}
.net .cn.on circle,.net .cn:hover circle{fill:#ecece9;filter:none}
.net .cn.on text,.net .cn:hover text{fill:#17191d}
.net .core circle{fill:#252930;stroke:#ecece9}
.net .core text{fill:#ecece9;font-family:"Inter",sans-serif;font-weight:600;letter-spacing:.14em}
.net .pk{fill:#ecece9}
.disc li{background:var(--surface)!important;border:1px solid var(--line)!important;border-left:2px solid #ecece9!important;border-radius:0 6px 6px 0}
.disc li:hover,.disc li.on{background:var(--surface2)!important;transform:none!important;border-color:var(--line2)!important;border-left-color:#fff!important}
.disc b{font-family:"Inter",sans-serif!important;color:#f1f1ef!important;letter-spacing:.06em;font-weight:600}
.disc span{color:#9aa0a8}

/* OSINT Case bölümü */
.promo{border-top:1px solid var(--line)!important;background:none!important}
.promo p,.promo .feat span{color:#a3a8b0}
.promo .feat span::before{color:var(--red)}
.promo .art img{filter:none!important}

/* skor paneli */
.sb-panel{background:#1e2126!important;border-left:1px solid var(--line2)!important}
.sb-bar i{background:#9aa0a8!important}
.sb-table tr.t1 td.rk,.sb-table tr.t2 td.rk,.sb-table tr.t3 td.rk{color:#e8e8e6!important}

/* ---------- LAB ---------- */
.topbar-in{gap:18px}
.tab{font-family:"Inter",sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:13.5px!important;border-radius:6px!important;color:var(--muted)}
.tab[aria-selected="true"]{color:#f1f1ef!important;background:var(--surface2)!important;border-color:var(--line)!important}
.op{font-family:"Inter",sans-serif!important;border-radius:6px!important;background:var(--surface)!important}
.op strong,.op-prog b{color:#f1f1ef!important}
.chip{font-family:"Inter",sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;border-radius:6px!important;background:var(--surface)!important}
.chip[aria-pressed="true"]{background:#ecece9!important;color:#17191d!important;border-color:#ecece9!important}
.chip span,.card-flags,.card-foot,.pager button,footer{font-family:"Inter",sans-serif!important;letter-spacing:0!important}
.card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;padding:16px 14px 12px!important}
.card:hover{background:var(--surface2)!important;border-color:var(--line2)!important;transform:none!important}
.card::before{display:none!important}
.card h3,#dTitle{color:#f1f1ef!important;font-size:15.5px!important}
.card .sub,#dSub.sub{color:#a8adb5!important;font-weight:500!important;letter-spacing:0!important;font-size:13px!important}
.card-top .cls{font-family:"Inter",sans-serif!important;letter-spacing:.04em!important;text-transform:none!important}
.card-top .cls em{color:var(--muted)!important;font-style:normal}.card-top .cls b{color:#c9ccd1!important}
.card .pts{font-family:"Inter",sans-serif!important;font-weight:600!important;color:#f1f1ef!important;font-size:18px!important}
.card-cover{border-radius:6px!important;filter:grayscale(.2)}
.card-foot{border-top:1px solid var(--line)!important}
.card .diff i{background:#5b616a}.card .diff[data-d] i:first-child,.card .diff[data-d="2"] i:nth-child(-n+2),.card .diff[data-d="3"] i{background:#cfd2d6}
.card.solved{border-color:rgba(111,174,138,.45)!important}
.stamp{color:#6fae8a!important;border-color:#6fae8a!important;font-family:"Inter",sans-serif!important}
.room-q .rn{background:#3a3f47!important}.room-q.ok .rn{background:#4f8a6a!important}
.room-verify a{background:#ecece9;color:#17191d;font-family:"Inter",sans-serif}
.ri-btn:hover{background:#ecece9!important;color:#17191d!important;border-color:#ecece9!important}
.pager button{border-radius:6px!important;background:var(--surface)!important}
.pager button.on{background:#ecece9!important;color:#17191d!important;border-color:#ecece9!important}
table{font-family:"Inter",sans-serif}
footer{background:none}

/* giriş / kayıt */
.auth{background:#17191d!important}
.auth::before{display:none!important}
.auth-card{background:#1e2126!important;border:1px solid var(--line2)!important;border-radius:12px!important;box-shadow:0 30px 80px -40px #000!important}
.auth-card::before{background:none!important;height:0!important}
.auth-logo{width:150px!important;height:auto!important;filter:none!important;margin-bottom:12px!important}
.auth-brand{display:none}
.auth-sub{color:var(--muted)!important}
.auth-tabs button{font-family:"Inter",sans-serif!important;border:1px solid var(--line2)!important;border-radius:6px!important;color:var(--muted)!important}
.auth-tabs button.on{background:#ecece9!important;color:#17191d!important;border-color:#ecece9!important}
.auth-form input{background:#17191d!important;border:1px solid var(--line2)!important;border-radius:6px!important;color:#f1f1ef!important;font-family:"Inter",sans-serif!important}
.auth-form input:focus{border-color:#ecece9!important;box-shadow:none!important}
.auth-form .btn.block{background:#ecece9!important;color:#17191d!important;border-radius:6px!important;font-weight:600!important}
.auth-msg{color:#d88a82!important;font-family:"Inter",sans-serif!important}

/* telefon: menü sığsın */
@media(max-width:560px){.brand{gap:7px}.brand-mark{height:20px}.brand-word{height:15px}}
@media(max-width:400px){.nav .links a.btn.sm{padding:6px 7px!important}.brand-mark{height:18px}.brand-word{height:13px}}

/* üst bar: daha ince */
.nav .in{padding:7px 24px!important}
.nav .links{gap:14px!important}
.nav .links a{font-size:12.5px!important}
.nav .links a.btn.sm,.btn.sm{padding:4px 11px!important;font-size:12px!important;border-radius:5px!important;line-height:1.5}
.nav .lang svg{width:18px!important;height:12px!important}
.lang button{padding:1px!important}
.topbar-in{padding:6px 16px!important;gap:14px!important}
.tab{padding:4px 10px!important;font-size:12.5px!important}
.op{padding:3px 9px!important;font-size:11.5px!important}
.op .btn,.op button,#logoutBtn{padding:3px 9px!important;font-size:11.5px!important}
.topbar .lang svg{width:18px!important;height:12px!important}
@media(max-width:400px){.nav .in{padding:6px 8px!important;gap:4px}.nav .links{gap:4px!important}.nav .links a.btn.sm,.btn.sm{padding:4px 6px!important;font-size:11px!important}.brand{gap:5px}.brand-mark{height:16px}.brand-word{height:11px}.nav .lang{gap:3px}.nav .lang svg{width:15px!important;height:10px!important}}
.auth-logo{width:210px!important;max-width:70%!important;margin:4px auto 14px!important}

/* üst bar tam genişlik: logo sol, butonlar sağ */
.nav .in,.topbar-in{max-width:none!important;width:100%;margin:0!important;padding-left:20px!important;padding-right:20px!important}
@media(max-width:560px){.nav .in,.topbar-in{padding-left:12px!important;padding-right:12px!important}}
@media(max-width:400px){.nav .in,.topbar-in{padding-left:8px!important;padding-right:8px!important}}