/* ═══════════════════════════════════════════════════════════════════
   YILDIZ KÜTÜPHANESİ — Full Light Tema · Poppins
   Palet: fildişi zemin · altın vurgu · lacivert mürekkep
   Sembolizm notları: üç nokta (∴) ayraçlar, 33 derece ilerleme,
   iki sütun hizalaması, yıldız ağı, gökyüzü panelleri
   ═══════════════════════════════════════════════════════════════════ */

:root {
  --zemin: #F6F2EA;
  --zemin2: #FBF8F1;
  --yuzey: #FFFFFF;
  --yuzey2: #FBF9F3;
  --cizgi: #E8E0CF;
  --cizgi2: #F0EADC;
  --murekkep: #1E2A44;
  --murekkep2: #5A6478;
  --murekkep3: #8A92A6;
  --altin: #B08A3E;
  --altin-koyu: #8C6D2F;
  --altin-acik: #F4EBD5;
  --altin-cizgi: #E5D6AE;
  --gece: #22315B;
  --golge: 0 1px 2px rgba(30,42,68,.04), 0 8px 24px rgba(30,42,68,.06);
  --golge2: 0 2px 6px rgba(30,42,68,.06), 0 18px 44px rgba(30,42,68,.09);
  --radius: 14px;
  --radius-k: 10px;
  --font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --kanit-a: #1E7A46;
  --kanit-b: #2360A5;
  --kanit-c: #A96A18;
  --kanit-d: #B03A3A;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.6;
  color: var(--murekkep);
  background:
    radial-gradient(1100px 520px at 88% -8%, rgba(244,235,213,.9) 0%, rgba(244,235,213,0) 62%),
    radial-gradient(900px 480px at -8% 108%, rgba(233,239,232,.8) 0%, rgba(233,239,232,0) 58%),
    var(--zemin);
  background-attachment: fixed;
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }
::selection { background: var(--altin-acik); color: var(--altin-koyu); }

/* ── Kaydırma çubuğu ── */
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #D9D0BC; border-radius: 8px; border: 3px solid var(--zemin); }
::-webkit-scrollbar-thumb:hover { background: var(--altin); }

