/* mirror.alastyr.com — dizin listesi (Apache mod_autoindex) gorunumu.
   Tasarim dili ntp.alastyr.com / mirror ana sayfasiyla ORTAK.

   🔴 Apache'nin HTML 3.2 ciktisi OLDUGU GIBI birakiliyor; sadece
      bicimlendiriliyor. Tablo yapisi DEGISMIYOR, cunku ayna denetleyicileri
      (MirrorManager vb.) bu listeleri gezip <a href> ariyor. Yapiyi bozarsak
      taramalari kiririz.
   🔴 Tema: ana sayfayla AYNI localStorage anahtarini ('tema') kullaniyoruz,
      boylece kullanicinin secimi site genelinde tasiniyor. Varsayilan ACIK. */
:root{
  --bg:#f7f8fb;
  --yuzey:rgba(10,15,30,.025); --yuzey-2:rgba(10,15,30,.045);
  --cizgi:rgba(10,15,30,.10);  --cizgi-2:rgba(10,15,30,.18);
  --metin:#0d1220; --sessiz:#4d5566; --silik:#5c616e;
  --c1:#0891b2; --c2:#7c3aed; --ok:#059669;
  --link:#0e7490; --cip-cam:#0b6a83; --cip-mor:#6d28d9; --cip-ok:#03674a;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
:root[data-theme=dark]{
  --bg:#05070d;
  --yuzey:rgba(255,255,255,.035); --yuzey-2:rgba(255,255,255,.06);
  --cizgi:rgba(255,255,255,.09);  --cizgi-2:rgba(255,255,255,.16);
  --metin:#e9edf6; --sessiz:#9aa3b8; --silik:#868d9f;
  --c1:#22d3ee; --c2:#a78bfa; --ok:#34d399;
  --link:#22d3ee; --cip-cam:#22d3ee; --cip-mor:#a78bfa; --cip-ok:#34d399;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--metin);font-family:var(--sans);
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(900px 620px at 12% -8%,rgba(8,145,178,.10),transparent 62%),
             radial-gradient(820px 560px at 92% 4%,rgba(124,58,237,.09),transparent 60%)}
:root[data-theme=dark] body::before{
  background:radial-gradient(900px 620px at 12% -8%,rgba(34,211,238,.16),transparent 62%),
             radial-gradient(820px 560px at 92% 4%,rgba(167,139,250,.14),transparent 60%)}
body>*{position:relative;z-index:1}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}

/* ---------- ust serit (ana sayfayla ayni) ---------- */
.ust{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px) saturate(1.5);
  background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--cizgi)}
.ust .ic{max-width:1180px;margin:0 auto;padding:0 24px;height:60px;display:flex;
  align-items:center;gap:16px}
.marka{font-family:var(--mono);color:var(--metin);font-weight:650;font-size:.94rem;
  letter-spacing:-.02em;white-space:nowrap}
.marka b{background:linear-gradient(92deg,var(--c1),var(--c2));-webkit-background-clip:text;
  background-clip:text;color:transparent}
a.marka:hover{text-decoration:none;opacity:.82}
.bosluk{flex:1}
.sag{display:flex;gap:3px;flex-wrap:wrap;align-items:center}
.sag a{font-size:.85rem;font-weight:560;color:var(--sessiz);padding:7px 13px;
  border-radius:999px;white-space:nowrap}
.sag a:hover{color:var(--metin);background:var(--yuzey-2);text-decoration:none}
.tbtn{font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--sessiz);
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:999px;padding:7px 14px}
.tbtn:hover{color:var(--metin);border-color:var(--cizgi-2)}

/* ---------- kirinti yolu ---------- */
.yol{max-width:1180px;margin:26px auto 0;padding:0 24px;font-family:var(--mono);
  font-size:.92rem;word-break:break-all;line-height:1.9}
.yol a{color:var(--link)}
.yol b{color:var(--metin);font-weight:650}
.yol span{color:var(--silik);margin:0 5px}

/* ---------- bilgi seridi ---------- */
.bilgi{max-width:1180px;margin:10px auto 0;padding:0 24px;color:var(--sessiz);
  font-size:.86rem;line-height:1.65;max-width:min(1180px,100%)}
.bilgi .cipler{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;
  letter-spacing:.04em;padding:5px 12px;border-radius:999px;background:var(--yuzey);
  border:1px solid var(--cizgi);color:var(--sessiz);white-space:nowrap}
.chip.cam{color:var(--cip-cam);border-color:rgba(34,211,238,.34);background:rgba(34,211,238,.10)}
.chip.mor{color:var(--cip-mor);border-color:rgba(167,139,250,.32);background:rgba(167,139,250,.10)}
.chip.ok{color:var(--cip-ok);border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.10)}

/* ---------- Apache'nin urettigi h1 (HeaderName yokken) ---------- */
h1{max-width:1180px;margin:22px auto 14px;padding:0 24px;font-size:1.3rem;
  font-weight:680;letter-spacing:-.03em;word-break:break-all}

/* ---------- listeleme tablosu (YAPISI DEGISMEDI) ---------- */
table{max-width:1180px;margin:18px auto 48px;width:100%;border-collapse:collapse;
  box-sizing:border-box}
/* Tabloyu kart gorunumune sokmak icin hucrelerden ic bosluk veriyoruz;
   table'a padding vermek HTML tablolarinda calismaz. */
th,td{padding:9px 14px}
th:first-child,td:first-child{padding-left:24px}
th:last-child,td:last-child{padding-right:24px}
th{text-align:left;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;
  color:var(--silik);font-weight:750;background:var(--yuzey-2);
  border-bottom:1px solid var(--cizgi)}
th a{color:var(--silik)}
th a:hover{color:var(--metin)}
td{border-bottom:1px solid var(--cizgi);vertical-align:middle;
  font-variant-numeric:tabular-nums;font-size:.9rem}
tr:hover td{background:var(--yuzey)}
td:first-child,th:first-child{width:26px;padding-right:0}
td[align="right"]{text-align:right;color:var(--sessiz);white-space:nowrap;font-size:.84rem}
td a{font-family:var(--mono);font-size:.88rem}
hr{display:none}
img{vertical-align:middle;opacity:.5;width:16px;height:16px}
:root[data-theme=dark] img{filter:invert(1) hue-rotate(180deg);opacity:.45}

/* ---------- alt bilgi ---------- */
.alt{border-top:1px solid var(--cizgi);margin-top:10px;
  background:color-mix(in srgb,var(--bg) 60%,transparent)}
.alt .ic{max-width:1180px;margin:0 auto;padding:24px;font-size:.78rem;color:var(--silik)}
.alt p{margin:0 0 4px}
.alt a{color:var(--link)}

@media(max-width:820px){
  .ust .ic{height:auto;padding:10px 18px;flex-wrap:wrap;gap:8px}
  .sag a{padding:6px 10px;font-size:.8rem}
  .yol,.bilgi{padding:0 18px}
  th:first-child,td:first-child{padding-left:18px}
  th:last-child,td:last-child{padding-right:18px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}