/* ==========================================================================
   Assist Grup Servis — stil dosyası (TASARIM-SISTEMI.md, 21 Eki 2026)

   Kimlik: KAĞIT FİŞ. Sıcak kâğıt zemin (#F8F4EA), zeytin yeşili birincil renk
   (#4F5A14, beyaz yazıda 7,5:1), mürekkep yeşil-siyah başlık (#1F2416).
      Köşe dili YAPRAK: karşılıklı iki köşe 22 px, öteki ikisi 4 px; küçük öğeler
   14 px / 3 px. Gölge yumuşak değil BASKI: 5 px kaymış, bulanıklıksız gölge.
   Üst şerit koparma (perforasyon) çizgisi; hr de aynı çizgi. Vurgu: bal sarısı
   bant (başlıkta bir kelimenin altı). Köşegen kesik YOK.
   Sınıf öneki: ags-   Belirteç öneki: --ags-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).
   Bölüm sırası ve §-numaraları TASARIM-SISTEMI.md'de.
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; kendi barındırma; latin + latin-ext
       alt kümesi: İ Ş Ğ ı ç ö ü dahil. Kaynak TTF: araclar/fontlar (SIL OFL) --- */
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/literata-600-latin.b04aae3123c1.woff2") format("woff2");
}
@font-face {
  font-family: "Literata";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/literata-700-latin.ea106de966ae.woff2") format("woff2");
}
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/golos-400-latin.9ca42f2e8df1.woff2") format("woff2");
}
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/golos-500-latin.ad16d505cfd9.woff2") format("woff2");
}
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/golos-600-latin.8ce377474b04.woff2") format("woff2");
}
@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/golos-700-latin.9421b4a509e7.woff2") format("woff2");
}

/* --- 01 Belirteçler ------------------------------------------------------ */
:root {
  color-scheme: light;

  /* renk: sıcak kâğıt zemin, taş yüzey, koyu yeşil-siyah yazı, petrol-yeşili vurgu (TASARIM-SISTEMI §02) */
  --ags-sut: #f8f4ea;         /* sayfa zemini, kart yüzü */
  --ags-tas: #efe8d6;         /* kum: ikincil bölüm, altbilgi */
  --ags-tas-2: #e4dcc7;       /* tablo başı, sekme rayı, pasif düğme */
  --ags-tas-3: #d6ccb2;       /* üzerine gelme, basılı yüzey */
  --ags-kursun: #1f2416;        /* başlık, logo, koyu zemin */
  --ags-cumle: #2c3222;         /* gövde metni */
  --ags-duman: #5a5f45;           /* ikincil metin */
  --ags-duman-2: #585d42;         /* yer tutucu, dip satır */
  --ags-cizik-hafif: #e4dcc8;    /* 1 px kıl çizgi */
  --ags-cizik: #cbc09f;         /* kart kenarı, ayırıcı */
  --ags-cizik-kati: #7d7a5c;    /* girdi kenarı (≥ 3:1) */
  --ags-zeytin: #4f5a14;         /* birincil düğme, bağlantı vurgusu, odak (beyazda ≥ 7:1) */
  --ags-zeytin-oncu: #3c460e;     /* düğme üzerine gelme */
  --ags-zeytin-tepe: #ffffff;     /* yakut düğmedeki yazı */
  --ags-zeytin-serbest: #e7ecc9;    /* bilgi zemini, seçili satır */
  --ags-zeytin-parilti: #c7d66b;    /* koyu zeminde vurgu noktası */
  --ags-bal: #efcf72;          /* vurgu işareti (başlık altı, kısa bant) */
  --ags-yosun: #3d6a2a;         /* "Kendiniz bakın", başarı */

  /* biçim: yumuşak köşe; kart 20, kutu 12, düğme ve hap tam yuvarlak */
  --ags-r-fis: 22px 4px 22px 4px;
  --ags-r-kapsul: 14px 3px 14px 3px;
  --ags-r-tablet: 999px;
  --ags-r-damla: 50%;
  --ags-golgelik: 5px 5px 0 var(--ags-tas-3);

  /* yazı aileleri */
  --ags-f-unvan: "Literata", Georgia, "Times New Roman", serif;
  --ags-f-omurga: "Golos Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ags-f-adet: "Golos Text", ui-sans-serif, system-ui, sans-serif;
  --ags-f-tek: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Literata köşeli ve dar omuzlu. */
  --ags-y-kocaman: clamp(3rem, 2.1rem + 4.2vw, 5.5rem);
  --ags-y-bilezik: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  --ags-y-1: clamp(1.875rem, 1.45rem + 1.8vw, 2.875rem);
  --ags-y-2: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --ags-y-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --ags-y-kapi: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --ags-y-omurga: 1.0625rem;     /* 17 px Golos Text */
  --ags-y-minik: 0.9375rem;     /* 15 px */
  --ags-y-rozet: 0.8125rem;    /* 13 px: plaka etiketi (Literata 600) */

  /* yerleşim */
  --ags-kolon: 12;
  --ags-kanal: 16px;
  --ags-zarf: 1280px;
  --ags-okuyus: 720px;
  --ags-yanal: 340px;             /* yan plaka (≥1080 px), yapışkan değil */

  /* boşluk (8 tabanlı, 4 yarım adım) */
  --ags-kagit1: 4px;
  --ags-kagit2: 8px;
  --ags-kagit3: 12px;
  --ags-kagit4: 16px;
  --ags-kagit5: 24px;
  --ags-kagit6: 32px;
  --ags-kagit7: 48px;
  --ags-kagit8: 64px;
  --ags-kagit9: 96px;
  --ags-sinir: 16px;
  --ags-blok: 56px;
  /* biçim: karşılıklı köşeler yaprak; bkz. §42 */
  --ags-kenarlik-kalinligi: 1px;
  --ags-belirgin-kalinligi: 2px;
  --ags-tepe-yukseklik: 64px;
  --ags-ray-yukseklik: 64px;

  /* hareket: kısa, doğrusal (ölçü aleti) */
  --ags-zaman: 120ms;
  --ags-kavis: cubic-bezier(0.4, 0, 0.2, 1);

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --ags-m-ibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E");
  --ags-m-sagda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 12h16'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
  --ags-m-alta: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --ags-m-teyit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 12.5 9 17.5 20 6.5'/%3E%3C/svg%3E");
  --ags-m-ara: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 4h5l3 3v5l-3 3H8l-3-3V7z'/%3E%3Cpath d='M16.2 16.2 20 20'/%3E%3C/svg%3E");
  --ags-m-telno: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 4h3.5l1.5 4-2 1.5 6.5 6.5 1.5-2 4 1.5V19l-1.5 1.5C10.5 20 4 13.5 3.5 5.5z'/%3E%3C/svg%3E");
  --ags-m-haber: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z'/%3E%3Cpath d='M12 10.5v6'/%3E%3Cpath d='M12 7.5v.5'/%3E%3C/svg%3E");
  --ags-ibre-piktogram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
}

@media (min-width: 720px) {
  :root { --ags-sinir: 24px; --ags-kanal: 20px; --ags-blok: 72px; }
}
@media (min-width: 1080px) {
  :root { --ags-sinir: 40px; --ags-kanal: 24px; --ags-tepe-yukseklik: 72px; --ags-blok: 96px; }
}
/* Koyu tema YOK. Yazdırmada çelik tonları beyaza iner. */
@media print {
  :root {
    --ags-tas: #ffffff; --ags-tas-2: #ffffff; --ags-tas-3: #ffffff;
    --ags-kursun: #000000; --ags-cumle: #111111; --ags-duman: #444444; --ags-duman-2: #555555;
    --ags-cizik-hafif: #cccccc; --ags-cizik: #999999; --ags-cizik-kati: #555555;
  }
}

/* --- 02 Taban, yazı tabanı ---------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--ags-tepe-yukseklik) + var(--ags-kagit4));
}
body {
  margin: 0;
  background: var(--ags-sut);
  color: var(--ags-cumle);
  font-family: var(--ags-f-omurga);
  font-size: var(--ags-y-omurga);
  line-height: 1.6;
  font-weight: 400;
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
/* Başlık: Literata 600, grafit; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--ags-kursun);
  font-family: var(--ags-f-unvan);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--ags-y-1); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--ags-y-2); line-height: 1.16; }
h3 { font-size: var(--ags-y-3); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--ags-f-omurga); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--ags-kagit4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi yakut ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--ags-cizik-kati); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--ags-zeytin); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--ags-kursun); }
code, kbd, samp { font-family: var(--ags-f-tek); font-size: 0.92em; font-weight: 500; }
/* hr: grafit kıl çizgi, sol ucunda yakut köşe imi */
hr { border: 0; height: 6px; margin: var(--ags-kagit6) 0; background: radial-gradient(circle, var(--ags-cizik-kati) 1.1px, transparent 1.6px) 0 50% / 12px 6px repeat-x; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--ags-zeytin); color: var(--ags-zeytin-tepe); }
/* Odak: 2 px yakut çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--ags-zeytin); outline-offset: 2px; }
.ags-pencere-haric {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.ags-bizzat-ozet {
  position: absolute; left: var(--ags-kagit4); top: -100px; z-index: 100;
  background: var(--ags-kursun); color: var(--ags-sut); padding: var(--ags-kagit2) var(--ags-kagit4);
  font-family: var(--ags-f-unvan); font-weight: 600; text-decoration: none;
}
.ags-bizzat-ozet:focus { top: var(--ags-kagit2); }

/* ==========================================================================
   BİLEŞENLER §03–§19 (TASARIM-SISTEMI §06) — stil rehberinde onaylanan biçim.
   PLAKA BOYAMA KALIBI: zemin, 1 px kenar ve baskı gölgesi ::before'da çizilir;
   köşeler yaprak (--ags-r-fis / --ags-r-kapsul). Ayar: --p-zemin, --p-kenar.
   ========================================================================== */
.ags-levha-fis, .ags-yanal-levha, .ags-ilkin-levha, .ags-istek-levhasi, .ags-gorev-levhasi,
.ags-tur-rozeti, .ags-sonuncu-levha, .ags-ara-levha, .ags-levha-serhi, .ags-levha-acilan-dizelge,
.ags-taslak-kenari, .ags-ray-levhasi, .ags-amblem-levhasi, .ags-yer-levhasi,
.ags-boyut-seridi, .ags-tavsiye-kumesi, .ags-gizlilik-levhasi, .ags-sifre-acilan-detay[open], .ags-kiyas-dizgi {
  --p-zemin: var(--ags-sut);
  --p-kenar: var(--ags-cizik);
  --p-pah: var(--ags-muhur);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.ags-levha-fis::before, .ags-yanal-levha::before, .ags-ilkin-levha::before, .ags-istek-levhasi::before,
.ags-gorev-levhasi::before, .ags-tur-rozeti::before, .ags-sonuncu-levha::before, .ags-ara-levha::before,
.ags-levha-serhi::before, .ags-levha-acilan-dizelge::before, .ags-taslak-kenari::before, .ags-ray-levhasi::before,
.ags-amblem-levhasi::before, .ags-yer-levhasi::before, .ags-boyut-seridi::before, .ags-tavsiye-kumesi::before,
.ags-gizlilik-levhasi::before, .ags-sifre-acilan-detay[open]::before, .ags-kiyas-dizgi::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--p-zemin);
  box-shadow: inset 0 0 0 1px var(--p-kenar), var(--ags-golgelik);
  border-radius: var(--ags-r-kapsul);
  transition: box-shadow var(--ags-zaman) var(--ags-kavis);
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.ags-levha-kilif { max-width: var(--ags-zarf); margin-inline: auto; padding-inline: var(--ags-sinir); }
.ags-esas-omurga { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.ags-levha-cift { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ags-kagit6); align-items: start; }
.ags-levha-cift > * { min-width: 0; }
@media (min-width: 1080px) { .ags-levha-cift { grid-template-columns: minmax(0, 1fr) var(--ags-yanal); gap: var(--ags-kagit7); } }
.ags-levha-istifi { display: grid; gap: var(--ags-kagit4); }
.ags-levha-istifi > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Beyaz ↔ çelik dönüşümü servisfer'in koyu bant
   dönüşümünün Assist Grup Servis karşılığıdır (--celik: tam genişlik çelik zemin). */
.ags-levha-kesim { margin-top: var(--ags-blok); }
.ags-levha-kesim--tas { padding-block: var(--ags-blok); background: var(--ags-tas); }
.ags-levha-kesim--tas .ags-levha-fis { --p-zemin: var(--ags-sut); }
.ags-levha-cift + .ags-levha-kesim, .ags-belge-levhasi + .ags-levha-kesim { margin-top: calc(var(--ags-blok) * 0.75); }
.ags-belge-levhasi + .ags-levha-kilif { margin-top: var(--ags-kagit6); }
[id] { scroll-margin-top: calc(var(--ags-tepe-yukseklik) + var(--ags-kagit5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.ags-cengelli-rozet { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--ags-f-unvan); font-size: var(--ags-y-rozet); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--ags-duman); }
.ags-cengelli-rozet::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--ags-zeytin); border-radius: var(--ags-r-damla); }
.ags-levha-bilezik { margin: 0; font-family: var(--ags-f-unvan); font-size: var(--ags-y-bilezik); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--ags-kursun); text-wrap: balance; overflow-wrap: anywhere; }
.ags-levha-agzi { margin: 16px 0 0; max-width: 58ch; font-size: var(--ags-y-kapi); line-height: 1.55; color: var(--ags-cumle); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 grafit ölçü çubuğu + ucunda yakut üçgen. */
.ags-levha-unvani { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--ags-kagit4); margin-bottom: var(--ags-kagit5); padding-top: 18px; border-top: 1px solid var(--ags-cizik); }
.ags-levha-unvani::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--ags-kursun); }
.ags-levha-unvani::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--ags-zeytin); border-radius: var(--ags-r-kapsul); }
.ags-levha-unvani > div { min-width: 0; }
.ags-levha-unvani h2 { margin: 0; overflow-wrap: anywhere; }
.ags-levha-unvani p { margin: 6px 0 0; color: var(--ags-duman); font-size: var(--ags-y-minik); }
.ags-levha-kesim--tas .ags-levha-unvani { border-top-color: var(--ags-cizik-kati); }
/* Düz metin sütunu. */
.ags-levha-cumlesi { max-width: 68ch; }
.ags-levha-cumlesi > :last-child { margin-bottom: 0; }
.ags-levha-cumlesi h3 { margin: var(--ags-kagit5) 0 8px; }
.ags-levha-cumlesi ul, .ags-levha-cumlesi ol { padding-left: 1.25rem; margin: 0 0 var(--ags-kagit4); }
.ags-levha-cumlesi li { margin-bottom: 6px; }
.ags-levha-cumlesi li::marker { color: var(--ags-zeytin); }
.ags-boyut-hanesi { font-family: var(--ags-f-adet); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--ags-kursun); }
.ags-sabit-hane { font-variant-numeric: tabular-nums; }
.ags-tepe-bosluk.ags-tepe-bosluk { margin-top: var(--ags-kagit4); }
.ags-aksama-adedi { display: block; font-family: var(--ags-f-adet); font-size: var(--ags-y-kocaman); font-weight: 700; line-height: 1; color: var(--ags-kursun); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.ags-tepe-levha { position: sticky; top: 0; z-index: 40; background: var(--ags-sut); border-bottom: 1px solid var(--ags-cizik); }
.ags-tepe-levha::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--ags-kursun); }
.ags-tepe-levha-ic { display: flex; align-items: center; gap: var(--ags-kagit3); max-width: var(--ags-zarf); height: var(--ags-tepe-yukseklik); margin-inline: auto; padding-inline: var(--ags-sinir); }
.ags-tepe-levha-amblem { flex: none; display: block; line-height: 0; }
.ags-tepe-levha-amblem img { height: 28px; width: auto; }
@media (min-width: 1080px) { .ags-tepe-levha-amblem img { height: 30px; } }
.ags-tepe-levha-gezinti { display: none; }
.ags-tepe-levha-secenek { display: flex; list-style: none; margin: 0; padding: 0; }
.ags-tepe-levha-secenek > li { position: relative; }
.ags-tepe-levha-secenek > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--ags-f-unvan); font-size: 15px; font-weight: 500; color: var(--ags-kursun); text-decoration: none; white-space: nowrap; transition: color var(--ags-zaman) var(--ags-kavis); }
.ags-tepe-levha-secenek > li > a:hover { color: var(--ags-zeytin); }
.ags-tepe-levha-secenek > li > a[aria-current] { color: var(--ags-zeytin); box-shadow: inset 0 -2px 0 var(--ags-zeytin); }
.ags-levha-acilan > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--ags-m-alta) center / contain no-repeat; mask: var(--ags-m-alta) center / contain no-repeat; }
/* Açılır liste: sağ üstü yapraklı beyaz plaka; üzerine gelince ya da klavye odağında açılır. */
.ags-levha-acilan-dizelge { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
.ags-levha-acilan:hover > .ags-levha-acilan-dizelge, .ags-levha-acilan:focus-within > .ags-levha-acilan-dizelge { display: block; }
.ags-levha-acilan-dizelge--enli { width: 500px; columns: 2; column-gap: 0; }
.ags-levha-acilan-dizelge li { break-inside: avoid; }
.ags-levha-acilan-dizelge a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--ags-cumle); font-size: 15px; text-decoration: none; }
.ags-levha-acilan-dizelge a:hover { background: var(--ags-tas); color: var(--ags-kursun); }
.ags-levha-acilan-dizelge-ucu { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--ags-f-unvan); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--ags-duman); }
.ags-levha-acilan-dizelge-ucu::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--ags-zeytin); border-radius: var(--ags-r-damla); }
.ags-levha-acilan-dizelge .ags-levha-acilan-dizelge-ucu a { min-height: 0; padding: 0; color: var(--ags-duman); font-size: inherit; }
.ags-levha-acilan-dizelge .ags-levha-acilan-dizelge-ucu a:hover { background: none; color: var(--ags-zeytin); }
.ags-tepe-levha-islem { display: flex; align-items: center; gap: var(--ags-kagit2); margin-left: auto; }
.ags-tepe-levha-telno { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-family: var(--ags-f-unvan); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ags-kursun); text-decoration: none; white-space: nowrap; }
.ags-tepe-levha-telno svg { width: 18px; height: 18px; color: var(--ags-zeytin); }
.ags-tepe-levha-telno:hover { color: var(--ags-zeytin); }
.ags-tepe-levha-islem .ags-tepe-levha-istem, .ags-tepe-levha-islem .ags-tepe-levha-ray { display: none; }
@media (min-width: 720px) { .ags-tepe-levha-islem .ags-tepe-levha-istem, .ags-tepe-levha-islem .ags-tepe-levha-ray { display: inline-flex; } }
.ags-tepe-levha-istem { white-space: nowrap; }
@media (min-width: 1240px) {
  .ags-tepe-levha-gezinti { display: block; margin-left: var(--ags-kagit3); }
  .ags-tepe-levha-islem .ags-tepe-levha-secenek-sec { display: none; }
}
@media (min-width: 1560px) { .ags-tepe-levha-telno { display: inline-flex; } }
@media (max-width: 359px) { .ags-tepe-levha-amblem img { height: 24px; } .ags-tepe-levha-islem { gap: 4px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.ags-bulma-seridi { padding-block: 0 var(--ags-kagit3); }
/* Pahlı arama kutusu: girdi + grafit yapraklı gönder karosu. --buyuk 404 ve kod dizininde. */
.ags-bulma-kapsulu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--ags-sut); box-shadow: inset 0 0 0 1.5px var(--ags-cizik-kati); border-radius: var(--ags-r-tablet); transition: box-shadow var(--ags-zaman) var(--ags-kavis); }
.ags-bulma-kapsulu:focus-within { box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
.ags-bulma-kapsulu input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--ags-kursun); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.ags-bulma-kapsulu input::placeholder { color: var(--ags-duman-2); }
.ags-bulma-kapsulu input:focus-visible { outline: none; }
.ags-bulma-kapsulu input::-webkit-search-cancel-button { display: none; }
.ags-bulma-kapsulu button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--ags-kursun); color: var(--ags-sut); border-radius: var(--ags-r-kapsul); cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis); }
.ags-bulma-kapsulu button:hover { background: var(--ags-zeytin); }
.ags-bulma-kapsulu button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-sut), inset 0 0 0 4px var(--ags-zeytin); }
.ags-bulma-kapsulu button svg { width: 18px; height: 18px; }
.ags-bulma-kapsulu--iri { min-height: 60px; }
.ags-bulma-kapsulu--iri input { height: 58px; padding-left: 20px; font-size: 18px; }
.ags-bulma-kapsulu--iri button { width: 50px; height: 50px; margin-right: 5px; background: var(--ags-zeytin); }
.ags-bulma-kapsulu--iri button:hover { background: var(--ags-zeytin-oncu); }
.ags-bulma-kapsulu--iri button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (ags.js "Bul kutuları"): kutunun altında yapraklı beyaz plaka. */
.ags-tavsiye-kumesi { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; max-height: min(60vh, 480px); overflow-y: auto; margin: 0; padding: 6px; list-style: none; --p-kenar: var(--ags-cizik-kati); }
.ags-tavsiye-kumesi--yukarida { top: auto; bottom: calc(100% + 6px); }
.ags-tavsiye-kumesi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--ags-kursun); text-decoration: none; }
.ags-tavsiye-kumesi a[aria-selected="true"], .ags-tavsiye-kumesi a:hover { background: var(--ags-tas); }
.ags-tavsiye-cinsi { color: var(--ags-duman); font-size: 13px; text-align: right; }
.ags-tavsiye-seridi--sifre .ags-tavsiye-lakabi { font-family: var(--ags-f-adet); font-weight: 700; font-variant-numeric: tabular-nums; }
.ags-tavsiye-bos { padding: 10px 12px; color: var(--ags-duman); font-size: var(--ags-y-minik); }
/* Çekmece (#dizin, "Menü"): sağdan gelen beyaz plaka, mobilde tam ekran. */
body.ags-omurga-kapali { overflow: hidden; }
.ags-levha-goz-kapagi { position: fixed; inset: 0; z-index: 70; background: rgba(18, 22, 28, 0.46); }
.ags-levha-goz { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--ags-kagit4) var(--ags-kagit5) var(--ags-kagit7); background: var(--ags-sut); box-shadow: inset 1px 0 0 var(--ags-cizik); }
.ags-levha-goz-ucu { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--ags-kagit3); margin: 0 0 var(--ags-kagit5); padding-bottom: var(--ags-kagit4); border-bottom: 1px solid var(--ags-cizik); }
.ags-levha-goz-ucu::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--ags-kursun); }
.ags-levha-goz-ucu img { height: 26px; width: auto; }
.ags-levha-goz-islemleri { display: grid; gap: var(--ags-kagit2); }
.ags-levha-goz-takimi { margin-top: var(--ags-kagit5); }
.ags-levha-goz-takimi h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.ags-levha-goz-takimi h2 a { text-decoration: none; }
.ags-levha-goz-takimi h2 a[aria-current] { color: var(--ags-zeytin); }
.ags-levha-goz-takimi .ags-levha-acilan-dizelge-ucu { padding: 12px 0 2px; }
.ags-levha-goz-temel { margin: var(--ags-kagit5) 0 0; padding-top: var(--ags-kagit4); border-top: 1px solid var(--ags-cizik-hafif); color: var(--ags-duman); font-size: 15px; max-width: none; }
.ags-lisan-dizgi { font-size: var(--ags-y-minik); }
.ags-lisan-dizgi summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--ags-kursun); border-radius: var(--ags-r-tablet); font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); cursor: pointer; }
.ags-lisan-dizgi summary::-webkit-details-marker { display: none; }
.ags-lisan-dizgi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--ags-kagit4); margin: var(--ags-kagit2) 0 0; }
.ags-lisan-dizgi a { display: inline-block; padding: 10px 0; color: var(--ags-duman); text-decoration: none; }
.ags-lisan-dizgi a:hover, .ags-lisan-dizgi a[aria-current="true"] { color: var(--ags-kursun); }

/* --- §06 Pahlı düğmeler, ok bağlantı -------------------------------------- */
.ags-muhur-basma { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--ags-sut); color: var(--ags-kursun); border-radius: var(--ags-r-tablet); font-family: var(--ags-f-unvan); font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis); }
.ags-muhur-basma svg { width: 18px; height: 18px; flex: none; }
.ags-muhur-basma b { font-weight: 600; font-variant-numeric: tabular-nums; }
.ags-muhur-basma span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ags-muhur-basma--zeytin { background: var(--ags-zeytin); color: var(--ags-zeytin-tepe); }
.ags-muhur-basma--zeytin:hover { background: var(--ags-zeytin-oncu); color: var(--ags-zeytin-tepe); }
.ags-muhur-basma--cizikli { color: var(--ags-kursun); background: var(--ags-sut); box-shadow: inset 0 0 0 1.5px var(--ags-kursun); }
.ags-muhur-basma--cizikli:hover { background: var(--ags-kursun); color: var(--ags-sut); }
/* Koyu: son plakanın grafit zemininde beyaz çizgili. */
.ags-muhur-basma--derin { color: var(--ags-sut); background: transparent; box-shadow: inset 0 0 0 1.5px #c9ced6; }
.ags-muhur-basma--derin:hover { background: var(--ags-sut); color: var(--ags-kursun); }
.ags-muhur-basma--duz { background: transparent; color: var(--ags-kursun); }
.ags-muhur-basma--duz:hover { background: var(--ags-tas); }
.ags-muhur-basma--minik { min-height: 44px; padding: 0 18px; font-size: 15px; }
.ags-muhur-basma--enli { width: 100%; }
.ags-muhur-basma--isaret { width: 44px; padding: 0; flex: none; }
.ags-muhur-basma[aria-disabled="true"] { background: var(--ags-tas-2); color: var(--ags-duman-2); box-shadow: none; cursor: not-allowed; }
.ags-muhur-basma[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.ags-muhur-basma:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--ags-kursun), inset 0 0 0 5px var(--ags-sut); }
.ags-muhur-basma--zeytin:focus-visible { box-shadow: inset 0 0 0 3px var(--ags-kursun), inset 0 0 0 5px var(--ags-sut); }
.ags-muhur-islemleri { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ags-muhur-islemleri--dusey { display: grid; gap: var(--ags-kagit2); margin-top: var(--ags-kagit5); }
/* Ok bağlantı: Literata yazı + yapraklı grafit karo içinde beyaz ok. */
.ags-muhur-ibre { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); text-decoration: none; transition: color var(--ags-zaman) var(--ags-kavis); }
.ags-muhur-ibre::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--ags-kursun) var(--ags-ibre-piktogram) center / 14px 14px no-repeat; border-radius: var(--ags-r-tablet); transition: background-color var(--ags-zaman) var(--ags-kavis); }
.ags-muhur-ibre:hover { color: var(--ags-zeytin); }
.ags-muhur-ibre:hover::after { background-color: var(--ags-zeytin); }

/* --- §07 Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.ags-levha-fis { padding: 22px; min-width: 0; }
.ags-levha-fis--tas { --p-zemin: var(--ags-tas); }
.ags-levha-fis > :last-child { margin-bottom: 0; }
.ags-levha-fis h3 { margin: 0 0 8px; }
a.ags-levha-fis { display: block; color: inherit; text-decoration: none; }
a.ags-levha-fis:hover { --p-kenar: var(--ags-kursun); }
a.ags-levha-fis p { color: var(--ags-duman); font-size: var(--ags-y-minik); }
@media (max-width: 719px) { .ags-levha-fis { padding: 18px 16px; } }
.ags-fis-ucu { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--ags-kagit4); margin-bottom: var(--ags-kagit4); }
.ags-fis-ucu h2, .ags-fis-ucu h3 { margin: 0; }
.ags-fis-ucu h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.ags-fis-ucu p { margin: 6px 0 0; color: var(--ags-duman); font-size: var(--ags-y-minik); }
.ags-fis-ucu small { color: var(--ags-duman); font-size: 14px; }
.ags-fis-ucu h3 a { text-decoration: none; }
.ags-fis-ucu h3 a:hover { text-decoration: underline; text-decoration-color: var(--ags-zeytin); }
.ags-levhalar { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.ags-levhalar > * { min-width: 0; }
@media (min-width: 720px) { .ags-levhalar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .ags-levhalar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ags-levhalar--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ags-levhalar > .ags-levha-fis > .ags-cengelli-rozet { margin-bottom: 8px; }
.ags-levhalar > .ags-levha-fis > p { margin: 0; color: var(--ags-duman); font-size: var(--ags-y-minik); }
.ags-levhalar > .ags-levha-fis > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + yapraklı ok). */
.ags-levha-aygit { padding: 10px 10px 14px; }
a.ags-levha-aygit { display: grid; }
.ags-levha-aygit .ags-taslak-kenari { padding: 0; }
.ags-levha-aygit .ags-taslak-kenari::before, .ags-levha-aygit .ags-taslak-kenari::after { display: none; }
.ags-levha-aygit img { width: 100%; height: auto; }
.ags-levha-aygit-baglanti { display: block; color: inherit; text-decoration: none; }
.ags-levha-aygit-dip { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--ags-cizik-hafif); }
.ags-levha-aygit-dip h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.ags-levha-aygit-dip p { margin: 2px 0 0; color: var(--ags-duman); font-size: 14px; }
.ags-levha-aygit-dip::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--ags-kursun) var(--ags-ibre-piktogram) center / 14px 14px no-repeat; border-radius: var(--ags-r-tablet); transition: background-color var(--ags-zaman) var(--ags-kavis); }
.ags-levha-aygit:hover .ags-levha-aygit-dip::after, .ags-levha-aygit-baglanti:hover .ags-levha-aygit-dip::after { background-color: var(--ags-zeytin); }
.ags-levha-aygit:hover, li.ags-levha-aygit:focus-within { --p-kenar: var(--ags-kursun); }
.ags-aygit-seri-sicil { margin-right: 8px; font-family: var(--ags-f-adet); font-size: 13px; font-weight: 700; color: var(--ags-zeytin); font-variant-numeric: tabular-nums; }
.ags-levha-aygit--benekli { display: grid; grid-template-rows: auto 1fr auto; }
.ags-levha-aygit-islem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--ags-cizik-hafif); font-size: 14px; }
.ags-levha-aygit-islem a { color: var(--ags-duman); text-decoration: none; }
.ags-levha-aygit-islem a:hover { color: var(--ags-kursun); text-decoration: underline; text-decoration-color: var(--ags-zeytin); }
.ags-levha-aygit-islem .ags-levha-aygit-istem { display: inline-flex; align-items: center; gap: 4px; font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); }
.ags-levha-aygit-islem .ags-levha-aygit-istem:hover { color: var(--ags-zeytin); }
@media (max-width: 719px) {
  .ags-levhalar--aygit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ags-levhalar--aygit .ags-levha-aygit { padding: 6px 6px 10px; }
  .ags-levhalar--aygit .ags-levha-aygit-dip { padding: 8px 2px 0; }
  .ags-levhalar--aygit .ags-levha-aygit-dip::after { display: none; }
  .ags-levhalar--aygit .ags-levha-aygit-dip h3 { font-size: 15px; }
  .ags-levhalar--aygit .ags-levha-aygit-dip p { font-size: 13px; }
  .ags-levhalar--aygit .ags-levha-aygit-islem { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: çelik, sağ üstü yapraklı, köşe imli; yapışkan DEĞİL. */
.ags-yanal-levha { --p-zemin: var(--ags-tas); --p-kenar: var(--ags-tas); padding: 24px; min-width: 0; }
.ags-yanal-levha-unvan { margin: 0 0 12px; font-size: 19px; }
.ags-yanal-levha dl { margin: 0; }
.ags-yanal-levha dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--ags-cizik); }
.ags-yanal-levha dt { font-family: var(--ags-f-unvan); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--ags-duman); }
.ags-yanal-levha dd { margin: 0; font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ags-yanal-levha .ags-tarif-levhasi > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.ags-yanal-levha .ags-tarif-levhasi dd { font-family: var(--ags-f-omurga); font-weight: 400; text-align: left; color: var(--ags-cumle); }
.ags-yanal-levha > .ags-muhur-basma { margin-top: var(--ags-kagit4); }
.ags-yanal-levha-serhi { margin: var(--ags-kagit4) 0 0; color: var(--ags-duman); font-size: 14px; }

/* --- §08 İş plakası (süreç, imza): tek yapraklı plakada alanlar ---------------- */
.ags-gorev-levhasi { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 1px; list-style: none; }
/* Alanların zemini (etkin alan çelik) yaprakı örtmesin: öğe kesilir, kenar ve yaprak çizgisi alanların ÜSTÜNDE. */
.ags-gorev-levhasi { --p-zemin: transparent; background: var(--ags-sut); border-radius: var(--ags-r-fis); }
.ags-gorev-levhasi::before { z-index: 1; }
@media (min-width: 900px) { .ags-gorev-levhasi:not(.ags-gorev-levhasi--dusey) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.ags-gorev-sahasi { position: relative; padding: 18px 20px 22px; min-width: 0; }
.ags-gorev-sahasi + .ags-gorev-sahasi { border-top: 1px solid var(--ags-cizik); }
@media (min-width: 900px) { .ags-gorev-levhasi:not(.ags-gorev-levhasi--dusey) > .ags-gorev-sahasi + .ags-gorev-sahasi { border-top: 0; border-left: 1px solid var(--ags-cizik); } }
.ags-gorev-sahasi small { display: block; margin-bottom: 10px; font-family: var(--ags-f-unvan); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--ags-duman); }
.ags-gorev-sahasi h3 { margin: 0 0 6px; font-size: 19px; }
.ags-gorev-sahasi p { margin: 0; color: var(--ags-duman); font-size: var(--ags-y-minik); }
.ags-gorev-sahasi--suan { background: var(--ags-tas); }
.ags-gorev-sahasi--suan small { color: var(--ags-zeytin); }
.ags-gorev-sahasi--suan::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--ags-zeytin); border-radius: var(--ags-r-kapsul); }
.ags-gorev-levhasi--dusey { margin: var(--ags-kagit5) 0; }
.ags-gorev-levhasi--dusey .ags-gorev-sahasi { padding: 14px 18px 16px; }
.ags-gorev-levhasi--dusey .ags-gorev-sahasi small { margin-bottom: 6px; }
.ags-gorev-levhasi--dusey .ags-gorev-sahasi h3 { font-size: 17px; }
.ags-gorev-levhasi--dusey .ags-gorev-sahasi small + p { color: var(--ags-cumle); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.ags-levha-rotasi { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--ags-f-unvan); font-size: 14px; color: var(--ags-duman); }
.ags-levha-rotasi li + li::before { content: "/"; margin-right: 10px; color: var(--ags-zeytin); }
.ags-levha-rotasi a { color: var(--ags-duman); text-decoration: none; }
.ags-levha-rotasi a:hover { color: var(--ags-kursun); text-decoration: underline; text-decoration-color: var(--ags-zeytin); }
.ags-levha-rotasi [aria-current] { color: var(--ags-kursun); }

/* --- §10 Pahlı etiket (durum), yapraklı çip, sık aranan -------------------------- */
.ags-muhur-rozet { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: var(--ags-r-kapsul); background: var(--ags-tas-2); color: var(--ags-kursun); font-family: var(--ags-f-unvan); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.ags-muhur-rozet--siz { background: #e2f0e8; color: var(--ags-yosun); }
.ags-muhur-rozet--hizmet { background: var(--ags-tas-2); color: var(--ags-kursun); }
.ags-muhur-rozet--durdurma { background: var(--ags-zeytin); color: var(--ags-zeytin-tepe); }
.ags-yogun-levhalar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ags-muhur-kose { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--ags-tas); color: var(--ags-kursun); font-size: 14.5px; text-decoration: none; border-radius: var(--ags-r-kapsul); transition: background-color var(--ags-zaman) var(--ags-kavis); }
a.ags-muhur-kose:hover { background: var(--ags-tas-3); color: var(--ags-kursun); }
a.ags-muhur-kose:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
.ags-levha-kesim--tas .ags-muhur-kose, .ags-levha-fis--tas .ags-muhur-kose { background: var(--ags-sut); }
.ags-yogun-istenen-seridi { display: grid; gap: 8px; margin-top: var(--ags-kagit5); }
.ags-yogun-istenen-seridi > span { font-family: var(--ags-f-unvan); font-size: 13px; font-weight: 600; color: var(--ags-duman); }

/* --- §11 Kod plakası ------------------------------------------------------ */
.ags-sifre-levhasi { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--ags-cizik); }
.ags-sifre-levhasi caption { padding: 0 0 10px; text-align: left; font-family: var(--ags-f-unvan); font-size: 13.5px; font-weight: 600; color: var(--ags-duman); }
.ags-sifre-levhasi th, .ags-sifre-levhasi td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ags-cizik-hafif); overflow-wrap: anywhere; }
.ags-sifre-levhasi thead th { background: var(--ags-kursun); color: var(--ags-sut); font-family: var(--ags-f-unvan); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.ags-sifre-levhasi tbody tr:last-child > * { border-bottom: 0; }
.ags-sifre-levhasi td b { display: block; font-weight: 600; color: var(--ags-kursun); }
.ags-sifre-levhasi td b + span { display: block; color: var(--ags-duman); font-size: 14px; }
.ags-sifre-levhasi tr:target > td { background: var(--ags-tas); }
.ags-sifre-levhasi tr[hidden] { display: none; }
.ags-sifre-gozesi { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--ags-tas); color: var(--ags-kursun); font-family: var(--ags-f-adet); font-size: 18px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; border-radius: var(--ags-r-kapsul); transition: background-color var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis); }
a.ags-sifre-gozesi:hover { background: var(--ags-kursun); color: var(--ags-sut); }
a.ags-sifre-gozesi:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
@media (max-width: 719px) {
  .ags-sifre-levhasi thead { display: none; }
  .ags-sifre-levhasi tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--ags-cizik-hafif); }
  .ags-sifre-levhasi tbody tr:last-child { border-bottom: 0; }
  .ags-sifre-levhasi td { padding: 2px 0; border: 0; }
  .ags-sifre-levhasi td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.ags-sifre-levhasi--tum td:first-child { width: 1%; white-space: nowrap; }
.ags-sifre-levhasi--tum td p { margin: 0 0 6px; max-width: 64ch; }
.ags-sifre-levhasi--tum td strong { font-weight: 700; color: var(--ags-kursun); }
.ags-sifre-goruldu { color: var(--ags-duman); }
.ags-sifre-acilan-detay { margin-top: 8px; }
.ags-sifre-acilan-detay > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--ags-kursun); border-radius: var(--ags-r-tablet); font-family: var(--ags-f-unvan); font-size: 14px; font-weight: 600; color: var(--ags-kursun); cursor: pointer; }
.ags-sifre-acilan-detay > summary::-webkit-details-marker { display: none; }
.ags-sifre-acilan-detay > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--ags-m-alta) center / contain no-repeat; mask: var(--ags-m-alta) center / contain no-repeat; }
.ags-sifre-acilan-detay > summary:hover { background: var(--ags-kursun); color: var(--ags-sut); }
.ags-sifre-acilan-detay[open] { --p-zemin: var(--ags-tas); --p-kenar: var(--ags-tas); margin-top: 10px; padding: 12px 16px 8px; }
.ags-sifre-acilan-detay[open] > summary { min-height: 34px; padding: 0; box-shadow: none; background: none; color: var(--ags-kursun); }
.ags-sifre-acilan-detay[open] > summary::after { transform: rotate(180deg); }
.ags-sifre-acilan-detay h3 { margin: var(--ags-kagit3) 0 0; font-size: 15px; }
.ags-sifre-acilan-detay .ags-dizi-seridi { min-height: 40px; padding-block: 6px; font-size: 15px; }
.ags-sifre-filtre-levhasi { max-width: 520px; }
.ags-sifre-filtre-levhasi .ags-saha-izah { min-height: 1.5em; margin-top: 8px; }
.ags-sifre-levhasi--tescil td:first-child a { text-decoration: none; }
.ags-sifre-levhasi--tescil td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--ags-zeytin); }
.ags-sifre-levhasi--tescil .ags-yogun-levhalar { gap: 6px; }
.ags-sifre-levhasi--tescil td:last-child, .ags-sifre-levhasi--tescil th:last-child { text-align: right; color: var(--ags-duman); }
@media (max-width: 719px) {
  .ags-sifre-levhasi--tescil tr { grid-template-columns: minmax(0, 1fr) auto; }
  .ags-sifre-levhasi--tescil td:first-child { grid-row: auto; }
  .ags-sifre-levhasi--tescil td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .ags-sifre-levhasi--tum td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.ags-tur-cetveli { width: 100%; border-collapse: collapse; font-size: var(--ags-y-minik); box-shadow: inset 0 0 0 1px var(--ags-cizik); }
.ags-tur-cetveli th, .ags-tur-cetveli td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ags-cizik-hafif); overflow-wrap: anywhere; }
.ags-tur-cetveli thead th { background: var(--ags-tas-2); color: var(--ags-kursun); font-family: var(--ags-f-unvan); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.ags-tur-cetveli tbody th { font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); border-right: 1px solid var(--ags-cizik-hafif); }
.ags-tur-cetveli tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .ags-tur-cetveli--sikisik thead { display: none; }
  .ags-tur-cetveli--sikisik tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--ags-cizik-hafif); }
  .ags-tur-cetveli--sikisik tbody tr:last-child { border-bottom: 0; }
  .ags-tur-cetveli--sikisik td, .ags-tur-cetveli--sikisik tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Literata) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.ags-tarif-levhasi { margin: 0; font-size: var(--ags-y-minik); }