/* ═══ ÜST BAR ═══ */
.topbar {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; gap: 18px;
  height: 66px; padding: 0 22px;
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--cizgi);
}
.marka { display: flex; align-items: center; gap: 11px; }
.marka-svg { width: 40px; height: 40px; flex: none; }
.marka-metin { display: flex; flex-direction: column; line-height: 1.15; }
.marka-ad { font-weight: 700; font-size: 15.5px; letter-spacing: .17em; color: var(--gece); }
.marka-alt { font-size: 10.5px; color: var(--altin-koyu); letter-spacing: .08em; }
.ara-tetik {
  flex: 1; max-width: 460px; display: flex; align-items: center; gap: 9px;
  padding: 9px 13px; border: 1px solid var(--cizgi); border-radius: 11px;
  background: var(--yuzey2); color: var(--murekkep3); font-size: 13.5px;
  cursor: pointer; transition: border-color .18s, box-shadow .18s;
}
.ara-tetik:hover { border-color: var(--altin-cizgi); box-shadow: 0 0 0 3px var(--altin-acik); }
.ara-tetik kbd {
  font-family: var(--font); font-size: 10px; font-weight: 600; color: var(--murekkep2);
  background: var(--yuzey); border: 1px solid var(--cizgi); border-bottom-width: 2px;
  border-radius: 5px; padding: 1px 5px;
}
.ara-tetik kbd:first-of-type { margin-left: auto; }
.topbar-sag { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.cip-gok {
  display: flex; align-items: center; gap: 8px; padding: 6px 12px;
  border: 1px solid var(--cizgi); border-radius: 999px; background: var(--yuzey);
  cursor: pointer; font-size: 13px; color: var(--murekkep2);
}
.cip-gok:hover { border-color: var(--altin-cizgi); }
.gok-burc { color: var(--gece); font-weight: 600; }
.gok-ay { font-size: 14px; }
.cip-motor {
  display: flex; align-items: center; gap: 8px; padding: 6px 12px;
  border: 1px solid var(--cizgi); border-radius: 999px; background: var(--yuzey);
  cursor: pointer; font-size: 12.5px; color: var(--murekkep2);
}
.cip-motor:hover { border-color: var(--altin-cizgi); }
.nokta { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.nokta-yesil { background: #3F9B63; box-shadow: 0 0 0 3px rgba(63,155,99,.18); animation: nefes 2.4s ease-in-out infinite; }
.nokta-altin { background: var(--altin); box-shadow: 0 0 0 3px rgba(176,138,62,.2); animation: nefes 1.6s ease-in-out infinite; }
.nokta-gri { background: #B9BECB; }
.nokta-kirmizi { background: #C24B4B; box-shadow: 0 0 0 3px rgba(194,75,75,.16); }
@keyframes nefes { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
.saat { font-size: 12.5px; color: var(--murekkep3); font-variant-numeric: tabular-nums; }

/* ═══ KABUK ═══ */
.kabuk { display: grid; grid-template-columns: 254px minmax(0, 1fr); }
.yan {
  position: sticky; top: 66px; align-self: start;
  height: calc(100vh - 66px); overflow-y: auto;
  padding: 18px 14px 18px 18px;
  border-right: 1px solid var(--cizgi);
  display: flex; flex-direction: column; gap: 16px;
}
.nav { display: flex; flex-direction: column; gap: 3px; }
.nav-oge {
  display: flex; align-items: center; gap: 11px;
  padding: 9px 12px; border-radius: var(--radius-k);
  color: var(--murekkep2); font-size: 14px; font-weight: 500;
  border-left: 2px solid transparent;
  transition: background .15s, color .15s;
}
.nav-oge:hover { background: var(--yuzey2); color: var(--murekkep); }
.nav-oge.aktif { background: var(--altin-acik); color: var(--altin-koyu); font-weight: 600; border-left-color: var(--altin); }
.nav-oge .ikon { width: 18px; height: 18px; }
.nav-rozet {
  margin-left: auto; font-style: normal; font-size: 11px; font-weight: 600;
  background: var(--yuzey2); border: 1px solid var(--cizgi); color: var(--murekkep2);
  border-radius: 999px; padding: 0 8px; line-height: 18px;
}
.nav-rozet-canli { border: none; background: none; color: #3F9B63; font-size: 10px; padding: 0; }
.nav-oge.aktif .nav-rozet { background: #fff; }
.yan-bolum { border-top: 1px solid var(--cizgi2); padding-top: 14px; }
.yan-baslik {
  margin: 0 0 10px; font-size: 10.5px; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; color: var(--murekkep3);
}
.yan-baslik::before { content: "•••"; color: var(--altin); letter-spacing: .3em; margin-right: 8px; font-size: 8px; vertical-align: 1px; }
.titresim { display: flex; align-items: center; gap: 12px; }
.titresim-sayi {
  font-size: 34px; font-weight: 700; color: var(--altin-koyu); line-height: 1;
  font-variant-numeric: tabular-nums; min-width: 44px; text-align: center;
  background: var(--altin-acik); border-radius: 12px; padding: 6px 0;
}
.titresim-sag { display: flex; flex-direction: column; }
.titresim-not { font-size: 12.5px; color: var(--murekkep2); }
.titresim-tar { font-size: 11px; color: var(--murekkep3); font-variant-numeric: tabular-nums; }
.hesap { display: flex; gap: 7px; margin-top: 11px; }
.hesap input {
  flex: 1; min-width: 0; padding: 7px 10px; font-family: var(--font); font-size: 13px;
  border: 1px solid var(--cizgi); border-radius: 9px; background: var(--yuzey); color: var(--murekkep);
}
.hesap input:focus { outline: none; border-color: var(--altin); box-shadow: 0 0 0 3px var(--altin-acik); }
.num-sonuc { margin: 9px 0 0; font-size: 12.5px; color: var(--murekkep2); background: var(--yuzey2); border: 1px dashed var(--altin-cizgi); border-radius: 9px; padding: 8px 10px; }
.num-sonuc b { color: var(--altin-koyu); }
.yan-motor { display: flex; flex-direction: column; gap: 8px; }
.yan-motor-not { margin: 0; font-size: 12.5px; color: var(--murekkep2); }
.yan-spark { display: flex; align-items: flex-end; gap: 2px; height: 34px; }
.yan-spark i { flex: 1; background: var(--altin); border-radius: 2px 2px 0 0; min-height: 3px; opacity: .85; }
.yan-spark i.hata { background: #C24B4B; }
.yan-alt { margin-top: auto; border-top: 1px solid var(--cizgi2); padding-top: 12px; }
.yan-alt p { margin: 0; font-size: 11px; color: var(--murekkep3); }
.gizli-not { margin-top: 4px !important; font-style: italic; color: var(--altin-koyu) !important; opacity: .75; }

/* ═══ GÖRÜNÜM ═══ */
.gorunum { padding: 26px 30px 60px; max-width: 1240px; width: 100%; min-width: 0; }
.gorunum > * { animation: belir .32s ease both; }
@keyframes belir { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }

.gor-baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
.gor-baslik h1 { margin: 0; font-size: 24px; font-weight: 700; color: var(--gece); letter-spacing: -.01em; }
.gor-baslik .alt { color: var(--murekkep2); font-size: 13.5px; margin-top: 3px; }
.gor-baslik .sag { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }

/* ── Genel bileşenler ── */
.rozet {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600;
  border-radius: 999px; padding: 2.5px 10px; border: 1px solid var(--cizgi);
  background: var(--yuzey2); color: var(--murekkep2); white-space: nowrap;
}
.rozet-gri { color: var(--murekkep3); }
.rozet-yesil { background: #EAF4EE; border-color: #CBE3D4; color: #1E7A46; }
.rozet-altin { background: var(--altin-acik); border-color: var(--altin-cizgi); color: var(--altin-koyu); }
.rozet-lacivert { background: #E9EEF7; border-color: #C9D6EA; color: #2360A5; }
.rozet-kirmizi { background: #F9ECEC; border-color: #E9C9C9; color: #B03A3A; }

.kanit { border: none; font-weight: 700; }
.kanit[data-k="A"] { background: #EAF4EE; color: var(--kanit-a); }
.kanit[data-k="B"] { background: #E9EEF7; color: var(--kanit-b); }
.kanit[data-k="C"] { background: #F7EFE2; color: var(--kanit-c); }
.kanit[data-k="D"] { background: #F9ECEC; color: var(--kanit-d); }

.btn {
  display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
  background: var(--yuzey); color: var(--murekkep); border: 1px solid var(--cizgi);
  border-radius: 10px; padding: 8px 14px; font-size: 13.5px; font-weight: 500;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.btn:hover { border-color: var(--altin-cizgi); background: var(--yuzey2); }
.btn-birincil { background: var(--gece); border-color: var(--gece); color: #fff; }
.btn-birincil:hover { background: #2B3D6E; border-color: #2B3D6E; }
.btn-altin { background: var(--altin); border-color: var(--altin); color: #fff; }
.btn-altin:hover { background: var(--altin-koyu); border-color: var(--altin-koyu); }
.btn-kucuk { padding: 6px 11px; font-size: 12.5px; border-radius: 9px; }

.sec, .girdi {
  font-family: var(--font); font-size: 13px; color: var(--murekkep);
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px;
  padding: 8px 11px; appearance: none;
}
.sec { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1 l4 4 l4-4' stroke='%238A92A6' fill='none' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 11px center; padding-right: 30px; cursor: pointer; }
.sec:focus, .girdi:focus { outline: none; border-color: var(--altin); box-shadow: 0 0 0 3px var(--altin-acik); }
.girdi-genis { flex: 1; min-width: 200px; }
.ikon { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ara-tetik .ikon { width: 16px; height: 16px; flex: none; }

.kat-cip {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600; border-radius: 999px; padding: 2.5px 10px;
  border: 1px solid; background: var(--yuzey);
}
.kat-glis { font-size: 12px; line-height: 1; }

.gizli { display: none !important; }
.akis { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }

/* ── İskelet (yükleniyor) ── */
.iskelet { border-radius: 8px; background: linear-gradient(90deg, #EFE9DC 25%, #F7F3E9 50%, #EFE9DC 75%); background-size: 200% 100%; animation: parla 1.3s infinite; }
@keyframes parla { to { background-position: -200% 0; } }

/* ═══ PANO ═══ */
.istat { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 22px; }
.istat-kutu {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--radius);
  padding: 15px 17px; box-shadow: var(--golge); position: relative; overflow: hidden;
}
.istat-kutu::after { content: "•••"; position: absolute; top: 12px; right: 14px; font-size: 7px; letter-spacing: .28em; color: var(--altin); opacity: .55; }
.istat-sayi { font-size: 27px; font-weight: 700; color: var(--gece); line-height: 1.15; font-variant-numeric: tabular-nums; }
.istat-ad { font-size: 12px; color: var(--murekkep2); margin-top: 2px; }
.istat-not { font-size: 11px; color: var(--murekkep3); margin-top: 6px; }

.pano-izgara { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(290px, 1fr); gap: 20px; align-items: start; }
.bolum { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--radius); box-shadow: var(--golge); overflow: hidden; }
.bolum-ust { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--cizgi2); }
.bolum-ust h2 { margin: 0; font-size: 15px; font-weight: 600; color: var(--gece); }
.bolum-ust h2::before { content: "•••"; color: var(--altin); font-size: 7px; letter-spacing: .28em; margin-right: 9px; vertical-align: 2px; }
.bolum-ic { padding: 15px 18px; }

.son-liste { display: flex; flex-direction: column; }
.son-oge {
  display: flex; align-items: baseline; gap: 12px; padding: 10.5px 18px;
  border-bottom: 1px solid var(--cizgi2); transition: background .14s;
}
.son-oge:last-child { border-bottom: none; }
.son-oge:hover { background: var(--yuzey2); }
.son-oge .baslik { font-weight: 500; font-size: 14px; color: var(--murekkep); flex: 1; min-width: 0; }
.son-oge .baslik b { font-weight: 600; }
.son-oge .tarih { font-size: 11.5px; color: var(--murekkep3); font-variant-numeric: tabular-nums; }

.kat-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.kat-kutu {
  display: flex; flex-direction: column; gap: 5px; padding: 12px 13px;
  background: var(--yuzey2); border: 1px solid var(--cizgi2); border-radius: 12px;
  transition: border-color .15s, transform .15s, box-shadow .15s; cursor: pointer;
}
.kat-kutu:hover { border-color: var(--altin-cizgi); transform: translateY(-2px); box-shadow: var(--golge); }
.kat-kutu .ad { display: flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: var(--murekkep); }
.kat-kutu .sayi { font-size: 11.5px; color: var(--murekkep3); }

/* Gök paneli */
.gok-panel { display: grid; gap: 10px; }
.gok-satir { display: flex; align-items: center; gap: 12px; background: var(--yuzey2); border: 1px solid var(--cizgi2); border-radius: 12px; padding: 11px 13px; }
.gok-ikon { font-size: 21px; width: 30px; text-align: center; color: var(--altin-koyu); }
.gok-metin { display: flex; flex-direction: column; line-height: 1.3; }
.gok-metin b { font-size: 13.5px; font-weight: 600; color: var(--murekkep); }
.gok-metin span { font-size: 11.5px; color: var(--murekkep3); }

.mini-satir { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; color: var(--murekkep2); padding: 7px 0; border-bottom: 1px dashed var(--cizgi2); }
.mini-satir:last-child { border-bottom: none; }
.mini-satir b { color: var(--murekkep); font-weight: 600; }

/* ═══ KÜTÜPHANE ═══ */
.arac-cubugu { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; margin-bottom: 17px; }
.kart-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); gap: 14px; }
.kutu-kart {
  display: flex; flex-direction: column; gap: 9px; padding: 16px 17px;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--radius);
  box-shadow: var(--golge); cursor: pointer;
  transition: transform .16s, box-shadow .16s, border-color .16s;
}
.kutu-kart:hover { transform: translateY(-3px); box-shadow: var(--golge2); border-color: var(--altin-cizgi); }
.kutu-kart h3 { margin: 0; font-size: 15px; font-weight: 600; color: var(--gece); line-height: 1.4; }
.kutu-kart .ozet { font-size: 12.5px; color: var(--murekkep2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 56px; }
.kutu-kart .alt { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: auto; }
.kutu-kart .tarih { margin-left: auto; font-size: 11px; color: var(--murekkep3); font-variant-numeric: tabular-nums; }
.etiketler { display: flex; gap: 5px; flex-wrap: wrap; }
.etiket { font-size: 10.5px; color: var(--murekkep2); background: var(--yuzey2); border: 1px solid var(--cizgi2); border-radius: 6px; padding: 1px 7px; }
mark { background: var(--altin-acik); color: var(--altin-koyu); border-radius: 3px; padding: 0 2px; font-weight: 600; }
.sonuc-notu { color: var(--murekkep2); font-size: 13px; margin: 4px 0 14px; }
.daha { display: flex; justify-content: center; margin-top: 20px; }

/* Liste modu */
.liste-kart { display: flex; flex-direction: column; }
.liste-satir { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--cizgi2); cursor: pointer; }
.liste-satir:last-child { border-bottom: none; }
.liste-satir:hover { background: var(--yuzey2); }
.liste-satir .baslik { font-size: 14px; font-weight: 500; flex: 1; min-width: 0; }
.liste-satir .ozet { font-size: 12px; color: var(--murekkep3); display: none; }
@media (min-width: 900px) { .liste-satir .ozet { display: block; max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

/* ═══ OKUYUCU ═══ */
.ilerleme-kap { position: fixed; top: 66px; left: 0; right: 0; height: 3px; background: transparent; z-index: 49; pointer-events: none; }
.ilerleme { height: 100%; width: 0; background: linear-gradient(90deg, var(--altin), var(--gece)); transition: width .12s linear; }
.derece {
  position: fixed; top: 74px; right: 18px; z-index: 49;
  background: var(--gece); color: #fff; font-size: 11px; font-weight: 600;
  border-radius: 999px; padding: 4px 12px; letter-spacing: .08em; opacity: .92;
}
.derece span { color: #E8C97A; }
.okuyucu-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; align-items: start; }
.makale {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--radius);
  box-shadow: var(--golge); padding: 30px 36px 40px; min-width: 0;
}
.makale-ust { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.makale h1 { margin: 2px 0 10px; font-size: 26px; font-weight: 700; color: var(--gece); line-height: 1.3; }
.makale-meta { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--murekkep3); margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--cizgi2); }
.makale-meta b { color: var(--murekkep2); font-weight: 500; }
.geri { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--murekkep2); margin-bottom: 14px; font-weight: 500; }
.geri:hover { color: var(--altin-koyu); }

.proza { font-size: 14.8px; line-height: 1.78; color: #2A3550; overflow-wrap: break-word; }
.proza h2 { font-size: 19px; font-weight: 600; color: var(--gece); margin: 30px 0 12px; padding-left: 13px; border-left: 3px solid var(--altin); }
.proza h3 { font-size: 16px; font-weight: 600; color: var(--gece); margin: 22px 0 9px; }
.proza h4 { font-size: 14.5px; font-weight: 600; color: var(--murekkep); margin: 18px 0 7px; }
.proza p { margin: 0 0 13px; }
.proza ul, .proza ol { margin: 0 0 14px; padding-left: 22px; }
.proza li { margin-bottom: 5px; }
.proza strong { color: var(--gece); }
.proza table { width: 100%; border-collapse: collapse; margin: 16px 0 20px; font-size: 13px; }
.proza th { background: var(--yuzey2); text-align: left; font-weight: 600; color: var(--gece); padding: 8px 11px; border: 1px solid var(--cizgi); }
.proza td { padding: 7.5px 11px; border: 1px solid var(--cizgi2); vertical-align: top; }
.proza tr:nth-child(even) td { background: #FCFAF5; }
.proza blockquote { margin: 16px 0; padding: 12px 16px; background: var(--altin-acik); border-left: 3px solid var(--altin); border-radius: 0 10px 10px 0; color: #5C4E2B; font-size: 14px; }
.proza blockquote p:last-child { margin-bottom: 0; }
.proza code { font-family: var(--mono); font-size: 12.6px; background: var(--yuzey2); border: 1px solid var(--cizgi2); border-radius: 5px; padding: 1px 6px; color: #7A4E2D; }
.proza pre { background: var(--gece); color: #E8EAEF; border-radius: 11px; padding: 15px 17px; overflow-x: auto; font-size: 12.5px; line-height: 1.6; }
.proza pre code { background: none; border: none; color: inherit; padding: 0; }
.proza hr { border: none; border-top: 1px solid var(--cizgi); margin: 26px 0; }
.proza a { color: var(--altin-koyu); text-decoration: underline; text-decoration-color: var(--altin-cizgi); }
.proza a:hover { text-decoration-color: var(--altin); }

.ray { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 86px; }
.ray .bolum-ic { padding: 12px 16px; }
.icindekiler { display: flex; flex-direction: column; gap: 1px; max-height: 300px; overflow-y: auto; }
.toc-oge { font-size: 12.5px; color: var(--murekkep2); padding: 4.5px 8px; border-radius: 7px; border-left: 2px solid transparent; }
.toc-oge:hover { background: var(--yuzey2); color: var(--murekkep); }
.toc-oge.alt-seviye { padding-left: 20px; font-size: 12px; color: var(--murekkep3); }
.toc-oge.aktif { background: var(--altin-acik); color: var(--altin-koyu); border-left-color: var(--altin); font-weight: 600; }
.ilgili-liste { display: flex; flex-direction: column; }
.ilgili-oge { display: flex; flex-direction: column; gap: 3px; padding: 9px 16px; border-bottom: 1px solid var(--cizgi2); }
.ilgili-oge:last-child { border-bottom: none; }
.ilgili-oge:hover { background: var(--yuzey2); }
.ilgili-oge .ad { font-size: 13px; font-weight: 500; color: var(--murekkep); }
.ilgili-oge .ortak { font-size: 10.5px; color: var(--altin-koyu); }
.kaynak-liste { display: flex; flex-direction: column; gap: 7px; }
.kaynak-oge { font-size: 11.8px; color: var(--murekkep2); background: var(--yuzey2); border: 1px solid var(--cizgi2); border-radius: 8px; padding: 7px 10px; overflow-wrap: anywhere; }
.kaynak-oge b { color: var(--murekkep); font-weight: 600; }

/* ═══ KUYRUK ═══ */
.kuyruk-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
.kuyruk-kolon { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--radius); box-shadow: var(--golge); overflow: hidden; }
.kuyruk-baslik { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--cizgi2); font-size: 13px; font-weight: 600; color: var(--gece); }
.kuyruk-baslik .sayi { margin-left: auto; font-size: 11.5px; color: var(--murekkep3); background: var(--yuzey2); border-radius: 999px; padding: 1px 9px; }
.kuyruk-liste { display: flex; flex-direction: column; max-height: 620px; overflow-y: auto; }
.kuyruk-oge { padding: 11px 16px; border-bottom: 1px solid var(--cizgi2); display: flex; flex-direction: column; gap: 5px; }
.kuyruk-oge:last-child { border-bottom: none; }
.kuyruk-oge .konu { font-size: 13px; font-weight: 500; color: var(--murekkep); }
.kuyruk-oge .alt { display: flex; gap: 7px; align-items: center; font-size: 11px; color: var(--murekkep3); flex-wrap: wrap; }
.oncelik { display: inline-flex; gap: 2.5px; }
.oncelik i { width: 6px; height: 6px; border-radius: 50%; background: var(--cizgi); }
.oncelik i.dolu { background: var(--altin); }
.kuyruk-oge.calisan { background: linear-gradient(90deg, var(--altin-acik), transparent 70%); }
.tamam-liste .kuyruk-oge { opacity: .88; }

/* ═══ KAYNAKLAR ═══ */
.kaynak-tablo { width: 100%; border-collapse: collapse; font-size: 13px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--radius); overflow: hidden; box-shadow: var(--golge); }
.kaynak-tablo th { text-align: left; background: var(--yuzey2); color: var(--murekkep2); font-weight: 600; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; padding: 10px 14px; border-bottom: 1px solid var(--cizgi); }
.kaynak-tablo td { padding: 9.5px 14px; border-bottom: 1px solid var(--cizgi2); vertical-align: top; }
.kaynak-tablo tr:last-child td { border-bottom: none; }
.kaynak-tablo tr:hover td { background: var(--yuzey2); }
.kaynak-tablo .loc { font-family: var(--mono); font-size: 11px; color: var(--murekkep3); overflow-wrap: anywhere; max-width: 320px; }
.tur-cip { font-size: 10.5px; font-weight: 600; border-radius: 6px; padding: 1.5px 8px; background: #EEF1F7; color: #4A5A80; border: 1px solid #DDE3EF; white-space: nowrap; }

/* ═══ YILDIZ AĞI ═══ */
.ag-kap { position: relative; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--radius); box-shadow: var(--golge); overflow: hidden; }
#ag-canvas { display: block; width: 100%; height: 640px; cursor: grab; }
#ag-canvas.tutuyor { cursor: grabbing; }
.ag-efsane { position: absolute; left: 14px; bottom: 12px; display: flex; gap: 12px; flex-wrap: wrap; font-size: 11.5px; color: var(--murekkep2); background: rgba(255,255,255,.85); border: 1px solid var(--cizgi2); border-radius: 10px; padding: 7px 12px; backdrop-filter: blur(4px); }
.ag-efsane i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 4px; vertical-align: -1px; }
.ag-yardim { position: absolute; right: 14px; top: 12px; font-size: 11px; color: var(--murekkep3); background: rgba(255,255,255,.85); border: 1px solid var(--cizgi2); border-radius: 10px; padding: 6px 11px; }
.ag-filtre { margin-bottom: 14px; }

/* ═══ MOTOR ═══ */
.motor-istat { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 20px; }
.motor-kutu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--radius); box-shadow: var(--golge); padding: 14px 16px; }
.motor-kutu .etiket-ust { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--murekkep3); font-weight: 600; margin-bottom: 6px; }
.motor-kutu .buyuk { font-size: 21px; font-weight: 700; color: var(--gece); font-variant-numeric: tabular-nums; }
.motor-kutu .aciklama { font-size: 11.5px; color: var(--murekkep3); margin-top: 3px; }
.spark-kap { padding: 14px 18px; }
.spark-svg { width: 100%; height: 74px; display: block; }
.spark-bar { fill: var(--altin); opacity: .9; }
.spark-bar.hata { fill: #C24B4B; }
.spark-bar.aktif { fill: var(--gece); }
.dongu-tablo { width: 100%; border-collapse: collapse; font-size: 12.8px; }
.dongu-tablo th { text-align: left; padding: 8px 14px; color: var(--murekkep3); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; border-bottom: 1px solid var(--cizgi); }
.dongu-tablo td { padding: 7.5px 14px; border-bottom: 1px solid var(--cizgi2); font-variant-numeric: tabular-nums; }
.dongu-tablo tr:last-child td { border-bottom: none; }
.cikti-kutu { background: var(--gece); color: #DCE1EC; font-family: var(--mono); font-size: 12px; line-height: 1.65; border-radius: 0 0 var(--radius) var(--radius); padding: 16px 18px; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 320px; overflow-y: auto; }

/* ═══ PALET ═══ */
.palet-arka { position: fixed; inset: 0; z-index: 100; background: rgba(30,42,68,.28); backdrop-filter: blur(3px); display: flex; align-items: flex-start; justify-content: center; padding: 12vh 18px 0; }
.palet-kutu { width: 100%; max-width: 620px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 16px; box-shadow: var(--golge2); overflow: hidden; animation: belir .2s ease both; }
.palet-ust { display: flex; align-items: center; gap: 11px; padding: 14px 16px; border-bottom: 1px solid var(--cizgi2); }
.palet-ust .ikon { width: 19px; height: 19px; color: var(--murekkep3); flex: none; }
.palet-ust input { flex: 1; border: none; outline: none; font-family: var(--font); font-size: 15.5px; color: var(--murekkep); background: none; }
.palet-ust kbd { font-size: 10px; font-weight: 600; color: var(--murekkep3); border: 1px solid var(--cizgi); border-radius: 5px; padding: 1px 6px; }
.palet-sonuc { max-height: 46vh; overflow-y: auto; padding: 7px 8px 9px; }
.palet-grup { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--murekkep3); padding: 9px 10px 4px; }
.palet-oge { display: flex; align-items: center; gap: 10px; padding: 8.5px 11px; border-radius: 9px; cursor: pointer; }
.palet-oge:hover, .palet-oge.secili { background: var(--altin-acik); }
.palet-oge .baslik { font-size: 13.5px; font-weight: 500; color: var(--murekkep); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.palet-oge .yan-not { font-size: 11px; color: var(--murekkep3); white-space: nowrap; }
.palet-bos { padding: 20px; text-align: center; color: var(--murekkep3); font-size: 13px; }

/* ═══ TOAST ═══ */
.toastlar { position: fixed; right: 18px; bottom: 18px; z-index: 120; display: flex; flex-direction: column; gap: 9px; }
.toast { background: var(--gece); color: #fff; font-size: 13px; border-radius: 11px; padding: 11px 15px; box-shadow: var(--golge2); animation: belir .25s ease both; max-width: 340px; }
.toast.hata { background: #8F3030; }

/* ═══ RESPONSIVE ═══ */
@media (max-width: 1100px) {
  .pano-izgara { grid-template-columns: 1fr; }
  .okuyucu-izgara { grid-template-columns: 1fr; }
  .ray { position: static; }
  .kuyruk-izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .marka-ad { font-size: 12.5px; letter-spacing: .11em; }
  .marka-alt { display: none; }
  .ara-tetik kbd { display: none; }
  .cip-gok, .cip-motor { padding: 5px 9px; font-size: 11.5px; gap: 5px; }
  .topbar { gap: 10px; padding: 0 14px; }
}
@media (max-width: 900px) {
  .kabuk { grid-template-columns: 1fr; }
  .yan { position: static; height: auto; border-right: none; border-bottom: 1px solid var(--cizgi); flex-direction: row; flex-wrap: wrap; align-items: center; }
  .yan-bolum, .yan-alt { display: none; }
  .nav { flex-direction: row; flex-wrap: wrap; }
  .nav-oge span { display: none; }
  .nav-oge .ikon { width: 20px; height: 20px; }
  .istat, .motor-istat { grid-template-columns: repeat(2, 1fr); }
  .ara-tetik span { display: none; }
  .gorunum { padding: 18px 16px 50px; }
  .makale { padding: 22px 18px 30px; }
  .kuyruk-izgara { grid-template-columns: 1fr; }
  .saat { display: none; }
}

/* YILDIZ ARCHIVE · Obsidian / warm gold design system.
   Legacy component selectors stay intact to preserve every dashboard view. */
:root {
  color-scheme: dark;
  --zemin:#0b101b; --zemin2:#0f1522; --yuzey:#121a28; --yuzey2:#182232;
  --cizgi:#2a3547; --cizgi2:#212d3e;
  --murekkep:#edf0f5; --murekkep2:#b6c0d0; --murekkep3:#97a6bb;
  --gece:#f0f2f7; --altin:#d9b777; --altin-koyu:#e5c58b;
  --altin-acik:#29271f; --altin-cizgi:#6c5839;
  --kanit-a:#8cdbb5; --kanit-b:#9bbff1; --kanit-c:#e8c083; --kanit-d:#f2a1a5;
  --golge:0 5px 24px #00000012; --golge2:0 24px 80px #0006;
  --radius:16px;
}
body { background:radial-gradient(ellipse at 85% 0,#19243a66,transparent 45%),var(--zemin); font-size:14px; }
:focus-visible { outline:2px solid var(--altin) !important; outline-offset:4px; }
::selection { background:#655131; color:#fff; }
button,input,select,summary { -webkit-tap-highlight-color:transparent; }
button,a,input,select { touch-action:manipulation; }
button:disabled { opacity:.5; cursor:wait; }
input::placeholder { color:var(--murekkep3); opacity:1; }
.topbar { height:78px; padding:0 28px; gap:28px; background:#0d1420ed; backdrop-filter:blur(18px); }
.marka { min-width:224px; }
.marka-svg { border:1px solid #675334; border-radius:12px; padding:5px; width:42px; height:42px; }
.marka-ad { font-size:15px; letter-spacing:.14em; font-weight:600; }
.marka-alt { font-size:8px; letter-spacing:.19em; margin-top:7px; color:var(--murekkep3); }
.ara-tetik { max-width:540px; min-height:44px; border-radius:9px; background:#111b2a; }
.topbar-sag { gap:10px; }
.cip-gok { display:none; }
.cip-motor { min-height:36px; background:#14251f; border-color:#2f4c3f; color:#a1dbb8; }
.kabuk { grid-template-columns:248px minmax(0,1fr); }
.yan { top:78px; height:calc(100dvh - 78px); padding:30px 18px 20px; gap:24px; background:#0e1521; }
.nav-etiket,.eyebrow { font-size:10px; letter-spacing:.17em; font-weight:600; color:var(--murekkep3); }
.nav-etiket { padding-left:14px; }
.nav { gap:6px; }
.nav-oge { min-height:46px; font-size:12px; padding:11px 13px; border-radius:8px; }
.nav-oge.aktif { background:linear-gradient(90deg,#d9b77722,#d9b77708); }
.nav-oge.aktif .nav-rozet { background:#302b23; color:#e5c58b; border-color:#675334; }
.yan-baslik::before,.bolum-ust h2::before,.istat-kutu::after { content:none; }
.yan-bolum { padding-top:20px; }
.yan-alt p:first-child { font-size:9px; }
.gizli-not { font-style:normal; }
summary { cursor:pointer; }
.gorunum { max-width:1660px; padding:32px 38px 64px; margin:auto; }
.gor-baslik { margin-bottom:25px; }
.gor-baslik h1 { font-size:27px; font-weight:500; letter-spacing:-.04em; margin-top:5px; }
.guncelleme { font-size:11px; color:var(--murekkep3); }
.command-center { display:grid; grid-template-columns:1.35fr 1fr; gap:42px; padding:36px; margin-bottom:24px; border:1px solid #3c3d3a; border-radius:20px; background:radial-gradient(ellipse at 10% 0,#d9b7770f,transparent 60%),linear-gradient(115deg,#192335,#101a28); overflow:hidden; }
.command-copy .eyebrow { color:var(--altin); font-size:9px; }
.command-copy h2 { font-size:clamp(27px,2.4vw,40px); line-height:1.25; letter-spacing:-.045em; font-weight:500; margin:18px 0; }
.command-copy h2 em { color:var(--altin); font-style:normal; }
.command-copy p { font-size:12px; color:var(--murekkep2); line-height:1.85; max-width:480px; margin-bottom:22px; }
.hero-search { width:100%; display:flex; align-items:center; gap:12px; background:#0c1422; border:1px solid #445064; border-radius:10px; min-height:54px; padding:14px 16px; color:var(--murekkep2); cursor:pointer; text-align:left; font-size:12px; }
.hero-search:hover { border-color:var(--altin); }
.hero-search .ikon { color:var(--altin); flex-shrink:0; }
.hero-search kbd { margin-left:auto; font-size:10px; white-space:nowrap; color:var(--murekkep3); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.btn { min-height:40px; font-size:12px; justify-content:center; }
.btn-birincil,.btn-altin { background:var(--altin); border-color:var(--altin); color:#171a20; font-weight:600; }
.btn-birincil:hover,.btn-altin:hover { background:#edce95; border-color:#edce95; }
.command-insight { border-left:1px solid #ffffff12; padding-left:34px; align-self:center; min-width:0; }
.insight-number { font-size:48px; line-height:1.4; font-weight:500; letter-spacing:-.055em; margin-top:12px; font-variant-numeric:tabular-nums; }
.insight-number span { font-size:14px; letter-spacing:0; color:var(--murekkep3); }
.command-insight p,.insight-foot { color:var(--murekkep3); font-size:10px; }
.activity-chart { display:flex; gap:7px; align-items:end; height:104px; margin:26px 0 32px; border-bottom:1px solid #ffffff1a; }
.activity-day { flex:1; height:100%; display:flex; align-items:end; position:relative; }
.activity-day i { width:100%; border-radius:3px 3px 0 0; background:linear-gradient(0deg,#8c7044,#d9b777); min-height:2px; }
.activity-day span { position:absolute; bottom:-23px; left:0; width:100%; text-align:center; font-size:8px; color:var(--murekkep3); }
.insight-foot { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #ffffff12; padding-top:16px; }
.insight-foot a { color:var(--altin); }
.istat { gap:16px; margin-bottom:28px; }
.istat-kutu { padding:20px; transition:border-color .2s; background:linear-gradient(130deg,#172131,#121a28); }
.istat-kutu:hover { border-color:var(--altin-cizgi); }
.istat-ad { font-size:9px; letter-spacing:.08em; display:flex; justify-content:space-between; gap:8px; }
.istat-ad span { color:var(--altin); }
.istat-sayi { font-size:34px; font-weight:500; letter-spacing:-.04em; margin:14px 0 8px; }
.istat-not { font-size:10px; }
.pano-izgara { grid-template-columns:minmax(0,1.8fr) minmax(285px,1fr); gap:24px; }
.bolum-ust { padding:18px 22px; gap:10px; }
.bolum-ust h2 { font-size:14px; font-weight:500; }
.bolum-ic { padding:18px 22px; }
.son-oge { display:grid; grid-template-columns:1fr auto auto; padding:18px 22px; gap:9px; align-items:center; }
.son-oge .baslik { grid-column:1/-1; font-size:13px; line-height:1.6; }
.son-oge .baslik b { font-weight:400; }
.son-oge .kat-cip { justify-self:start; }
.son-oge .tarih { font-size:10px; }
.kat-kutu { padding:16px; min-height:84px; }
.kat-glis { display:none; }
.kat-kutu .ad { font-weight:500; }
.kat-izgara { grid-template-columns:repeat(auto-fill,minmax(175px,1fr)); }
.mini-satir { font-size:11px; padding:10px 0; gap:12px; }
.arac-not { font-size:10px; color:var(--murekkep3); line-height:1.7; }
.evidence-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:16px; }
.evidence-grid a { padding:10px 4px; border-radius:8px; border:1px solid var(--cizgi); text-align:center; }
.evidence-grid b { display:block; font-size:14px; font-weight:500; margin-top:6px; }
.kanit[data-k='A'],.rozet-yesil { background:#17382b; color:#8cdbb5; border-color:#2c5843; }
.kanit[data-k='B'],.rozet-lacivert { background:#1c304c; color:#9bbff1; border-color:#354f70; }
.kanit[data-k='C'] { background:#3a3020; color:#e8c083; }
.kanit[data-k='D'],.rozet-kirmizi { background:#3d242d; color:#f2a1a5; border-color:#70414b; }
.proza { color:#c8d1de; font-size:15px; line-height:1.9; }
.proza tr:nth-child(even) td { background:var(--yuzey2); }
.proza blockquote,.proza code { color:var(--altin); }
.proza pre,.cikti-kutu { background:#080e18; color:#ced7e5; }
.proza table { display:block; overflow:auto; }
.proza h2,.proza h3,#alanlar { scroll-margin-top:96px; }
.derece { background:#233249; color:#d8b879; }
.ilerleme-kap { top:78px; }
.ilerleme { background:var(--altin); }
.tur-cip { background:#1c2a40; color:#b9c9e0; border-color:#364760; }
.ag-efsane,.ag-yardim { background:#101a28ed; }
.toast { background:#233249; }
.iskelet { background:linear-gradient(90deg,#162031 25%,#223047 50%,#162031 75%); background-size:200% 100%; }
.palet-arka { background:#030711bb; backdrop-filter:blur(9px); }
.palet-kutu { border-color:#48536a; }
.palet-ust input { min-width:0; }
.palet-oge .baslik { white-space:normal; line-height:1.6; }
.palet-oge .kat-cip { max-width:120px; }
#kay-sonuc { overflow-x:auto; }
.kaynak-tablo { min-width:720px; }
.sec,.girdi { min-height:44px; }
.menu-ac,.menu-perde { display:none; }
.atla { position:fixed; top:-100px; left:20px; z-index:200; padding:14px; background:var(--altin); color:#101722; }
.atla:focus { top:10px; }
body.modal-acik,body.menu-acik { overflow:hidden; }
::-webkit-scrollbar-thumb { background:#3e4d62; }
@media (min-width:1600px) { .gorunum { padding:40px 52px 70px; } }
@media (max-width:1200px) { .gorunum { padding:26px; } .command-center { gap:24px; padding:28px; } .topbar { gap:18px; } .saat { display:none; } .pano-izgara { grid-template-columns:1fr; } .command-insight { padding-left:22px; } }
@media (max-width:900px) {
 .topbar { height:68px; padding:0 16px; gap:14px; }
 .marka { min-width:0; margin-right:auto; } .marka-alt { display:block; } .marka-ad { font-size:12px; }
 .menu-ac { display:inline-flex; min-width:42px; padding:8px; }
 .ara-tetik { flex:0 0 44px; justify-content:center; padding:10px; } .ara-tetik span,.ara-tetik kbd { display:none; }
 .topbar-sag { margin-left:0; } .cip-motor { max-width:175px; font-size:10px; }
 .kabuk { display:block; }
 .yan { position:fixed; z-index:70; left:0; top:68px; bottom:0; height:calc(100dvh - 68px); width:280px; display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; transform:translateX(-100%); transition:transform .2s; visibility:hidden; border-right:1px solid var(--cizgi); }
 .menu-acik .yan { transform:translateX(0); visibility:visible; }
 .nav { flex-direction:column; flex-wrap:nowrap; } .nav-oge span { display:block; } .yan-bolum,.yan-alt { display:block; }
 .menu-perde { display:block; position:fixed; inset:68px 0 0; z-index:60; border:0; background:#0009; backdrop-filter:blur(3px); }
 .gorunum { padding:24px 20px 48px; } .istat { grid-template-columns:repeat(2,1fr); }
 .command-center { grid-template-columns:1fr; } .command-insight { border-left:0; border-top:1px solid #ffffff12; padding:22px 0 0; }
 .command-copy p { max-width:none; } .activity-chart { height:90px; }
 .command-copy h2 { font-size:36px; } .command-insight .insight-number { font-size:34px; }
 .pano-izgara,.pano-izgara[style],.okuyucu-izgara { grid-template-columns:1fr !important; }
 .ilerleme-kap { top:68px; } .proza h2,.proza h3,#alanlar { scroll-margin-top:86px; }
}
@media (max-width:540px) {
 .gorunum { padding:22px 14px 40px; } .topbar { gap:10px; padding:0 12px; }
 .marka-svg { width:32px; height:32px; } .marka { gap:8px; } .marka-ad { font-size:10px; } .marka-alt { font-size:6px; }
 .topbar-sag { display:none; } .command-center { padding:23px 20px; border-radius:14px; }
 .command-copy h2 { font-size:29px; } .command-copy .eyebrow { font-size:8px; }
 .hero-search { font-size:11px; } .hero-search kbd { display:none; } .hero-actions { gap:8px; } .hero-actions .btn { font-size:10px; padding:10px; flex:1; }
 .istat { gap:10px; } .istat-kutu { padding:15px; } .istat-ad { font-size:8px; } .istat-sayi { font-size:29px; }
 .gor-baslik h1 { font-size:24px; } .guncelleme { font-size:9px; }
 .bolum-ust,.bolum-ic,.son-oge { padding:16px; } .kat-izgara { grid-template-columns:repeat(2,minmax(0,1fr)); } .kat-kutu { padding:12px; } .kat-kutu .ad { font-size:11px; overflow-wrap:anywhere; }
 .kat-kutu .sayi { font-size:9px; } .kat-cip { font-size:10px; } .kart-izgara { grid-template-columns:minmax(0,1fr); }
 .liste-satir { flex-wrap:wrap; } .liste-satir .baslik { flex-basis:100%; } .makale h1 { font-size:22px; overflow-wrap:anywhere; }
 .arac-cubugu .sec,.arac-cubugu .girdi { width:100%; } .palet-arka { padding:16px 10px; } .palet-sonuc { max-height:65dvh; } .palet-ust input { font-size:12px; } .palet-oge .kat-cip { display:none; }
 .toastlar { left:14px; right:14px; } .toast { max-width:none; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }