/* Süheylünvername — renk ve yazı düzeni
   Kâğıt: soğuk, hafif yeşilimsi bir defter beyazı. Mürekkep: lâcivert. Tek süs: varak altını ince çizgi. */
/* Cormorant'ın şapkası (â î û) çok dar ve uzun; başlıklarda bu altı harf EB Garamond'dan alınır. */
@font-face { font-family: "Baslik Sapka"; src: url(/fonts/eb-garamond-sapka.woff2) format("woff2"); font-weight: 400 600; font-display: swap; size-adjust: 96%; unicode-range: U+C2, U+CE, U+DB, U+E2, U+EE, U+FB; }
:root {
  --kagit: #f2f3f0;
  --yuzey: #ffffff;
  --murekkep: #1c2433;
  --lacivert: #22396b;
  --lacivert-acik: #e6ebf4;
  --varak: #a8832e;
  --cizgi: #d5d9de;
  --etiket-cizgi: #cfcbc2;
  --soluk: #5f6876;
  --tehlike: #a33b2f;
  --sahis: #22396b; --sehir: #2f6b4f; --yapi: #8a5a2b; --kurum: #6b3f7a; --eser: #5c6f86; --kavram: #666f7a; --defter: #3a3f47; --olay: #a33b2f; --isaret: #2f6fb5;
  --baslik: "Baslik Sapka", "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --govde: "EB Garamond", Georgia, serif;
  --arayuz: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --osmanli: "Amiri", "Noto Naskh Arabic", serif;
  --ust-yukseklik: 68px;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--kagit); color: var(--murekkep); font: 19px/1.55 var(--govde); }
a { color: var(--lacivert); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: #14264d; }
:focus-visible { outline: 2px solid var(--varak); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--baslik); font-weight: 500; line-height: 1.1; letter-spacing: -.005em; margin: 0 0 .4em; }
h1 { font-size: 2.6rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.3rem; }
button, input, select, textarea { font: inherit; font-family: var(--arayuz); font-size: 15px; color: inherit; }
[lang="ota"], .ozgun, .dk-ozgun, .ozgun-buyuk { font-family: var(--osmanli); }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; left: -999px; top: 8px; background: var(--yuzey); padding: 6px 10px; z-index: 50; }
.atla:focus { left: 8px; }
.soluk { color: var(--soluk); }
.esnek { flex: 1; }

/* ── Üst bant ── */
.ust { position: sticky; top: 0; z-index: 30; height: var(--ust-yukseklik); display: flex; align-items: center; gap: 18px; padding: 0 28px;
  background: var(--murekkep); color: #e9ecf1; border-bottom: 2px solid var(--varak); }
.marka { display: flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; font: 500 1.6rem/1 var(--baslik); letter-spacing: .01em; white-space: nowrap; }
.marka img { height: 42px; width: auto; display: block; }
/* Site adı: kare kûfî esintili modüler yazı (index.html içinde SVG) */
.marka-yazi { height: 25px; width: auto; display: block; margin-left: 6px; }
.my-harf { fill: #f4f0e6; stroke: #f4f0e6; stroke-width: 1.2; stroke-linejoin: round; }
.my-elmas { fill: #d9b45a; stroke: #d9b45a; stroke-width: 1.2; stroke-linejoin: round; }
.ana-menu { display: flex; gap: 8px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-left: auto; }
.ana-menu a { color: #c9cfd9; text-decoration: none; font: 500 15px var(--arayuz); padding: 6px 10px; border-radius: 4px; white-space: nowrap; }
.ana-menu a:hover { color: #fff; background: rgba(255,255,255,.07); }
.ana-menu a[aria-current] { color: #fff; box-shadow: inset 0 -2px 0 var(--varak); border-radius: 0; }
.ust-ara { margin-left: 14px; padding-left: 22px; border-left: 1px solid rgba(255,255,255,.14); }
.ust-ara input { width: 210px; padding: 6px 10px; border-radius: 4px; border: 1px solid #3a4558; background: #273044; color: #fff; }
.ust-ara input::placeholder { color: #9aa3b2; }
.duzen-dugme { background: transparent; border: 1px solid #4a5568; color: #c9cfd9; border-radius: 4px; padding: 5px 10px; cursor: pointer; white-space: nowrap; }
.duzen-dugme[aria-pressed="true"] { border-color: var(--varak); color: #f3e3b8; background: rgba(168,131,46,.15); }
.menu-dugme { display: none; }
body:not(.duzenleme) .yalniz-duzen { display: none !important; }

/* ── Genel sayfa ── */
main { min-height: calc(100vh - var(--ust-yukseklik)); outline: none; }
.sayfa { max-width: 1240px; margin: 0 auto; padding: 36px 24px 80px; }
.sayfa.orta { max-width: 860px; }
.sayfa.dar { max-width: 720px; }
.sayfa-bas { margin-bottom: 22px; }
.sayfa-bas p { max-width: 62ch; font: 400 1.45rem/1.35 var(--baslik); color: var(--murekkep); margin: 0 0 14px; }
.yukleniyor { padding: 40px; color: var(--soluk); font-family: var(--arayuz); }
.araclar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.araclar input[type=search] { flex: 1 1 280px; max-width: 460px; }
input, select, textarea { border: 1px solid var(--cizgi); border-radius: 4px; background: var(--yuzey); padding: 7px 9px; }
textarea { width: 100%; resize: vertical; line-height: 1.45; }
.sonuc-bilgi { font: 14px var(--arayuz); color: var(--soluk); margin: 8px 0 14px; }
.birincil, .ikincil, .tehlike { border-radius: 4px; padding: 7px 14px; cursor: pointer; font-weight: 500; border: 1px solid transparent; }
.birincil { background: var(--lacivert); color: #fff; }
.birincil:hover { background: #18295a; }
.ikincil { background: var(--yuzey); border-color: var(--cizgi); color: var(--murekkep); }
.ikincil:hover { border-color: var(--lacivert); }
.tehlike { background: transparent; color: var(--tehlike); border-color: rgba(163,59,47,.4); }
.rozet { display: inline-block; font: 500 11.5px/1 var(--arayuz); letter-spacing: .02em; color: var(--r); border: 1px solid color-mix(in srgb, var(--r) 40%, transparent); background: transparent; padding: 3px 6px 3px; border-radius: 2px; vertical-align: 2px; }
code.crm { font: 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--soluk); margin-left: 8px; }

/* ── Ana sayfa ── */
.ana { display: grid; grid-template-columns: minmax(340px, 520px) 1fr; min-height: calc(100vh - var(--ust-yukseklik)); }
.ana-metin { padding: 56px 40px 48px 48px; border-right: 1px solid var(--cizgi); background: var(--yuzey); }
.ana-ustyazi { font: 500 11.5px var(--arayuz); letter-spacing: .14em; text-transform: uppercase; color: var(--varak); margin: 0 0 12px; }
.ana-metin h1 { font-size: clamp(3rem, 4.6vw, 4.1rem); font-weight: 400; line-height: 1; letter-spacing: -.01em; margin: 0; white-space: nowrap; }
.ana-metin h1 em { color: var(--varak); font-style: italic; }
.ana-spot { font: 400 1.5rem/1.25 var(--baslik); margin: 22px 0 0; }
.ana-spot::after { content: ""; display: block; width: 56px; height: 2px; background: var(--varak); margin: 18px 0; }
.ana-metin p { max-width: 60ch; }
.sayac { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 26px 0; border-top: 1px solid var(--murekkep); }
.sayac > div, .sayac > a > div { padding: 12px 0 10px 14px; border-left: 1px solid var(--etiket-cizgi); border-bottom: 1px solid var(--etiket-cizgi); height: 100%; display: flex; flex-direction: column-reverse; }
.sayac > :nth-child(4n+1) > div, .sayac > div:nth-child(4n+1) { border-left: none; padding-left: 0; }
.sayac-bag { text-decoration: none; color: inherit; }
.sayac-bag:hover dd { color: var(--varak); }
.sayac dt { font: 500 11px var(--arayuz); letter-spacing: .09em; text-transform: uppercase; color: var(--soluk); margin-top: 4px; }
.sayac dd { margin: 0; font: 400 2.1rem/1 var(--baslik); font-variant-numeric: lining-nums; }
.ana-ara { display: flex; gap: 8px; max-width: 640px; }
.ana-ara input { flex: 1; padding: 10px 12px; font-size: 16px; }
.yonlendirme { font-family: var(--arayuz); font-size: 15px; color: var(--soluk); }
/* Duvar, metin sütunu ne kadar uzunsa o kadar uzar (kendi yüksekliği satırı büyütmez), taşan görseller kesilir, alt kenar yumuşakça söner. */
.duvar { position: relative; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-auto-rows: 8px; gap: 0 6px; padding: 10px; align-content: start; overflow: hidden; height: 0; min-height: 100%; }
.duvar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(transparent, var(--kagit)); pointer-events: none; }
.duvar-oge { position: relative; display: block; grid-row-end: span calc(22 + var(--g) * 2); overflow: hidden; background: #d9dcd6; margin-bottom: 6px; }
.duvar-oge img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.85); transition: filter .2s; }
.duvar-oge span { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 8px 6px; font: 500 13px/1.2 var(--arayuz); color: #fff; background: linear-gradient(transparent, rgba(18,24,36,.85)); opacity: 0; transition: opacity .15s; }
.duvar-oge:hover img, .duvar-oge:focus-visible img { filter: none; }
.duvar-oge:hover span, .duvar-oge:focus-visible span { opacity: 1; }

/* ── Defter ızgarası ── */
/* Süzgeç etiketleri: köşeli, ince çerçeveli; sayı orta noktayla ayrılır, seçili olan koyu dolgulu */
.cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.cipler button { font: 500 13.5px/1.2 var(--arayuz); color: #33404f; padding: 5px 9px; border-radius: 2px; border: 1px solid var(--etiket-cizgi); background: transparent; cursor: pointer; transition: border-color .12s, background .12s; }
.cipler button small { font: 400 12.5px var(--arayuz); color: #8b9097; margin-left: 2px; }
.cipler button small::before { content: "·"; margin-right: 6px; }
.cipler button:hover { border-color: #8b9097; color: var(--murekkep); }
.cipler button[aria-pressed="true"] { background: var(--murekkep); color: #fff; border-color: var(--murekkep); }
.cipler button[aria-pressed="true"] small { color: #c9cfd9; }
.defter-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 26px 20px; }
.defter-kart { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.defter-kart img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: top; background: #dfe2dc; border: 1px solid var(--cizgi); box-shadow: 3px 3px 0 #e2e4df; }
.defter-kart:hover img { border-color: var(--lacivert); }
.dk-baslik { font: 500 1.15rem/1.25 var(--govde); margin-top: 8px; }
.defter-kart:hover .dk-baslik { text-decoration: underline; }
.dk-ozgun { font-size: 15px; color: var(--soluk); direction: rtl; text-align: left; }
.dk-bilgi { font: 13px var(--arayuz); color: var(--soluk); margin-top: 2px; }

/* ── Tablolar ── */
.tablo-kap { overflow-x: auto; background: var(--yuzey); border: 1px solid var(--cizgi); }
table.liste { border-collapse: collapse; width: 100%; font-family: var(--arayuz); font-size: 15px; }
table.liste th, table.liste td { text-align: left; padding: 8px 12px; border-bottom: 1px solid #e8eaec; vertical-align: top; }
table.liste thead th { font-weight: 600; color: var(--soluk); background: #f7f8f6; position: sticky; top: 0; }
table.liste tbody th { font: 500 18px var(--govde); }
table.liste .sayi { text-align: right; font-variant-numeric: tabular-nums; }
.alt-adlar { display: block; color: var(--soluk); font: 13px var(--arayuz); }
table.liste .ozgun { color: var(--soluk); }

/* ── Kayıt sayfası ── */
.kayit-bas { border-left: 4px solid var(--tur); padding: 4px 0 4px 20px; margin-bottom: 26px; }
.kayit-tur { font-family: var(--arayuz); color: var(--soluk); margin: 0 0 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.geri { margin-left: auto; font-size: 14px; }
.kayit-bas h1 { font-size: 3.2rem; font-weight: 400; }
.ozgun-buyuk { font-size: 1.6rem; margin: -6px 0 6px; color: #3d4757; text-align: left; }
.tarih { font-family: var(--arayuz); color: var(--soluk); }
.aciklama { max-width: 70ch; font-size: 1.08rem; }
.kimlikler { font: 14px var(--arayuz); display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.uri { color: var(--soluk); font: 13px ui-monospace, Menlo, monospace; word-break: break-all; }
.kaynak { font: 14px var(--arayuz); color: var(--soluk); }
.bolum { margin: 34px 0; }
.bolum h2 { padding-bottom: 6px; border-bottom: 1px solid var(--cizgi); }
.kucuk-harita { height: 260px; border: 1px solid var(--cizgi); margin-bottom: 20px; }
.kirpinti { display: block; position: relative; overflow: hidden; background-color: #e3e5e0; border: 1px solid var(--cizgi); flex: none; }
.kirpinti img { position: absolute; max-width: none; user-select: none; }
.kirpinti-izgara { display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-end; }
.kirpinti-oge { display: flex; flex-direction: column; gap: 4px; max-width: 190px; text-decoration: none; color: inherit; }
.kirpinti-oge span { font: 500 16px/1.25 var(--govde); }
.kirpinti-oge small { font: 13px var(--arayuz); color: var(--soluk); }
.kirpinti-oge:hover .kirpinti { outline: 2px solid var(--lacivert); }
.defter-satirlari { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px 24px; }
.defter-satirlari li { display: flex; flex-direction: column; padding: 6px 0; border-bottom: 1px solid #e6e8e4; }
.defter-satirlari a { display: flex; gap: 10px; align-items: center; text-decoration: none; }
.defter-satirlari img { width: 34px; height: 44px; object-fit: cover; object-position: top; border: 1px solid var(--cizgi); }
.defter-satirlari small { color: var(--soluk); font: 13px var(--arayuz); margin-left: 44px; }
.defter-satirlari.kucuk { grid-template-columns: 1fr; }
.iliski-listesi { list-style: none; padding: 0; margin: 0 0 10px; }
.iliski-listesi li { display: flex; gap: 12px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid #e6e8e4; flex-wrap: wrap; }
.iliski-ad { min-width: 160px; color: var(--soluk); font: 15px var(--arayuz); }
.zaman-cizgisi { list-style: none; padding: 0 0 0 18px; margin: 0; border-left: 2px solid var(--varak); }
.zaman-cizgisi li { position: relative; padding: 6px 0 12px 8px; display: grid; grid-template-columns: 110px 1fr; column-gap: 12px; }
.zaman-cizgisi li::before { content: ""; position: absolute; left: -24px; top: 14px; width: 9px; height: 9px; border-radius: 50%; background: var(--yuzey); border: 2px solid var(--varak); }
.zc-tarih { font: 600 14px/1.9 var(--arayuz); color: var(--soluk); font-variant-numeric: tabular-nums; grid-row: span 2; }
.zaman-cizgisi a { font-size: 1.08rem; }
.zaman-cizgisi small { font: 13px var(--arayuz); color: var(--soluk); }
.kanit-listesi { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 14px; }
.duz { padding-left: 18px; }

/* ── Formlar ve pencereler ── */
.pencere { border: 1px solid var(--cizgi); border-radius: 6px; padding: 22px 24px; width: min(460px, calc(100vw - 32px)); background: var(--yuzey); color: var(--murekkep); box-shadow: 0 18px 60px rgba(20,30,50,.25); }
.pencere.genis { width: min(760px, calc(100vw - 32px)); }
.pencere::backdrop { background: rgba(28,36,51,.45); }
.pencere label { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; font: 14px var(--arayuz); color: var(--soluk); }
.pencere p { font-size: 15px; }
.dugmeler { display: flex; gap: 8px; margin-top: 16px; align-items: center; flex-wrap: wrap; }
.hata-metni { color: var(--tehlike); font-family: var(--arayuz); }
.kayit-formu { display: flex; flex-direction: column; gap: 10px; }
.alan { display: flex; flex-direction: column; gap: 4px; font-family: var(--arayuz); }
.alan-ad { font-size: 14px; color: var(--soluk); font-weight: 500; }
.alan small { color: var(--soluk); font-size: 13px; }
.form-satir { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; }
.form-satir > * { flex: 1 1 140px; }
.secici { position: relative; }
.secici input { width: 100%; }
.oneri { position: absolute; z-index: 40; left: 0; right: 0; top: 100%; margin: 2px 0 0; padding: 4px 0; list-style: none; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 4px; box-shadow: 0 8px 24px rgba(20,30,50,.15); max-height: 300px; overflow-y: auto; }
.oneri li { padding: 6px 10px; cursor: pointer; font-family: var(--arayuz); }
.oneri li:hover, .oneri li.etkin { background: var(--lacivert-acik); }
.oneri small { color: var(--soluk); }
.yeni-oneri { color: var(--lacivert); font-weight: 500; }
.secim-listesi { list-style: none; padding: 0; margin: 4px 0; display: flex; flex-direction: column; gap: 4px; }
.secim-listesi li { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-family: var(--arayuz); padding: 4px 0; border-bottom: 1px dashed #e3e5e0; }
.secim-listesi select, .secim-listesi input { padding: 3px 5px; font-size: 13px; }
.kaldir { border: none; background: transparent; color: var(--soluk); cursor: pointer; font-size: 18px; line-height: 1; padding: 0 4px; margin-left: auto; }
.kaldir:hover { color: var(--tehlike); }
.secilen { font-family: var(--arayuz); font-size: 14px; display: inline-flex; gap: 4px; align-items: center; }
details.iliski-formu { margin-top: 12px; padding: 12px 14px; background: var(--yuzey); border: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 10px; }
details.iliski-formu summary { cursor: pointer; font-family: var(--arayuz); font-weight: 600; color: var(--lacivert); }
details.iliski-formu[open] > *:not(summary) { margin-top: 10px; }
.bildirim { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; z-index: 60;
  background: var(--murekkep); color: #fff; font-family: var(--arayuz); padding: 10px 16px; border-radius: 4px; transition: .2s; max-width: calc(100vw - 32px); }
.bildirim.gorunur { opacity: 1; transform: translate(-50%, 0); }
.bildirim[data-tur="hata"] { background: var(--tehlike); }

/* ── Arama ── */
.sekmeler { display: flex; gap: 2px; border-bottom: 1px solid var(--cizgi); margin: 18px 0 8px; overflow-x: auto; }
.sekmeler a { font-family: var(--arayuz); padding: 8px 12px; text-decoration: none; color: var(--soluk); border-bottom: 2px solid transparent; white-space: nowrap; }
.sekmeler a[aria-selected="true"] { color: var(--murekkep); border-bottom-color: var(--varak); }
.sekmeler small { color: var(--soluk); }
.sonuclar { list-style: none; padding: 0; margin: 0; max-width: 900px; }
.sonuc { display: flex; gap: 14px; padding: 12px 0; border-bottom: 1px solid #e3e5e0; align-items: flex-start; }
.sonuc-baslik { font-size: 1.12rem; }
.ozet { margin: 4px 0 0; color: #3d4757; font-size: 15px; }
.ozet mark { background: #f1e6c4; color: inherit; padding: 0 1px; }

/* ── Görüntüleyici ── */
body[data-sayfa="defter"] main { min-height: 0; }
.goruntuleyici { display: grid; grid-template-columns: 116px minmax(0, 1fr) 390px; grid-template-rows: auto minmax(0, 1fr); height: calc(100vh - var(--ust-yukseklik)); }
.defter-bas { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 14px; padding: 8px 16px; border-bottom: 1px solid var(--cizgi); background: var(--yuzey); flex-wrap: wrap; }
.defter-bas h1 { font-size: 1.8rem; margin: 0; }
.defter-bas .geri { margin-left: 0; font-family: var(--arayuz); }
.defter-bas .ozgun { font-size: 1.2rem; color: var(--soluk); }
.defter-no { font: 14px var(--arayuz); color: var(--soluk); margin-left: auto; }
.serit { overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 8px; background: #e7e9e4; border-right: 1px solid var(--cizgi); }
.serit-oge { position: relative; display: block; border: 2px solid transparent; }
.serit-oge img { display: block; width: 100%; height: auto; background: #d5d8d2; }
.serit-oge[aria-current] { border-color: var(--varak); }
.serit-no { position: absolute; left: 3px; top: 3px; font: 600 11px/1 var(--arayuz); background: rgba(255,255,255,.85); padding: 2px 4px; border-radius: 2px; }
.serit-isaret { position: absolute; right: 3px; bottom: 3px; font: 700 11px/1 var(--arayuz); background: var(--lacivert); color: #fff; padding: 3px 5px; border-radius: 10px; }
.sahne-kap { position: relative; display: flex; flex-direction: column; min-height: 0; background: #2a2f38; }
.arac-cubugu { display: flex; align-items: center; gap: 6px; padding: 6px 10px; background: #343a45; color: #e5e8ee; font-family: var(--arayuz); flex-wrap: wrap; }
.arac-cubugu button { background: #454c59; color: #e5e8ee; border: 1px solid #5a6272; border-radius: 4px; padding: 4px 10px; cursor: pointer; font-size: 14px; }
.arac-cubugu button[aria-pressed="true"] { background: var(--varak); border-color: var(--varak); color: #fff; }
.arac-cubugu .onceki, .arac-cubugu .sonraki { font-size: 18px; line-height: 1; padding: 3px 10px; }
.sayfa-gosterge { min-width: 70px; text-align: center; font-variant-numeric: tabular-nums; }
.ayrac { width: 1px; height: 20px; background: #5a6272; margin: 0 4px; }
.arac-bag { color: #c9d2e6; font-size: 14px; }
.sahne { flex: 1; min-height: 0; }
.sahne.ciziyor { cursor: crosshair; }
.panel { overflow-y: auto; background: var(--yuzey); border-left: 1px solid var(--cizgi); }
.panel-sekmeler { display: flex; border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; background: var(--yuzey); z-index: 2; }
.panel-sekmeler button { flex: 1; border: none; background: transparent; padding: 10px 6px; cursor: pointer; color: var(--soluk); border-bottom: 2px solid transparent; }
.panel-sekmeler button[aria-selected="true"] { color: var(--murekkep); border-bottom-color: var(--varak); }
.panel-govde { padding: 16px 18px 40px; }
.panel-govde h2 { font-size: 1.6rem; }
.panel-govde h3 { margin-top: 18px; }
.isaret-listesi { list-style: none; padding: 0; margin: 0; }
.isaret-listesi button, .bag-dugme { display: grid; grid-template-columns: 14px 1fr; column-gap: 8px; width: 100%; text-align: left; background: transparent; border: none; border-bottom: 1px solid #eceee9; padding: 8px 2px; cursor: pointer; }
.bag-dugme { display: inline-flex; gap: 6px; align-items: center; width: auto; border: none; padding: 4px 0; color: var(--lacivert); }
.isaret-listesi button:hover { background: #f5f6f3; }
.isaret-listesi small { grid-column: 2; color: var(--soluk); }
.tur-nokta { display: inline-block; width: 11px; height: 11px; border-radius: 2px; background: var(--r); border: 1px solid rgba(0,0,0,.15); align-self: center; }
fieldset.filtre { border: 1px solid var(--cizgi); border-radius: 4px; margin: 16px 0; padding: 8px 12px; font-family: var(--arayuz); font-size: 14px; display: flex; flex-wrap: wrap; gap: 4px 14px; }
fieldset.filtre legend { color: var(--soluk); padding: 0 4px; }
fieldset.filtre label { display: inline-flex; align-items: center; gap: 2px; }
fieldset.filtre input { accent-color: var(--r); }
.transkripsiyon { unicode-bidi: plaintext; text-align: start; white-space: pre-wrap; font-size: 1.05rem; background: #f7f7f4; border-left: 3px solid var(--varak); padding: 8px 12px; }
.geri-dugme { background: transparent; border: none; color: var(--lacivert); cursor: pointer; padding: 0; margin-bottom: 10px; font-size: 14px; }
.geri-dugme::before { content: "‹ "; }
.bilgi { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; font-family: var(--arayuz); font-size: 14px; }
.bilgi dt { color: var(--soluk); }
.bilgi dd { margin: 0; }
.indir-listesi { padding: 0; list-style: none; font-family: var(--arayuz); }
.indir-listesi li { padding: 8px 0; border-bottom: 1px solid #eceee9; }
.indir-listesi small { display: block; color: var(--soluk); }
.baglantilar ul { list-style: none; padding: 0; }
.okuma p { margin: 0 0 10px; }
.a9s-annotationlayer { z-index: 1; }

/* ── Harita ve ağ ── */
.harita-sayfa, .ag-sayfa { display: grid; grid-template-columns: 340px 1fr; height: calc(100vh - var(--ust-yukseklik)); }
.ag-sayfa { grid-template-columns: 1fr 340px; }
.harita-yan { padding: 22px 22px 40px; overflow-y: auto; background: var(--yuzey); border-right: 1px solid var(--cizgi); }
.ag-sayfa .harita-yan { border-right: none; border-left: 1px solid var(--cizgi); order: 2; }
.harita-yan p { font-size: 15px; color: var(--soluk); }
.harita-yan input[type=search] { width: 100%; margin-bottom: 8px; }
.tam-harita { height: 100%; }
.ag-kap { position: relative; overflow: hidden; background: #f7f8f5; }
.ag-tuval { display: block; touch-action: none; cursor: grab; }
.ag-komsular { list-style: none; padding: 0; font-family: var(--arayuz); font-size: 14px; }
.ag-komsular li { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid #eceee9; }
.ag-komsular small { color: var(--soluk); text-align: right; }

/* ── Uzun metin (model sayfası) ── */
.metin { font-size: 1.06rem; }
.metin h1 { font-size: 2.9rem; font-weight: 400; }
.metin h2 { margin-top: 1.8em; }
.metin table { border-collapse: collapse; font: 14px var(--arayuz); width: 100%; margin: 12px 0; background: var(--yuzey); }
.metin th, .metin td { border: 1px solid var(--cizgi); padding: 6px 9px; text-align: left; vertical-align: top; }
.metin code { font-size: 13px; }
.metin pre { background: #1c2433; color: #e5e8ee; padding: 14px; overflow-x: auto; font-size: 13px; }

/* ── Dar ekran ── */
@media (max-width: 1100px) {
  .ana-menu { display: none; position: absolute; top: var(--ust-yukseklik); left: 0; right: 0; background: var(--murekkep); flex-direction: column; gap: 2px; margin: 0; padding: 8px 16px 14px; border-left: none; border-bottom: 2px solid var(--varak); }
  .ana-menu.acik { display: flex; }
  .ust-ara { margin-left: auto; padding-left: 0; border-left: none; }
  .menu-dugme { display: block; background: transparent; color: #e9ecf1; border: 1px solid #4a5568; border-radius: 4px; padding: 4px 10px; }
  .goruntuleyici { grid-template-columns: 92px minmax(0, 1fr) 330px; }
}
@media (max-width: 820px) {
  body { font-size: 16px; }
  :root { --ust-yukseklik: 56px; }
  .ust { gap: 10px; padding: 0 12px; }
  .marka img { height: 34px; }
  .ust-ara input { width: 130px; }
  .marka-yazi { display: none; }
  .ana { grid-template-columns: 1fr; }
  .ana-metin { padding: 32px 16px; border-right: none; }
  .ana-metin h1 { font-size: clamp(2.3rem, 11vw, 3.4rem); }
  .sayac { grid-template-columns: repeat(4, 1fr); }
  .sayac dd { font-size: 1.6rem; }
  .duvar { height: 420px; min-height: 0; }
  .sayfa { padding: 24px 16px 60px; }
  .kayit-bas h1 { font-size: 2.5rem; }
  .goruntuleyici { grid-template-columns: 1fr; grid-template-rows: auto auto 62vh auto; height: auto; }
  .serit { flex-direction: row; overflow-x: auto; overflow-y: hidden; border-right: none; }
  .serit-oge { flex: 0 0 64px; }
  .panel { border-left: none; overflow: visible; }
  .harita-sayfa, .ag-sayfa { grid-template-columns: 1fr; grid-template-rows: 60vh auto; height: auto; }
  .harita-sayfa .harita-yan { order: 2; }
  .zaman-cizgisi li { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* ── Otomatik okuma, kişi kutuları ── */
.oto { display: inline-block; margin-left: 6px; font: 600 11px/1 var(--arayuz); color: #7a5a00; background: #fbefc9; border: 1px solid #e6cf85; border-radius: 3px; padding: 2px 5px; vertical-align: 2px; }
.isaret-listesi ul { list-style: none; padding: 0 0 0 18px; margin: 0; }
.isaret-listesi li.cocuk button { padding: 5px 2px; font-size: 14px; }
.sayfa-ozet { font-size: 15px; color: #3d4757; border-left: 3px solid var(--cizgi); padding-left: 10px; }
.onay { display: flex; gap: 6px; align-items: center; font: 14px var(--arayuz); background: #fbf6e6; border: 1px solid #ecdcae; padding: 8px 10px; border-radius: 4px; }
.kisi-ipucu { color: #f3d27a; font-size: 14px; }

/* ── Kayıtlar (türe göre gezinme) ── */
.cipler button.renkli i { display: inline-block; width: 8px; height: 8px; background: var(--r); margin-right: 7px; vertical-align: 1px; }
.cipler button.renkli[aria-pressed="true"] { background: var(--r); border-color: var(--r); }
.sinif-cipleri { margin: 6px 0 4px; padding: 8px 10px; background: rgba(255,255,255,.5); border: 1px solid var(--cizgi); border-radius: 2px; align-items: center; }
.sinif-cipleri .cip-baslik { font: 600 13px var(--arayuz); color: var(--soluk); margin-right: 4px; }
.tur-cipleri { margin-bottom: 8px; }
.araclar .onay { display: flex; align-items: center; gap: 8px; font: 500 13.5px var(--arayuz); color: #33404f; background: transparent; border: 1px solid var(--etiket-cizgi); border-radius: 2px; padding: 7px 10px; cursor: pointer; }
.kayit-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(238px, 1fr)); gap: 18px; }
.kayit-izgara[aria-busy="true"] { opacity: .5; }
.kayit-kart { display: flex; flex-direction: column; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 6px; overflow: hidden; color: inherit; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.kayit-kart:hover { border-color: var(--lacivert); box-shadow: 0 2px 10px rgba(28,36,51,.08); }
.kk-gorsel { display: flex; align-items: center; justify-content: center; height: 188px; background: #e9ebe6; padding: 6px; }
.kk-gorsel .kirpinti { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.18); }
.kk-govde { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px 12px; }
.kayit-turu { font: 600 12px/1.2 var(--arayuz); color: var(--r); text-transform: uppercase; letter-spacing: .04em; }
.kayit-turu .kt-sinif { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--soluk); }
.kk-baslik { font: 500 17px/1.25 var(--govde); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kk-ozet { font: 15px/1.35 var(--govde); color: #3b4352; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kk-konum { font: 13px var(--arayuz); color: var(--soluk); }
.kk-not { font: italic 15px/1.35 var(--govde); color: #3b4352; border-left: 3px solid var(--varak); padding: 2px 0 2px 8px; margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kk-not b { font: 600 12px var(--arayuz); font-style: normal; color: var(--varak); text-transform: uppercase; letter-spacing: .04em; }
.kk-isaretler { display: flex; flex-wrap: wrap; gap: 8px; font: 12px var(--arayuz); color: var(--soluk); }
.kk-isaretler .oto { margin-left: 0; }
.daha-fazla { display: block; margin: 24px auto 0; }

.kayit-detay .kd-ust { display: grid; grid-template-columns: minmax(0, 640px) minmax(300px, 1fr); gap: 32px; align-items: start; }
.kd-gorsel { margin: 0; display: flex; justify-content: center; background: #e9ebe6; padding: 12px; border-radius: 6px; position: sticky; top: calc(var(--ust-yukseklik) + 12px); }
.kd-gorsel .kirpinti { border: 0; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.kd-ust > * { min-width: 0; }
.kd-bilgi .uri, .kd-bilgi .kimlikler { overflow-wrap: anywhere; }
.kd-bilgi .kayit-tur { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
.kd-bilgi { border-left: 4px solid var(--tur); padding-left: 20px; }
.kd-bilgi h1 { font-size: 2.5rem; font-weight: 400; }
.kd-konum { font: 15px var(--arayuz); margin: 0 0 6px; }
.kd-durum { font: 13px var(--arayuz); color: var(--soluk); margin: 0 0 14px; }
.kd-durum .oto { margin-left: 0; }
.kd-durum .dogru { color: #2f6b4f; font-weight: 600; }
.kd-bolum { margin: 18px 0; }
.kd-bolum h2 { font: 600 13px var(--arayuz); text-transform: uppercase; letter-spacing: .05em; color: var(--soluk); margin-bottom: 6px; }
.kd-aciklama { margin: 0; }
.varlik-satirlari { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.varlik-satirlari small { color: var(--soluk); font-family: var(--arayuz); }
.birincil-bag { font: 600 15px var(--arayuz); }
.bag-listesi { display: flex; flex-direction: column; gap: 16px; }
.bag-kart { display: grid; grid-template-columns: 280px 1fr; gap: 20px; background: var(--yuzey); border: 1px solid var(--cizgi); border-left: 4px solid var(--varak); border-radius: 6px; padding: 14px; }
.bk-gorsel { align-self: start; display: flex; justify-content: center; align-items: flex-start; background: #e9ebe6; padding: 8px; border-radius: 4px; }
.bk-yon { font: 600 12px var(--arayuz); text-transform: uppercase; letter-spacing: .05em; color: var(--varak); margin: 0 0 2px; }
.bk-govde h3 { margin: 4px 0 8px; font-weight: 500; font-size: 1.15rem; }
.bk-govde .transkripsiyon { margin-bottom: 8px; }
@media (max-width: 900px) {
  .kayit-detay .kd-ust { grid-template-columns: minmax(0, 1fr); }
  .kd-gorsel { position: static; }
  .bag-kart { grid-template-columns: 1fr; }
}

/* defter analiz katmanı */
.dk-katman { align-self: flex-start; font-size: .72rem; padding: .1rem .45rem; border-radius: 2px; background: var(--lacivert-acik); color: var(--varak); font-family: var(--arayuz); }
.dk-katman.dk-ilgili { background: var(--yuzey); color: var(--soluk); border: 1px solid var(--cizgi); }
.katman-notu { margin: .8rem 0; padding: .6rem .8rem; border-left: 3px solid var(--varak); background: var(--kagit); font-family: var(--arayuz); }
.katman-notu p { margin: .3rem 0 0; font-size: .9rem; }

/* ───── Şehir dosyası, yapı görünüşleri, gezi güzergâhı ───── */
.dosya-ozet { display: grid; grid-template-columns: repeat(4, auto) minmax(220px, 1fr); gap: 14px 28px; align-items: end; margin: 26px 0 8px; padding: 18px 20px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 6px; }
.do-sayi { display: flex; flex-direction: column; font-family: var(--arayuz); }
.do-sayi strong { font: 400 2.3rem/1 var(--baslik); color: var(--murekkep); font-variant-numeric: tabular-nums; }
.do-sayi span { color: var(--soluk); font-size: .85rem; margin-top: 4px; }
.yil-cubuklari { margin: 0; min-width: 0; }
.yc-alan { display: flex; align-items: flex-end; gap: 1px; height: 54px; border-bottom: 1px solid var(--cizgi); overflow: hidden; min-width: 0; }
.yc-cubuk { flex: 1 1 0; min-width: 0; height: var(--h); background: var(--varak); border-radius: 1px 1px 0 0; }
.yil-cubuklari figcaption { display: flex; justify-content: space-between; font: 12px var(--arayuz); color: var(--soluk); margin-top: 4px; }
.gezi-listesi { list-style: none; padding: 0; margin: 0; }
.gezi-listesi li { display: grid; grid-template-columns: 190px 1fr auto; gap: 12px; padding: 7px 0; border-bottom: 1px dotted var(--cizgi); align-items: baseline; }
.gl-tarih { font: 14px var(--arayuz); color: var(--soluk); font-variant-numeric: tabular-nums; }
.gezi-listesi small { font: 12px var(--arayuz); color: var(--soluk); }
.dosya-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 18px; }
.dosya-sekmeler button { font: 500 13.5px/1.2 var(--arayuz); padding: 5px 10px; border-radius: 2px; border: 1px solid var(--etiket-cizgi); background: transparent; color: #33404f; cursor: pointer; border-left: 3px solid var(--renk, var(--etiket-cizgi)); }
.dosya-sekmeler button:hover { border-color: #8b9097; border-left-color: var(--renk, #8b9097); }
.dosya-sekmeler button[aria-selected="true"] { background: var(--murekkep); color: #fff; border-color: var(--murekkep); border-left-color: var(--renk, var(--murekkep)); }
.dosya-sekmeler small { color: #8b9097; margin-left: 2px; font-weight: 400; }
.dosya-sekmeler small::before { content: "·"; margin-right: 5px; }
.dosya-sekmeler button[aria-selected="true"] small { color: #c9cfd9; }
.yapi-gruplari { columns: 3 240px; column-gap: 28px; }
.yapi-grubu { break-inside: avoid; margin-bottom: 18px; }
.yapi-grubu h3 { font-size: 1rem; margin: 0 0 4px; text-transform: capitalize; }
.yapi-grubu h3 small, .yapi-grubu li small { font: 12px var(--arayuz); color: var(--soluk); }
.yapi-grubu ul { margin: 0; }
.etiket-bulutu { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.etiket-bulutu small { font: 12px var(--arayuz); color: var(--soluk); }
.gorunus-yil { display: grid; grid-template-columns: 80px 1fr; gap: 14px; padding: 14px 0; border-top: 1px solid var(--cizgi); }
.gorunus-yil h3 { margin: 4px 0 0; font: 400 1.6rem var(--baslik); color: var(--varak); font-variant-numeric: tabular-nums; }
.analiz-disi { opacity: .6; }
.guzergah { list-style: none; padding: 0 0 0 18px; margin: 0; border-left: 2px solid var(--varak); }
.guzergah > li { position: relative; padding: 4px 0 14px 8px; display: grid; grid-template-columns: 150px 1fr; gap: 12px; }
.guzergah > li::before { content: ""; position: absolute; left: -24px; top: 11px; width: 9px; height: 9px; border-radius: 50%; background: var(--yuzey); border: 2px solid var(--varak); }
.gz-gun { font: 600 14px var(--arayuz); color: var(--murekkep); }
.guzergah ul { list-style: none; padding: 0; margin: 0; }
.guzergah ul li { padding: 2px 0; }
.guzergah small { font: 13px var(--arayuz); color: var(--soluk); }
.ust-olay { font: 14px var(--arayuz); color: var(--soluk); }
@media (max-width: 820px) {
  .dosya-ozet { grid-template-columns: repeat(2, 1fr); }
  .yil-cubuklari { grid-column: 1 / -1; }
  .gezi-listesi li { grid-template-columns: 1fr; gap: 2px; }
  .gorunus-yil, .guzergah > li { grid-template-columns: 1fr; gap: 6px; }
}

/* harita: zaman denetimi */
.zaman-denetim { margin: 12px 0 8px; padding: 12px; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--kagit); display: grid; gap: 8px; }
.zd-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.yil-yazi { font: 400 2rem/1 var(--baslik); font-variant-numeric: tabular-nums; color: var(--murekkep); }
.zaman-denetim input[type=range] { width: 100%; accent-color: var(--varak); }
.gezi-listesi.kucuk li { grid-template-columns: 1fr; gap: 0; padding: 6px 0; }
.gezi-listesi.kucuk .gl-tarih { font-size: 12px; }
.harita-yan .dosya-sekmeler { margin-top: 4px; }

/* ───── Analizler ───── */
.analiz .bolum > p.soluk { max-width: 70ch; }
.isi-kap { overflow-x: auto; }
table.isi { border-collapse: separate; border-spacing: 2px; font: 13px var(--arayuz); font-variant-numeric: tabular-nums; }
table.isi th { font-weight: 500; color: var(--soluk); white-space: nowrap; padding: 2px 6px; }
table.isi thead th { font-size: 12px; text-align: center; vertical-align: bottom; }
table.isi tbody th { text-align: right; color: var(--murekkep); }
table.isi td { min-width: 38px; height: 26px; text-align: center; border-radius: 3px; border: 1px solid var(--cizgi); cursor: default; }
table.isi td:hover { outline: 2px solid var(--varak); outline-offset: -1px; }
.olcek { display: flex; align-items: center; gap: 3px; margin-top: 8px; font: 12px var(--arayuz); color: var(--soluk); }
.olcek i { width: 22px; height: 10px; border-radius: 2px; display: inline-block; }
.olcek span { margin: 0 4px; }
.grafik-ipucu { position: absolute; z-index: 50; background: var(--murekkep); color: #fff; font: 13px var(--arayuz); padding: 5px 9px; border-radius: 4px; pointer-events: none; white-space: nowrap; }
.cubuk-grafik { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.cubuk-grafik li { display: grid; grid-template-columns: 170px 1fr 120px; gap: 12px; align-items: center; font-family: var(--arayuz); font-size: 14px; }
.cg-ad { text-align: right; text-transform: capitalize; }
.cg-iz { height: 14px; }
.cg-cubuk { display: block; height: 100%; background: var(--lacivert); border-radius: 0 4px 4px 0; }
.cg-deger { font-variant-numeric: tabular-nums; }
.cg-deger small { color: var(--soluk); }
.veri-tablo { border-collapse: collapse; width: 100%; font: 14px var(--arayuz); }
.veri-tablo th, .veri-tablo td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.veri-tablo .sayi { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 820px) {
  .cubuk-grafik li { grid-template-columns: 110px 1fr 70px; gap: 8px; font-size: 13px; }
}

/* ───── Doğrulama ───── */
a.dugme { display: inline-block; text-decoration: none; border-radius: 4px; padding: 7px 14px; font-weight: 500; }
.dogrulama-ilerleme { display: grid; gap: 6px; margin: 4px 0 18px; font: 14px var(--arayuz); }
.di-satir { display: grid; grid-template-columns: 150px 1fr 220px; gap: 12px; align-items: center; }
.di-iz { height: 8px; background: var(--lacivert-acik); border-radius: 4px; overflow: hidden; }
.di-iz span { display: block; height: 100%; background: var(--lacivert); }
.di-satir small { color: var(--soluk); font-variant-numeric: tabular-nums; }
.dogrulama-suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.dogrulama-liste { display: grid; gap: 14px; }
.dg-kart { display: grid; grid-template-columns: auto 1fr; gap: 18px; padding: 14px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 6px; }
.dg-kart.dg-bitti { opacity: .45; }
.dg-govde { min-width: 0; }
.dg-govde h3 { margin: 2px 0 6px; font-size: 1.08rem; }
.dg-ust, .dg-kaynak, .dg-adlar { font: 13px var(--arayuz); color: var(--soluk); margin: 0 0 4px; }
.dg-tur { border-left: 4px solid var(--renk); padding-left: 6px; color: var(--murekkep); }
.dg-guven.g-dusuk { color: var(--tehlike); font-weight: 600; }
.dg-okuma { white-space: pre-line; max-height: 9.5em; overflow: hidden; font-size: 15px; margin: 0 0 6px; overflow-wrap: anywhere; }
.dg-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.dg-sec { width: 18px; height: 18px; }
@media (max-width: 820px) {
  .dg-kart { grid-template-columns: 1fr; }
  .di-satir { grid-template-columns: 1fr; gap: 2px; }
}

/* orta genişlik: menü taşmasın */
@media (min-width: 1421px) and (max-width: 1600px) {
  .ana-menu { gap: 2px; }
  .ana-menu a { padding: 6px 8px; }
  .ust-ara input { width: 170px; }
}
@media (min-width: 1101px) and (max-width: 1420px) {
  .ust { gap: 12px; }
  .ana-menu { gap: 0; }
  .ust-ara { margin-left: 4px; padding-left: 12px; }
  .marka-yazi { height: 21px; }
  .marka img { height: 36px; }
  .ana-menu a { padding: 6px 6px; font-size: 14px; }
  .ust-ara input { width: 150px; }
}
@media (min-width: 1101px) and (max-width: 1250px) {
  .ust { padding: 0 16px; }
  .marka-yazi { height: 18px; }
  .ana-menu a { padding: 6px 4px; font-size: 13.5px; }
  .ust-ara input { width: 110px; }
}
/* İlişki ağı: arama önerileri, yükleniyor, panel */
.ag-ara { position: relative; }
.ag-oneriler { list-style: none; margin: 0 0 10px; padding: 0; font-family: var(--arayuz); font-size: 14px; }
.ag-oneriler li { border-bottom: 1px solid var(--cizgi); }
.ag-yukleniyor { position: absolute; top: 14px; left: 14px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 4px; padding: 6px 10px; font-family: var(--arayuz); font-size: 14px; }
.ag-baslik h2 { margin: 12px 0 8px; font-size: 26px; }
.ag-dugmeler { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.ag-kume { display: block; font-family: var(--arayuz); font-size: 14px; margin: 8px 0; }
.ag-detay h3 { font-size: 15px; margin: 14px 0 4px; }
.ag-detay h3 small { color: var(--soluk); font-weight: 400; }
/* Harita: döşemesiz sade altlık ve yer adları */
.tam-harita.leaflet-container { background: #d6dee0; }
.harita-etiket { font: 500 12px/1 var(--arayuz); color: #1c2433; white-space: nowrap; transform: translate(9px, -6px); text-shadow: 0 0 3px #fbf8f0, 0 0 3px #fbf8f0, 0 0 2px #fbf8f0; pointer-events: none; width: auto !important; height: auto !important; }
.sakin-altlik { filter: grayscale(1) sepia(.22) contrast(.9) brightness(1.04); }