.ags-tarif-levhasi > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--ags-cizik-hafif); }
.ags-tarif-levhasi > div:first-child { padding-top: 0; border-top: 0; }
.ags-tarif-levhasi dt { font-family: var(--ags-f-unvan); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--ags-duman); }
.ags-tarif-levhasi dd { margin: 0; color: var(--ags-cumle); overflow-wrap: anywhere; }
@media (max-width: 559px) { .ags-tarif-levhasi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Soru plakası (SSS), katlanan plaka --------------------------------- */
.ags-sual-levhasi { box-shadow: inset 0 0 0 1px var(--ags-cizik); }
.ags-sual-levha-seridi + .ags-sual-levha-seridi { border-top: 1px solid var(--ags-cizik); }
.ags-sual-levha-seridi summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--ags-f-unvan); font-size: 17px; font-weight: 600; color: var(--ags-kursun); cursor: pointer; }
.ags-sual-levha-seridi summary::-webkit-details-marker { display: none; }
.ags-sual-levha-seridi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--ags-kursun); -webkit-mask: var(--ags-m-alta) center / contain no-repeat; mask: var(--ags-m-alta) center / contain no-repeat; }
.ags-sual-levha-seridi summary:hover { background: var(--ags-tas); }
.ags-sual-levha-seridi[open] { background: var(--ags-tas); }
.ags-sual-levha-seridi[open] summary::after { transform: rotate(180deg); background: var(--ags-zeytin); }
.ags-sual-levha-seridi > div { padding: 0 18px 16px; color: var(--ags-cumle); }
.ags-sual-levha-seridi > div p { margin: 0 0 10px; }
.ags-sual-levha-seridi > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .ags-sual-levhasi--ikinci { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .ags-sual-levhasi--ikinci .ags-sual-levha-seridi { box-shadow: inset 0 0 0 1px var(--ags-cizik); }
  .ags-sual-levhasi--ikinci .ags-sual-levha-seridi + .ags-sual-levha-seridi { border-top: 0; }
}
.ags-katlanir-levha { border-top: 1px solid var(--ags-cizik-hafif); }
.ags-katlanir-levha > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.ags-katlanir-levha > summary::-webkit-details-marker { display: none; }
.ags-katlanir-levha > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.ags-katlanir-levha > summary small { font-family: var(--ags-f-adet); font-size: 14px; font-weight: 600; color: var(--ags-duman-2); font-variant-numeric: tabular-nums; }
.ags-katlanir-levha > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--ags-kursun); -webkit-mask: var(--ags-m-alta) center / contain no-repeat; mask: var(--ags-m-alta) center / contain no-repeat; }
.ags-katlanir-levha[open] > summary::after { transform: rotate(180deg); background: var(--ags-zeytin); }
.ags-katlanir-levha > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--ags-zeytin); }
.ags-katlanir-levha > p { margin: 0 0 8px; color: var(--ags-duman); }
.ags-katlanir-levha > .ags-serit-dizgi { margin-bottom: var(--ags-kagit3); }
.ags-levha-fis > .ags-katlanir-levha:first-of-type { margin-top: var(--ags-kagit3); }

/* --- §13 Form ------------------------------------------------------------- */
.ags-levha-istegi { display: grid; gap: var(--ags-kagit5); min-width: 0; }
.ags-istek-kisimi { display: grid; gap: 14px; min-width: 0; }
.ags-istek-kisimi + .ags-istek-kisimi { padding-top: var(--ags-kagit5); border-top: 1px solid var(--ags-cizik-hafif); }
.ags-kisim-lakabi { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.ags-kisim-lakabi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--ags-zeytin); border-radius: var(--ags-r-damla); }
.ags-kisim-lakabi b { font-family: var(--ags-f-unvan); font-size: 17px; font-weight: 600; color: var(--ags-kursun); }
.ags-kisim-lakabi small { color: var(--ags-duman); font-size: 14px; }
.ags-sahalar-yanal-bitisik { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .ags-sahalar-yanal-bitisik { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ags-sahalar-yanal-bitisik > .ags-levha-sahasi--tum, .ags-sahalar-yanal-bitisik > .ags-teyit-seridi { grid-column: 1 / -1; } }
.ags-levha-sahasi { display: grid; gap: 6px; min-width: 0; align-content: start; }
.ags-levha-sahasi > label, .ags-saha-unvani { font-family: var(--ags-f-unvan); font-size: 14px; font-weight: 600; color: var(--ags-kursun); }
.ags-levha-sahasi label small { font-family: var(--ags-f-omurga); font-weight: 400; color: var(--ags-duman); }
.ags-levha-sahasi input, .ags-levha-sahasi select, .ags-levha-sahasi textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--ags-sut); color: var(--ags-kursun); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--ags-cizik-kati); border-radius: var(--ags-r-tablet); -webkit-appearance: none; appearance: none; transition: box-shadow var(--ags-zaman) var(--ags-kavis); }
.ags-levha-sahasi textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.ags-levha-sahasi select { padding-right: 44px; background: var(--ags-sut) right 14px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312161C' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.ags-levha-sahasi select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.ags-levha-sahasi input::placeholder, .ags-levha-sahasi textarea::placeholder { color: var(--ags-duman-2); }
.ags-levha-sahasi input:hover, .ags-levha-sahasi select:hover, .ags-levha-sahasi textarea:hover { box-shadow: inset 0 0 0 1.5px var(--ags-kursun); }
.ags-levha-sahasi input:focus-visible, .ags-levha-sahasi select:focus-visible, .ags-levha-sahasi textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
.ags-levha-sahasi input[type="date"], .ags-levha-sahasi input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.ags-levha-sahasi input[type="date"]::-webkit-calendar-picker-indicator, .ags-levha-sahasi input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.ags-levha-sahasi input[type="file"] { padding: 10px 12px; }
.ags-levha-sahasi input[type="file"]::file-selector-button { margin-right: var(--ags-kagit3); min-height: 34px; padding: 0 14px; border: 0; background: var(--ags-kursun); color: var(--ags-sut); font: inherit; font-family: var(--ags-f-unvan); font-weight: 600; border-radius: var(--ags-r-kapsul); cursor: pointer; }
.ags-levha-sahasi--aksamali input, .ags-levha-sahasi--aksamali select, .ags-levha-sahasi--aksamali textarea { background-color: var(--ags-zeytin-serbest); box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
.ags-saha-izah { margin: 0; color: var(--ags-duman); font-size: 13.5px; }
.ags-saha-aksama-seridi { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--ags-zeytin); font-size: 14px; font-weight: 600; }
.ags-saha-aksama-seridi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--ags-zeytin); border-radius: var(--ags-r-damla); }
.ags-teyit-seridi { display: flex; gap: 12px; align-items: flex-start; color: var(--ags-cumle); font-size: 15px; cursor: pointer; }
.ags-teyit-seridi input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--ags-sut); box-shadow: inset 0 0 0 1.5px var(--ags-cizik-kati); -webkit-appearance: none; appearance: none; cursor: pointer; }
.ags-teyit-seridi input:checked { background: var(--ags-zeytin); box-shadow: none; }
.ags-teyit-seridi input:checked::after { content: ""; width: 16px; height: 16px; background: var(--ags-zeytin-tepe); -webkit-mask: var(--ags-m-teyit) center / contain no-repeat; mask: var(--ags-m-teyit) center / contain no-repeat; }
.ags-teyit-seridi input:focus-visible { outline: 2px solid var(--ags-zeytin); outline-offset: 2px; }
.ags-levha-sahasi--aksamali.ags-teyit-seridi input { box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
/* Uygun gün: önümüzdeki günler yapraklı küçük plakalar (ags.js). */
.ags-takvim-levhalari { display: flex; flex-wrap: wrap; gap: 8px; }
.ags-takvim-levhalari button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--ags-tas); color: var(--ags-duman); font: inherit; font-size: 14px; border-radius: var(--ags-r-kapsul); cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis); }
.ags-takvim-levhalari button b { font-family: var(--ags-f-adet); font-size: 16px; font-weight: 700; color: var(--ags-kursun); font-variant-numeric: tabular-nums; }
.ags-takvim-levhalari button:hover { background: var(--ags-tas-3); }
.ags-takvim-levhalari button[aria-pressed="true"] { background: var(--ags-kursun); color: #c9ced6; }
.ags-takvim-levhalari button[aria-pressed="true"] b { color: var(--ags-sut); }
.ags-takvim-levhalari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
.ags-istek-yolla-seridi { display: grid; gap: var(--ags-kagit3); }
.ags-istek-yolla-seridi p { margin: 0; color: var(--ags-duman); font-size: 14px; }
@media (min-width: 720px) { .ags-istek-yolla-seridi .ags-muhur-basma { justify-self: start; min-width: 300px; } }
.ags-pencere-haric-saha { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* İki yan form: solda etiket, başlık, giriş, dikey iş plakası; sağda form plakası. */
.ags-istek-levha-cifti { display: grid; gap: var(--ags-kagit6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.ags-istek-levha-cifti > * { min-width: 0; }
@media (min-width: 1080px) { .ags-istek-levha-cifti { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--ags-kagit7); } }
.ags-istek-izahi h2 { margin: 0 0 var(--ags-kagit3); font-size: var(--ags-y-1); }
.ags-istek-izahi .ags-levha-agzi { margin-top: 0; }
.ags-istek-altnotu { color: var(--ags-duman); font-size: 14px; }
.ags-istek-levhasi { --p-kenar: var(--ags-cizik-kati); padding: var(--ags-kagit6) var(--ags-kagit5); }
@media (max-width: 719px) { .ags-istek-levhasi { padding: var(--ags-kagit5) var(--ags-kagit4); } }

/* --- §14 Plaka notu, uyarı ------------------------------------------------ */
.ags-levha-serhi { --p-zemin: var(--ags-tas); --p-kenar: var(--ags-tas); margin: 0 0 var(--ags-kagit4); padding: 14px 18px 14px 21px; max-width: none; color: var(--ags-cumle); font-size: var(--ags-y-minik); }
.ags-levha-serhi::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--ags-kursun); }
.ags-levha-serhi b { display: block; margin-bottom: 2px; font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); }
.ags-levha-serhi p { margin: 0; }
.ags-levha-serhi:last-child { margin-bottom: 0; }
.ags-levha-serhi--ikaz { --p-zemin: var(--ags-zeytin-serbest); --p-kenar: var(--ags-zeytin-serbest); }
.ags-levha-serhi--ikaz::after { background: var(--ags-zeytin); }
.ags-levha-serhi--ikaz b { color: var(--ags-zeytin); }
.ags-levha-serhi--onayli::after { background: var(--ags-yosun); }
.ags-levha-serhi--onayli b { color: var(--ags-yosun); }

/* --- §15 Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.ags-belge-levhasi { padding-top: var(--ags-kagit6); }
.ags-belge-levhasi-ic { display: grid; gap: var(--ags-kagit6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.ags-belge-levhasi-ic > * { min-width: 0; }
.ags-belge-levhasi-ic h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .ags-belge-levhasi-ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--ags-kagit8); } }
.ags-belge-levhasi-resim { display: grid; gap: var(--ags-kagit3); align-content: center; }
.ags-belge-levhasi-resim:empty { display: none; }
@media (min-width: 1080px) { .ags-belge-levhasi-ic:has(> .ags-belge-levhasi-resim:empty) { grid-template-columns: minmax(0, 1fr); } }
.ags-belge-levhasi-omurga > h1 { margin: 0; overflow-wrap: anywhere; }
.ags-belge-levhasi .ags-gecis-cubuk { margin-top: var(--ags-kagit6); }
.ags-belge-levhasi .ags-muhur-islemleri { margin-top: var(--ags-kagit5); }
/* Çizim plakası: sağ üstü 28 px yapraklı beyaz plaka, yaprakta 20 px köşe imi. */
.ags-taslak-kenari { --p-pah: 28px; --p-imi: 20px; display: block; padding: 14px; }
.ags-taslak-kenari img { width: 100%; height: auto; }
.ags-taslak-kenari picture { display: block; }
.ags-belge-levhasi-resim > .ags-taslak-kenari { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .ags-belge-levhasi-resim > .ags-taslak-kenari { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.ags-baslangic-kesim { padding-top: var(--ags-kagit6); }
@media (min-width: 1080px) { .ags-baslangic-kesim { padding-top: var(--ags-kagit8); } }
.ags-baslangic-levhasi { display: grid; gap: var(--ags-kagit6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.ags-baslangic-levhasi > * { min-width: 0; }
@media (min-width: 1080px) { .ags-baslangic-levhasi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--ags-kagit8); } }
.ags-baslangic-cumlesi .ags-muhur-islemleri { margin-top: var(--ags-kagit5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.ags-prensip-levhasi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--ags-kagit5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--ags-cizik); }
.ags-prensip-levhasi li { padding: 12px 14px; color: var(--ags-kursun); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.ags-prensip-levhasi li + li { border-left: 1px solid var(--ags-cizik); }
.ags-prensip-levhasi small { display: block; margin-bottom: 4px; font-family: var(--ags-f-unvan); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--ags-zeytin); }
@media (max-width: 419px) { .ags-prensip-levhasi li { padding: 10px; font-size: 13.5px; } }
.ags-ilkin-levha { --p-pah: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.ags-ilkin-levha figcaption { margin-top: 12px; }
.ags-muhur-benekli { position: relative; }
.ags-muhur-benekli picture { display: block; }
.ags-muhur-benekli img { display: block; width: 100%; height: auto; }
.ags-sicil-tabakasi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ags-muhur-sicil { transition: opacity var(--ags-zaman) var(--ags-kavis); }
.ags-sicil-fon { fill: var(--ags-kursun); }
.ags-sicil-mohru { fill: var(--ags-zeytin); }
.ags-muhur-sicil text { fill: #ffffff; font-family: var(--ags-f-unvan); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.ags-muhur-sicil--isaretli .ags-sicil-fon { fill: var(--ags-zeytin); }
.ags-muhur-sicil--isaretli .ags-sicil-mohru { fill: var(--ags-kursun); }
.ags-sicil-tabakasi:has(.ags-muhur-sicil--isaretli) .ags-muhur-sicil:not(.ags-muhur-sicil--isaretli) { opacity: 0.3; }
.ags-levha-aygit--benekli .ags-muhur-sicil { opacity: 0; }
.ags-levha-aygit--benekli:hover .ags-muhur-sicil, .ags-levha-aygit--benekli:focus-within .ags-muhur-sicil { opacity: 1; }
@media (hover: none) { .ags-levha-aygit--benekli .ags-muhur-sicil { opacity: 1; } }
.ags-ogecik-cetveli-ucu { display: block; margin-bottom: 8px; font-family: var(--ags-f-unvan); font-size: 13px; font-weight: 600; color: var(--ags-duman); }
.ags-ogecik-cetveli { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--ags-cizik); font-size: 14px; }
@media (min-width: 420px) { .ags-ogecik-cetveli { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ags-ogecik-cetveli li:nth-child(odd) { border-right: 1px solid var(--ags-cizik-hafif); } }
.ags-ogecik-cetveli li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--ags-cizik-hafif); color: var(--ags-cumle); }
.ags-ogecik-cetveli b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--ags-kursun); color: var(--ags-sut); font-family: var(--ags-f-unvan); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; border-radius: var(--ags-r-kapsul); }

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.ags-dip-levha { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--ags-sinir) calc(10px + env(safe-area-inset-bottom)); background: var(--ags-sut); border-top: 1px solid var(--ags-cizik); transition: transform var(--ags-zaman) var(--ags-kavis); }
.ags-dip-levha::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--ags-kursun); }
.ags-dip-levha > .ags-muhur-basma { flex: 1; min-width: 0; }
.ags-dip-levha > .ags-dip-levha-telno { flex: 0 0 auto; padding-inline: 18px; }
.ags-dip-levha--sakli { transform: translateY(calc(100% + 8px)); }
body.ags-dip-levhali { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .ags-dip-levha { display: none; } body.ags-dip-levhali { padding-bottom: 0; } }

/* --- §17 Çelik altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.ags-tas-dipbilgi { position: relative; margin-top: var(--ags-blok); padding: var(--ags-kagit7) 0 0; background: var(--ags-tas); border-top: 1px solid var(--ags-cizik); }
.ags-tas-dipbilgi::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--ags-kursun); }
.ags-sonuncu-levha-kesim + .ags-tas-dipbilgi { margin-top: var(--ags-blok); }
.ags-tas-dipbilgi-kafes { display: grid; gap: var(--ags-kagit6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .ags-tas-dipbilgi-kafes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .ags-tas-dipbilgi-kafes { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); } }
.ags-dipbilgi-imza > a img { height: 28px; width: auto; margin-bottom: var(--ags-kagit4); }
.ags-dipbilgi-imza > p { max-width: 42ch; color: var(--ags-cumle); font-size: var(--ags-y-minik); }
.ags-dipbilgi-temas { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.ags-dipbilgi-temas a { color: var(--ags-kursun); text-decoration-color: var(--ags-cizik-kati); }
.ags-dipbilgi-temas .ags-sabit-hane { font-family: var(--ags-f-unvan); font-size: 19px; font-weight: 600; text-decoration: none; }
.ags-dipbilgi-endeks { min-width: 0; }
.ags-dipbilgi-endeks > nav + nav { margin-top: var(--ags-kagit5); }
.ags-dipbilgi-endeks h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.ags-dipbilgi-endeks ul { margin: 0; padding: 0; list-style: none; }
.ags-dipbilgi-endeks a, .ags-dipbilgi-endeks button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--ags-cumle); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.ags-dipbilgi-endeks a:hover, .ags-dipbilgi-endeks button:hover { color: var(--ags-zeytin); }
.ags-dipbilgi-minik { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--ags-kagit6); padding-top: var(--ags-kagit4); border-top: 1px solid var(--ags-cizik); }
.ags-dipbilgi-minik > a { margin-right: 4px; font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); text-decoration: none; }
.ags-dipbilgi-minik ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.ags-dipbilgi-minik ul a { color: var(--ags-duman); text-decoration: none; }
.ags-dipbilgi-minik ul a:hover { color: var(--ags-kursun); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.ags-tur-rozeti { --p-kenar: var(--ags-cizik-kati); display: flex; flex-wrap: wrap; margin: var(--ags-kagit6) 0 0; padding: 1px; font-size: 13.5px; }
.ags-tur-rozeti > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--ags-cizik-hafif), 0 -1px 0 var(--ags-cizik-hafif); }
.ags-tur-rozeti dt { margin-bottom: 4px; font-family: var(--ags-f-unvan); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--ags-duman); }
.ags-tur-rozeti dd { margin: 0; color: var(--ags-cumle); overflow-wrap: anywhere; }
.ags-tur-rozeti-bildiri { flex-basis: 100% !important; }
.ags-dipbilgi-bildiri { color: var(--ags-duman); }
.ags-tas-taban { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--ags-kagit4) 0 var(--ags-kagit5); font-size: 13.5px; color: var(--ags-duman); }
.ags-tas-taban p { margin: 0; }
.ags-tas-taban a { color: var(--ags-duman); }
.ags-tas-taban nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.ags-sayici-seridi b { font-family: var(--ags-f-adet); font-weight: 700; color: var(--ags-kursun); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — grafit, 28 px yaprak, yaprakta açık yakut köşe imi. */
.ags-sonuncu-levha { --p-zemin: var(--ags-kursun); --p-kenar: var(--ags-kursun); --p-pah: 28px; --p-imi: 20px; --p-imi-renk: var(--ags-zeytin-parilti); display: grid; gap: var(--ags-kagit5); align-items: center; padding: 30px 24px; color: #c9ced6; }
@media (min-width: 900px) { .ags-sonuncu-levha { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.ags-sonuncu-levha h2 { margin: 0 0 8px; color: var(--ags-sut); }
.ags-sonuncu-levha p { margin: 0; color: #c9ced6; }
.ags-sonuncu-levha .ags-cengelli-rozet { margin-bottom: 10px; color: #c9ced6; }
.ags-sonuncu-levha .ags-cengelli-rozet::before { background: var(--ags-zeytin-parilti); }
.ags-sonuncu-levha .ags-muhur-basma--zeytin:focus-visible, .ags-sonuncu-levha .ags-muhur-basma--derin:focus-visible { box-shadow: inset 0 0 0 3px var(--ags-sut), inset 0 0 0 5px var(--ags-kursun); }
/* Ara plaka (sayfa ortası tek satır çağrı): çelik, köşe imli. */
.ags-ara-levha { --p-zemin: var(--ags-tas); --p-kenar: var(--ags-tas); display: grid; gap: var(--ags-kagit4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .ags-ara-levha { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.ags-ara-levha p { margin: 0; color: var(--ags-duman); }
.ags-ara-levha b { display: block; font-family: var(--ags-f-unvan); font-size: var(--ags-y-3); color: var(--ags-kursun); }
/* Çerez plakası: alt plakanın üstünde yüzen beyaz plaka. */
.ags-gizlilik-levhasi { --p-kenar: var(--ags-cizik-kati); position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 90; max-width: 760px; margin-inline: auto; padding: var(--ags-kagit4) var(--ags-kagit5); }
.ags-gizlilik-levhasi p { margin: 0 0 12px; max-width: none; color: var(--ags-cumle); font-size: 14px; }

/* --- §18 Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.ags-boyut-seridi { --p-zemin: var(--ags-tas); --p-kenar: var(--ags-tas); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.ags-boyut-seridi > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.ags-boyut-seridi > div + div { box-shadow: -1px 0 0 var(--ags-cizik); }
.ags-boyut-seridi dd { margin: 0; font-size: var(--ags-y-kocaman); }
.ags-boyut-seridi dt { font-family: var(--ags-f-unvan); font-size: var(--ags-y-rozet); font-weight: 600; color: var(--ags-duman); }
.ags-ray-levhasi { --p-zemin: var(--ags-tas); --p-kenar: var(--ags-tas); display: grid; gap: 6px; padding: 22px; }
.ags-ray-levhasi .ags-cengelli-rozet { margin: 0; }
.ags-ray-levhasi .ags-boyut-hanesi { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.ags-ray-levhasi .ags-boyut-hanesi:hover { color: var(--ags-zeytin); }
.ags-ray-levhasi p { margin: 0; color: var(--ags-duman); font-size: 14px; }
.ags-baslangic-ogeleri .ags-dizi-seridi { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--ags-cumle); }
.ags-baslangic-ogeleri .ags-dizi-seridi::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--ags-zeytin); border-radius: var(--ags-r-damla); }
.ags-amblem-levhasi { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--ags-kagit4); padding: var(--ags-kagit5); }
.ags-amblem-levhasi--derin { --p-zemin: var(--ags-kursun); --p-kenar: var(--ags-kursun); }
.ags-amblem-levhasi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.ags-yer-levhasi { --p-zemin: var(--ags-tas); --p-kenar: var(--ags-tas); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--ags-kagit5); text-align: center; overflow: hidden; }
.ags-yer-levhasi .ags-muhur-islemleri { justify-content: center; }
.ags-yer-levhasi iframe { width: 100%; height: 100%; border: 0; }
.ags-yer-levhasi--serbest { padding: 0; }
.ags-yer-levhasi--serbest > div { display: none; }
@media (min-width: 720px) { .ags-yer-levhasi { aspect-ratio: 16 / 9; } }
.ags-yer-levhasi-posta { color: var(--ags-cumle); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.ags-gorus-levhasi { margin: 0; }
.ags-gorus-levhasi blockquote { margin: 0 0 var(--ags-kagit3); }
.ags-gorus-levhasi figcaption { color: var(--ags-duman); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.ags-lakap-dizgi { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--ags-cumle); font-size: var(--ags-y-minik); line-height: 1.9; }
.ags-lakap-dizgi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--ags-duman-2); }

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.ags-serit-dizgi { margin: 0; padding: 0; list-style: none; }
.ags-dizi-seridi { display: flex; align-items: center; gap: var(--ags-kagit3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--ags-cizik-hafif); }
.ags-dizi-seridi:first-child { border-top: 0; }
.ags-dizi-seridi > a { flex: 1; min-width: 0; color: var(--ags-kursun); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.ags-dizi-seridi > a:hover { text-decoration: underline; text-decoration-color: var(--ags-zeytin); }
.ags-dizi-seridi small { flex: 0 1 auto; min-width: 0; color: var(--ags-duman); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.ags-dizi-seridi:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--ags-duman-2); -webkit-mask: var(--ags-m-ibre) center / contain no-repeat; mask: var(--ags-m-ibre) center / contain no-repeat; }
.ags-dizi-seridi:has(> a:hover)::after { background: var(--ags-zeytin); }
.ags-dizi-seridi > span { flex: 1; min-width: 0; }
.ags-serit-dizgi:not(.ags-serit-dizgi--kolonlu, .ags-baslangic-ogeleri) > .ags-dizi-seridi > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--ags-kursun); border-radius: var(--ags-r-damla); }
.ags-serit-izahi { display: inline-block; width: 100%; margin-top: 2px; color: var(--ags-duman); font-size: 14px; font-weight: 400; }
.ags-serit-dizgi--kolonlu { columns: 1; column-gap: var(--ags-kagit6); }
.ags-serit-dizgi--kolonlu .ags-dizi-seridi { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--ags-cizik-hafif); }
.ags-serit-dizgi--kareli { columns: 2; column-gap: var(--ags-kagit4); }
@media (max-width: 559px) { .ags-serit-dizgi--kareli small { display: none; } }
@media (min-width: 560px) { .ags-serit-dizgi--kolonlu { columns: 2; } }
@media (min-width: 1080px) {
  .ags-serit-dizgi--kolonlu { columns: 3; }
  .ags-serit-dizgi--kareli { columns: 4; }
  .ags-cift-solda .ags-serit-dizgi--kolonlu, .ags-levhalar > .ags-levha-fis .ags-serit-dizgi--kolonlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.ags-lakap-filtresi { max-width: 360px; margin-bottom: var(--ags-kagit4); }
.ags-yazim-kisimlari { columns: 1; column-gap: var(--ags-kagit6); }
@media (min-width: 560px) { .ags-yazim-kisimlari { columns: 2; } }
@media (min-width: 1080px) { .ags-yazim-kisimlari { columns: 4; } }
.ags-yazim-kisimi { break-inside: avoid; margin-bottom: var(--ags-kagit4); }
.ags-yazim-kisimi .ags-cengelli-rozet { margin: 0; color: var(--ags-kursun); font-size: 15px; }
.ags-yazim-kisimi .ags-dizi-seridi { min-height: 44px; padding-block: 6px; }
.ags-yazim-kisimi .ags-dizi-seridi small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + yakut alt çizgi. */
.ags-gecis-cubuk { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--ags-kagit4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--ags-tas-2); border-radius: var(--ags-r-tablet); }
.ags-gecis-cubuk::-webkit-scrollbar { display: none; }
.ags-gecis-cubuk a, .ags-gecis-cubuk button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--ags-duman); font: inherit; font-family: var(--ags-f-unvan); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis); }
.ags-gecis-cubuk a:hover, .ags-gecis-cubuk button:hover { color: var(--ags-kursun); background: var(--ags-tas-3); }
.ags-gecis-cubuk [aria-selected="true"], .ags-gecis-cubuk [aria-current="true"] { background: var(--ags-sut); color: var(--ags-kursun); font-weight: 600; box-shadow: inset 0 -2px 0 var(--ags-zeytin); }
.ags-gecis-cubuk a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
.ags-gecis-cubuk sup { font-family: var(--ags-f-adet); font-size: 12px; color: var(--ags-duman-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.ags-gecis-cubuk[data-az-harfler] { margin-top: 0; }
.ags-gecis-cubuk[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.ags-gecis-levhasi[hidden] { display: none; }
.ags-gecis-levhasi:focus-visible { outline-offset: 4px; }

/* ==========================================================================
   §20 SAYFA AİLELERİ (TASARIM-SISTEMI §08): ana sayfa bölümleri, cihaz,
   bölge, marka, hata kodu. Burada yalnız aileye özgü ekler.
   ========================================================================== */
/* Arıza bulucu (ana sayfa): JS yoksa gizli (aynı belirtiler cihaz sayfalarında). */
html:not(.ags-komut) .ags-kesfedici-kesim { display: none; }
.ags-isarti-levhasi { display: grid; gap: var(--ags-kagit5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.ags-isarti-levhasi > * { min-width: 0; }
@media (min-width: 900px) { .ags-isarti-levhasi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.ags-isarti-levhasi > .ags-taslak-kenari { max-width: 420px; justify-self: center; width: 100%; }
.ags-isarti-sual-seridi { margin: 0 0 var(--ags-kagit3); font-family: var(--ags-f-unvan); font-size: var(--ags-y-3); font-weight: 600; color: var(--ags-kursun); }
.ags-isarti-basma-sirasi { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ags-isarti-basma-sirasi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--ags-tas); color: var(--ags-cumle); font: inherit; font-size: 15px; text-align: left; border-radius: var(--ags-r-tablet); cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), box-shadow var(--ags-zaman) var(--ags-kavis); }
.ags-isarti-basma-sirasi button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--ags-kursun); color: var(--ags-sut); font-family: var(--ags-f-adet); font-size: 12px; font-weight: 700; border-radius: var(--ags-r-kapsul); }
.ags-isarti-basma-sirasi button:hover { background: var(--ags-tas-3); color: var(--ags-kursun); }
.ags-isarti-basma-sirasi button[aria-pressed="true"] { background: var(--ags-sut); color: var(--ags-kursun); box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
.ags-isarti-basma-sirasi button[aria-pressed="true"] span { background: var(--ags-zeytin); }
.ags-isarti-basma-sirasi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-kursun); }
.ags-isarti-hali { min-height: 3em; margin: var(--ags-kagit4) 0; color: var(--ags-duman); font-size: 14px; }
.ags-isarti-hali b { color: var(--ags-kursun); }
/* Neden Assist Grup Servis: dört plaka + katlanır fark dökümü. */
.ags-sebep-levhalari h3 { margin: var(--ags-kagit3) 0 6px; }
.ags-sebep-levhalari p { margin: 0; color: var(--ags-duman); font-size: var(--ags-y-minik); }
.ags-muhur-piktogram { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--ags-tas); color: var(--ags-kursun); border-radius: var(--ags-r-kapsul); }
.ags-kiyas-dizgi { padding: 18px 22px; }
.ags-kiyas-dizgi summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); cursor: pointer; }
.ags-kiyas-dizgi summary::-webkit-details-marker { display: none; }
.ags-kiyas-dizgi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--ags-kursun); -webkit-mask: var(--ags-m-alta) center / contain no-repeat; mask: var(--ags-m-alta) center / contain no-repeat; }
.ags-kiyas-dizgi[open] summary::after { transform: rotate(180deg); background: var(--ags-zeytin); }
.ags-kiyas-dizgi dl { display: grid; margin: var(--ags-kagit4) 0 0; }
.ags-kiyas-dizgi dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--ags-cizik-hafif); }
@media (min-width: 720px) { .ags-kiyas-dizgi dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.ags-kiyas-dizgi dt { color: var(--ags-duman); text-decoration: line-through; text-decoration-color: var(--ags-cizik-kati); }
.ags-kiyas-dizgi dd { margin: 0; color: var(--ags-cumle); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.ags-sehir-levhasi-ucu { display: grid; gap: var(--ags-kagit5); margin-bottom: var(--ags-kagit5); }
@media (min-width: 900px) { .ags-sehir-levhasi-ucu { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.ags-sehir-levhasi-ucu h2 { margin: 0 0 8px; }
.ags-sehir-levhasi-ucu p { margin: 0; color: var(--ags-duman); }
.ags-sehir-boyutlari { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--ags-cizik-kati); background: var(--ags-sut); }
.ags-sehir-boyutlari div { display: flex; flex-direction: column; padding: 12px 18px; }
.ags-sehir-boyutlari div + div { border-left: 1px solid var(--ags-cizik); }
.ags-sehir-boyutlari dd { margin: 0; font-family: var(--ags-f-adet); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--ags-kursun); font-variant-numeric: tabular-nums; }
.ags-sehir-boyutlari dt { margin-top: 6px; font-family: var(--ags-f-unvan); font-size: 12.5px; font-weight: 600; color: var(--ags-duman); }
.ags-sehir-dizgi { margin-top: var(--ags-kagit4); }
.ags-sehir-dizgi summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--ags-f-unvan); font-weight: 600; color: var(--ags-kursun); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .ags-levha-kilif { margin-top: var(--ags-blok); }
.ags-cift-solda > .ags-levha-fis > .ags-fis-ucu + .ags-saha-izah { margin-top: calc(var(--ags-kagit3) * -1); }
.ags-cift-solda > .ags-levha-fis > p { max-width: 68ch; }
.ags-cift-solda > .ags-levha-fis > .ags-levhalar--aygit { margin-top: var(--ags-kagit2); }
.ags-levha-fis .ags-yogun-istenen-seridi .ags-yogun-levhalar { margin: 0; }

/* --- Hareket azaltma, yazdırma ------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .ags-tepe-levha, .ags-dip-levha, .ags-levha-goz, .ags-levha-goz-kapagi, .ags-gizlilik-levhasi, .ags-sonuncu-levha-kesim, .ags-ara-levha, .ags-gecis-cubuk { display: none !important; }
  .ags-gecis-levhasi[hidden] { display: block !important; }
  .ags-sifre-acilan-detay { display: block; }
  .ags-katlanir-levha > summary::after { display: none; }
}

/* ==========================================================================
   §40–§41 İL HARİTASI (il ve ilçeler: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Plaka dili: köşe 0, yapraklı düğme ve
   seçici, 1 px çizgi, gölge yok; yakut YALNIZ üzerine gelinen, odaklanan
   ya da listeden vurgulanan ildedir/ilçededir.
   ========================================================================== */
/* --- §40 Kap ve üst satır: Bütün iller · il seçici · durum --------------- */
.ags-sehir-krokisi { margin: var(--ags-kagit4) 0 var(--ags-kagit6); border-top: 1px solid var(--ags-cizik); border-bottom: 1px solid var(--ags-cizik-hafif); }
.ags-sehir-krokisi[hidden] { display: none; }
.ags-sehir-krokisi-ucu { display: flex; flex-wrap: wrap; align-items: end; gap: var(--ags-kagit3) var(--ags-kagit4); padding: var(--ags-kagit3) 0; border-bottom: 1px solid var(--ags-cizik-hafif); }
.ags-sehir-krokisi-geriye { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--ags-sut); color: var(--ags-kursun); box-shadow: inset 0 0 0 1.5px var(--ags-kursun); border-radius: var(--ags-r-tablet); font: 600 15px/1 var(--ags-f-unvan); cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis); }
.ags-sehir-krokisi-geriye[hidden] { display: none; }
.ags-sehir-krokisi-geriye svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.ags-sehir-krokisi-geriye:hover { background: var(--ags-kursun); color: var(--ags-sut); }
.ags-sehir-krokisi-geriye:focus-visible, .ags-sehir-krokisi-sehir-kapsulu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-zeytin); }
.ags-sehir-krokisi-sehir { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.ags-sehir-krokisi-sehir label { font-family: var(--ags-f-unvan); font-size: var(--ags-y-rozet); font-weight: 600; color: var(--ags-kursun); }
.ags-sehir-krokisi-sehir-kapsulu { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--ags-cizik-kati); border-radius: var(--ags-r-tablet); color: var(--ags-cumle); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--ags-sut) right 12px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312161C' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.ags-sehir-krokisi-hal { flex: 1 1 100%; margin: 0; color: var(--ags-duman); font-size: var(--ags-y-minik); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .ags-sehir-krokisi-hal { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, yakut yalnız etkin alan --- */
.ags-sehir-krokisi-ic { display: grid; gap: var(--ags-kagit4); padding-top: var(--ags-kagit4); }
.ags-sehir-krokisi-kanvas { min-width: 0; transition: opacity var(--ags-zaman) var(--ags-kavis); }
.ags-sehir-krokisi-kanvas svg { display: block; width: 100%; height: auto; }
.ags-sehir-krokisi-yore { fill: var(--ags-tas-2); stroke: var(--ags-sut); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--ags-zaman) var(--ags-kavis); }
.ags-levha-kesim--tas .ags-sehir-krokisi-yore { fill: var(--ags-sut); stroke: var(--ags-cizik); }
.ags-sehir-krokisi-yore:hover, .ags-sehir-krokisi-yore:focus, .ags-sehir-krokisi-yore.ags-sehir-krokisi-yore--belirgin { fill: var(--ags-zeytin); outline: none; }
.ags-sehir-krokisi--isleniyor .ags-sehir-krokisi-kanvas { opacity: 0.4; cursor: progress; }
.ags-sehir-krokisi-yanal { min-width: 0; border-top: 1px solid var(--ags-cizik); }
.ags-sehir-krokisi-yanal[hidden] { display: none; }
.ags-sehir-krokisi-yanal-ucu { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--ags-cizik-hafif); font-family: var(--ags-f-unvan); font-size: 1.125rem; font-weight: 600; }
.ags-sehir-krokisi-yanal-ucu a { color: var(--ags-kursun); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.ags-sehir-krokisi-yanal-ucu a:hover { text-decoration-color: var(--ags-zeytin); }
.ags-sehir-krokisi-altbolgeler { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--ags-kanal); }
.ags-sehir-krokisi-altbolgeler li { break-inside: avoid; }
.ags-sehir-krokisi-altbolgeler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--ags-cizik-hafif); color: var(--ags-cumle); text-decoration: none; }
.ags-sehir-krokisi-altbolgeler a:hover, .ags-sehir-krokisi-altbolgeler a:focus-visible { outline: none; color: var(--ags-zeytin); border-bottom-color: var(--ags-zeytin); }
@media (min-width: 1080px) {
  .ags-sehir-krokisi--sehir-serbest .ags-sehir-krokisi-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .ags-sehir-krokisi--sehir-serbest.ags-sehir-krokisi--sikisik .ags-sehir-krokisi-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .ags-sehir-krokisi-altbolgeler { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .ags-sehir-krokisi-yore, .ags-sehir-krokisi-kanvas, .ags-sehir-krokisi-geriye { transition: none; } }
@media print { .ags-sehir-krokisi { display: none !important; } }

/* --- §42 Kimlik: koparma şeridi, bal vurgu, baskı gölgesi ----------------- */
.ags-tepe-levha::after { content: none; }
.ags-tepe-levha::before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 4px; pointer-events: none;
  background: radial-gradient(circle, var(--ags-cizik-kati) 1.1px, transparent 1.6px) 0 0 / 11px 4px repeat-x; }
.ags-tepe-levha { border-bottom: 0; }
.ags-baslangic-cumlesi h1 { position: relative; }
.ags-baslangic-cumlesi h1 .ags-bal-bant, .ags-baslangic-cumlesi h1 em {
  font-style: normal; background: linear-gradient(transparent 62%, var(--ags-bal) 62% 92%, transparent 92%); padding: 0 .08em; }
.ags-levha-kilif img, .ags-levha-fis img { border-radius: var(--ags-r-kapsul); }