/* ==========================================================================
   Assist Grup Servis — stil dosyası (TASARIM-SISTEMI.md v4 "Gök mavisi", 22 Eki 2026;
   yerleşim, yazı ve bileşenler v3 "Lagün" ile aynı, yalnız renk değişti)

   Kimlik: GÖK MAVİSİ VE BUZ. Nötr serin zemin (#F5F7FA), beyaz kartlar, canlı
   gök mavisi birincil renk (#0062C4, beyazda 5,9:1), gece mavisi başlık ve koyu
   yüzey (#082552), açık gök (#5CC8F7) koyu zeminde birincil eylem ve küçük işaret,
   ışık mavisi (#A5DCFF) koyu zeminde vurgu. Yazı: Bricolage Grotesque 700 (başlık)
   + Wix Madefor Text 400/600.
   Biçim: yumuşak köşe (kart 20 px, kutu 14 px, düğme hap), katmanlı yumuşak
   gölge, kayıt fişi çentiği (kapanış levhası), zaman çizgisi süreç, yuvarlak
   parça numaraları. Mobil önce: alt eylem yuvası başparmak erişiminde.
   Sınıf öneki: ags-   Belirteç öneki: --ags-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; kendi barındırma; latin + Türkçe
       alt kümesi: İ Ş Ğ ı ç ö ü dahil. Kaynak: araclar/fontlar (SIL OFL) --- */
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/bricolage-700.248314345443.woff2") format("woff2");
}
@font-face {
  font-family: "Wix Madefor Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/wix-400.fe91dfa50e69.woff2") format("woff2");
}
@font-face {
  font-family: "Wix Madefor Text";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/wix-600.68747f7406d5.woff2") format("woff2");
}

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

  /* yüzeyler: nötr serin zemin, beyaz kart, buz mavisi bölüm */
  --ags-ak: #ffffff;             /* kart, girdi, açılır liste */
  --ags-sis: #f5f7fa;            /* sayfa zemini */
  --ags-buz: #e8f0fa;            /* ikincil bölüm, sekme rayı, tablo başı */
  --ags-buz-2: #dce9f8;          /* üzerine gelme, basılı yüzey */
  /* yazı */
  --ags-gece: #082552;           /* başlık, logo, koyu yüzey */
  --ags-metin: #243246;          /* gövde metni */
  --ags-soluk: #4a586b;          /* ikincil metin */
  --ags-soluk-2: #52617a;        /* yer tutucu, dip satır */
  /* çizgi */
  --ags-cizgi-hafif: #e4eaf2;    /* satır ayırıcı */
  --ags-cizgi: #d3ddea;          /* kart kenarı (yalnız dekor) */
  --ags-cizgi-kati: #6b7a90;     /* girdi kenarı (≥ 3:1) */
  /* marka */
  --ags-mavi: #0062c4;           /* birincil düğme, bağlantı, odak */
  --ags-mavi-derin: #004e9e;     /* düğme üzerine gelme */
  --ags-mavi-tepe: #ffffff;      /* mavi düğmedeki yazı */
  --ags-isik: #a5dcff;           /* koyu zeminde vurgu */
  --ags-gok: #5cc8f7;            /* koyu zeminde birincil eylem, işaret */
  --ags-gok-derin: #34b4ee;      /* gök düğme üzerine gelme */
  --ags-gok-acik: #ddf4fd;       /* kod gözü, işaret zemini */
  --ags-yesil: #2c7a4b;          /* "Kendiniz bakın", başarı */
  --ags-hata: #b42318;           /* form hatası: kenar, işaret */
  --ags-hata-metin: #9f1d14;     /* form hatası: yazı */
  --ags-hata-acik: #fff1ee;      /* form hatası: girdi zemini */
  /* koyu yüzey üstünde */
  --ags-gece-2: #0e3166;         /* koyu kart */
  --ags-gece-metin: #d3e1f5;     /* koyu zeminde gövde */
  --ags-gece-soluk: #a3b9d9;     /* koyu zeminde ikincil */
  --ags-gece-cizgi: rgba(211, 225, 245, 0.16);

  /* biçim */
  --ags-r-kart: 20px;
  --ags-r-kutu: 14px;
  --ags-r-ufak: 10px;
  --ags-r-hap: 999px;
  --ags-r-daire: 50%;
  --ags-golge-1: 0 1px 2px rgba(8, 37, 82, 0.05), 0 4px 14px -6px rgba(8, 37, 82, 0.12);
  --ags-golge-2: 0 2px 4px rgba(8, 37, 82, 0.05), 0 18px 36px -18px rgba(8, 37, 82, 0.32);
  --ags-golge-eylem: 0 10px 22px -10px rgba(0, 98, 196, 0.6);
  --ags-golge-gok: 0 10px 22px -10px rgba(52, 180, 238, 0.7);
  --ags-halka: 0 0 0 4px rgba(0, 98, 196, 0.16);

  /* yazı aileleri */
  --ags-f-baslik: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ags-f-govde: "Wix Madefor Text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ags-f-tek: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan) */
  --ags-y-dev: clamp(3rem, 2.1rem + 4.2vw, 5.25rem);
  --ags-y-vitrin: clamp(2.375rem, 1.55rem + 3.6vw, 4.375rem);
  --ags-y-1: clamp(2rem, 1.5rem + 2.1vw, 3.125rem);
  --ags-y-2: clamp(1.5rem, 1.28rem + 1vw, 2.125rem);
  --ags-y-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --ags-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --ags-y-govde: 1.0625rem;      /* 17 px */
  --ags-y-ufak: 0.9375rem;       /* 15 px */
  --ags-y-etiket: 0.8125rem;     /* 13 px */

  /* yerleşim */
  --ags-zarf: 1240px;
  --ags-okuyus: 720px;
  --ags-yanal: 340px;
  --ags-sinir: 16px;
  --ags-blok: 64px;
  --ags-tepe-yukseklik: 64px;

  /* boşluk (4 tabanlı) */
  --ags-a1: 4px;
  --ags-a2: 8px;
  --ags-a3: 12px;
  --ags-a4: 16px;
  --ags-a5: 24px;
  --ags-a6: 32px;
  --ags-a7: 48px;
  --ags-a8: 64px;

  /* hareket: kısa, yumuşak çıkış */
  --ags-zaman: 180ms;
  --ags-kavis: cubic-bezier(0.22, 1, 0.36, 1);

  /* ikon maskeleri (currentColor; yuvarlak uç, 2 px kalem) */
  --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='2' stroke-linecap='round' stroke-linejoin='round'%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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='M13 6l6 6-6 6'/%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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --ags-m-arti: 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.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19.5 7'/%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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='M13 6.5l5.5 5.5-5.5 5.5'/%3E%3C/svg%3E");
}

@media (min-width: 720px) {
  :root { --ags-sinir: 28px; --ags-blok: 88px; }
}
@media (min-width: 1080px) {
  :root { --ags-sinir: 40px; --ags-tepe-yukseklik: 72px; --ags-blok: 112px; }
}
/* Koyu tema YOK. Yazdırmada yüzeyler beyaza iner. */
@media print {
  :root {
    --ags-sis: #ffffff; --ags-buz: #ffffff; --ags-buz-2: #ffffff;
    --ags-gece: #000000; --ags-metin: #111111; --ags-soluk: #444444; --ags-soluk-2: #555555;
    --ags-cizgi-hafif: #cccccc; --ags-cizgi: #999999; --ags-cizgi-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-a4));
  -webkit-tap-highlight-color: transparent;
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  background: var(--ags-sis);
  color: var(--ags-metin);
  font-family: var(--ags-f-govde);
  font-size: var(--ags-y-govde);
  line-height: 1.62;
  font-weight: 400;
  font-synthesis: none;
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
h1, h2, h3, h4 {
  margin: 0;
  color: var(--ags-gece);
  font-family: var(--ags-f-baslik);
  font-weight: 700;
  letter-spacing: -0.018em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--ags-y-1); line-height: 1.06; letter-spacing: -0.028em; }
h2 { font-size: var(--ags-y-2); line-height: 1.12; letter-spacing: -0.022em; }
h3 { font-size: var(--ags-y-3); line-height: 1.28; letter-spacing: -0.01em; }
h4 { font-size: 1rem; font-family: var(--ags-f-govde); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--ags-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
a { color: inherit; text-decoration-line: underline; text-decoration-color: color-mix(in srgb, var(--ags-mavi) 45%, transparent); text-decoration-thickness: 1.5px; text-underline-offset: 0.22em; transition: color var(--ags-zaman) var(--ags-kavis), text-decoration-color var(--ags-zaman) var(--ags-kavis); }
a:hover { color: var(--ags-mavi); text-decoration-color: var(--ags-mavi); }
strong, b { font-weight: 600; color: var(--ags-gece); }
code, kbd, samp { font-family: var(--ags-f-tek); font-size: 0.92em; }
hr { border: 0; height: 1px; margin: var(--ags-a6) 0; background: var(--ags-cizgi); }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--ags-isik); color: var(--ags-gece); }
:focus-visible { outline: 2.5px solid var(--ags-mavi); outline-offset: 2px; border-radius: 6px; }
.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-a4); top: -100px; z-index: 100;
  background: var(--ags-gece); color: var(--ags-ak); padding: var(--ags-a2) var(--ags-a4);
  border-radius: var(--ags-r-hap); font-weight: 600; text-decoration: none;
}
.ags-bizzat-ozet:focus { top: var(--ags-a2); }

/* ==========================================================================
   BİLEŞENLER §03–§19 — KART BOYAMA KALIBI: zemin, kenar ve gölge ::before'da
   çizilir (içerik katmanı serbest kalır). Ayar: --p-zemin, --p-kenar,
   --p-golge, --p-r.
   ========================================================================== */
.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-ak);
  --p-kenar: var(--ags-cizgi);
  --p-golge: var(--ags-golge-1);
  --p-r: var(--ags-r-kart);
  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(--p-golge);
  border-radius: var(--p-r);
  transition: box-shadow var(--ags-zaman) var(--ags-kavis), transform var(--ags-zaman) var(--ags-kavis);
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.ags-levha-kilif { max-width: calc(var(--ags-zarf) + 2 * var(--ags-sinir)); margin-inline: auto; padding-inline: var(--ags-sinir); }
.ags-esas-omurga { display: block; min-height: 50vh; }
.ags-levha-cift { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ags-a5); 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-a7); } }
.ags-levha-istifi { display: grid; gap: var(--ags-a4); }
.ags-levha-istifi > * { min-width: 0; }
.ags-levha-kesim { margin-top: var(--ags-blok); }
.ags-levha-kesim--tas { padding-block: var(--ags-blok); background: linear-gradient(180deg, var(--ags-buz), #edf3fb 70%, var(--ags-sis)); }
.ags-levha-kesim--tas .ags-levha-fis { --p-zemin: var(--ags-ak); }
.ags-levha-kesim--tas .ags-cengelli-rozet { background: var(--ags-ak); }
.ags-levha-kesim--tas + .ags-levha-kesim { margin-top: calc(var(--ags-blok) * 0.5); }
.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-a6); }
[id] { scroll-margin-top: calc(var(--ags-tepe-yukseklik) + var(--ags-a5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
/* Rubrik: ışık zeminli hap, içinde küçük mavi nokta. */
.ags-cengelli-rozet { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 5px 12px 5px 10px; max-width: 100%; background: var(--ags-buz); color: var(--ags-mavi-derin); border-radius: var(--ags-r-hap); font-size: var(--ags-y-etiket); font-weight: 600; line-height: 1.3; letter-spacing: 0.01em; }
.ags-cengelli-rozet::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--ags-mavi); border-radius: var(--ags-r-daire); box-shadow: 0 0 0 3px rgba(0, 98, 196, 0.16); }
.ags-levha-bilezik { margin: 0; font-family: var(--ags-f-baslik); font-size: var(--ags-y-vitrin); font-weight: 700; line-height: 1.0; letter-spacing: -0.035em; color: var(--ags-gece); text-wrap: balance; overflow-wrap: anywhere; }
.ags-levha-agzi { margin: 14px 0 0; max-width: 60ch; font-size: var(--ags-y-giris); line-height: 1.55; color: var(--ags-metin); }
/* Bölüm başı: başlığın üstünde kısa gök çubuk; sağda ok bağlantı. */
.ags-levha-unvani { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px var(--ags-a5); margin-bottom: var(--ags-a5); padding-top: 20px; }
.ags-levha-unvani::before { content: ""; position: absolute; left: 0; top: 0; width: 36px; height: 5px; background: var(--ags-gok); border-radius: var(--ags-r-hap); }
.ags-levha-unvani::after { content: ""; position: absolute; left: 42px; top: 0; width: 5px; height: 5px; background: var(--ags-mavi); border-radius: var(--ags-r-daire); }
.ags-levha-unvani > div { min-width: 0; max-width: 760px; }
.ags-levha-unvani h2 { margin: 0; overflow-wrap: anywhere; }
.ags-levha-unvani p { margin: 8px 0 0; color: var(--ags-soluk); font-size: var(--ags-y-ufak); }
.ags-levha-cumlesi { max-width: 68ch; }
.ags-levha-cumlesi > :last-child { margin-bottom: 0; }
.ags-levha-cumlesi h3 { margin: var(--ags-a5) 0 8px; }
.ags-levha-cumlesi ul, .ags-levha-cumlesi ol { padding-left: 1.25rem; margin: 0 0 var(--ags-a4); }
.ags-levha-cumlesi li { margin-bottom: 6px; }
.ags-levha-cumlesi li::marker { color: var(--ags-mavi); }
.ags-boyut-hanesi { font-family: var(--ags-f-baslik); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.03em; color: var(--ags-gece); }
.ags-sabit-hane { font-variant-numeric: tabular-nums; }
.ags-tepe-bosluk.ags-tepe-bosluk { margin-top: var(--ags-a4); }
.ags-aksama-adedi { display: block; font-family: var(--ags-f-baslik); font-size: var(--ags-y-dev); font-weight: 700; line-height: 0.95; letter-spacing: -0.04em; color: var(--ags-mavi); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.ags-tepe-levha { position: sticky; top: 0; z-index: 40; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); box-shadow: 0 1px 0 var(--ags-cizgi); }
.ags-tepe-levha-ic { display: flex; align-items: center; gap: var(--ags-a3); max-width: calc(var(--ags-zarf) + 2 * var(--ags-sinir)); height: var(--ags-tepe-yukseklik); margin-inline: auto; padding-inline: var(--ags-sinir); }
.ags-tepe-levha-amblem { flex: none; display: block; line-height: 0; border-radius: 8px; }
.ags-tepe-levha-amblem img { height: 26px; width: auto; }
@media (min-width: 720px) { .ags-tepe-levha-amblem img { height: 30px; } }
@media (min-width: 1080px) { .ags-tepe-levha-amblem img { height: 32px; } }
.ags-tepe-levha-gezinti { display: none; }
.ags-tepe-levha-secenek { display: flex; gap: 2px; 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 11px; border-radius: var(--ags-r-hap); font-size: 15px; font-weight: 600; color: var(--ags-gece); text-decoration: none; white-space: nowrap; transition: background-color var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis); }
.ags-tepe-levha-secenek > li > a:hover, .ags-levha-acilan:focus-within > a { background: var(--ags-buz); color: var(--ags-mavi-derin); }
.ags-tepe-levha-secenek > li > a[aria-current] { color: var(--ags-mavi-derin); background: var(--ags-buz); }
.ags-levha-acilan > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; opacity: 0.7; -webkit-mask: var(--ags-m-alta) center / contain no-repeat; mask: var(--ags-m-alta) center / contain no-repeat; transition: transform var(--ags-zaman) var(--ags-kavis); }
.ags-levha-acilan:hover > a::after, .ags-levha-acilan:focus-within > a::after { transform: rotate(180deg); }
/* Açılır liste: beyaz yüzen kart; üzerine gelince ya da klavye odağında açılır. */
.ags-levha-acilan-dizelge { --p-r: 18px; --p-golge: var(--ags-golge-2); position: absolute; top: calc(100% + 6px); left: 0; z-index: 45; display: none; min-width: 260px; margin: 0; padding: 8px; list-style: none; }
.ags-levha-acilan-dizelge::after { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
.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: 520px; columns: 2; column-gap: 4px; }
.ags-levha-acilan-dizelge li { break-inside: avoid; }
.ags-levha-acilan-dizelge a { display: flex; align-items: center; min-height: 40px; padding: 0 12px; border-radius: var(--ags-r-ufak); color: var(--ags-metin); font-size: 15px; text-decoration: none; }
.ags-levha-acilan-dizelge a:hover { background: var(--ags-buz); color: var(--ags-mavi-derin); }
.ags-levha-acilan-dizelge-ucu { display: flex; align-items: center; gap: 8px; padding: 10px 12px 4px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--ags-soluk); }
.ags-levha-acilan-dizelge-ucu::before { content: ""; flex: none; width: 6px; height: 6px; background: var(--ags-gok); border-radius: var(--ags-r-daire); }
.ags-levha-acilan-dizelge .ags-levha-acilan-dizelge-ucu a { min-height: 0; padding: 0; color: var(--ags-soluk); font-size: inherit; }
.ags-levha-acilan-dizelge .ags-levha-acilan-dizelge-ucu a:hover { background: none; color: var(--ags-mavi); }
.ags-tepe-levha-islem { display: flex; align-items: center; gap: var(--ags-a2); margin-left: auto; }
.ags-tepe-levha-telno { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 8px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ags-gece); text-decoration: none; white-space: nowrap; }
.ags-tepe-levha-telno svg { width: 18px; height: 18px; color: var(--ags-mavi); }
.ags-tepe-levha-telno:hover { color: var(--ags-mavi); }
.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; }
.ags-tepe-levha-kesfet { color: var(--ags-gece); }
.ags-tepe-levha-islem .ags-tepe-levha-secenek-sec { gap: 6px; padding: 0 14px 0 16px; }
@media (min-width: 1240px) {
  .ags-tepe-levha-gezinti { display: block; margin-left: var(--ags-a4); }
  .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: 22px; } .ags-tepe-levha-islem { gap: 2px; } .ags-tepe-levha-islem .ags-tepe-levha-secenek-sec { padding: 0 12px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.ags-bulma-seridi { padding-block: 4px var(--ags-a3); }
/* Arama kutusu: hap girdi + içinde yuvarlak mavi gönder düğmesi. --iri 404 ve kod dizininde. */
.ags-bulma-kapsulu { position: relative; display: flex; align-items: center; width: 100%; min-height: 52px; background: var(--ags-ak); box-shadow: inset 0 0 0 1.5px var(--ags-cizgi-kati); border-radius: var(--ags-r-hap); transition: box-shadow var(--ags-zaman) var(--ags-kavis); }
.ags-bulma-kapsulu:focus-within { box-shadow: inset 0 0 0 2px var(--ags-mavi), var(--ags-halka); }
.ags-bulma-kapsulu input { flex: 1; min-width: 0; height: 50px; padding: 0 8px 0 20px; border: 0; background: transparent; color: var(--ags-gece); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.ags-bulma-kapsulu input::placeholder { color: var(--ags-soluk-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: 44px; height: 44px; margin-right: 4px; border: 0; background: var(--ags-mavi); color: var(--ags-mavi-tepe); border-radius: var(--ags-r-daire); cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), transform var(--ags-zaman) var(--ags-kavis); }
.ags-bulma-kapsulu button:hover { background: var(--ags-mavi-derin); }
.ags-bulma-kapsulu button:active { transform: scale(0.94); }
.ags-bulma-kapsulu button:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ags-ak), 0 0 0 4px var(--ags-mavi); }
.ags-bulma-kapsulu button svg { width: 18px; height: 18px; }
.ags-bulma-kapsulu--iri { min-height: 62px; }
.ags-bulma-kapsulu--iri input { height: 60px; padding-left: 24px; font-size: 18px; }
.ags-bulma-kapsulu--iri button { width: 52px; height: 52px; margin-right: 5px; }
.ags-bulma-kapsulu--iri button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (ags.js "Bul kutuları"): kutunun altında yüzen beyaz kart. */
.ags-tavsiye-kumesi { --p-r: 18px; --p-golge: var(--ags-golge-2); position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 60; max-height: min(60vh, 480px); overflow-y: auto; margin: 0; padding: 6px; list-style: none; }
.ags-tavsiye-kumesi--yukarida { top: auto; bottom: calc(100% + 8px); }
.ags-tavsiye-kumesi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; border-radius: var(--ags-r-ufak); color: var(--ags-gece); text-decoration: none; }
.ags-tavsiye-kumesi a[aria-selected="true"], .ags-tavsiye-kumesi a:hover { background: var(--ags-buz); }
.ags-tavsiye-cinsi { color: var(--ags-soluk); font-size: 13px; text-align: right; }
.ags-tavsiye-seridi--sifre .ags-tavsiye-lakabi { font-weight: 600; font-variant-numeric: tabular-nums; }
.ags-tavsiye-bos { padding: 10px 12px; color: var(--ags-soluk); font-size: var(--ags-y-ufak); }
/* Çekmece (#dizin, "Menü"): sağdan gelen beyaz levha, mobilde tam ekran. */
body.ags-omurga-kapali { overflow: hidden; }
.ags-levha-goz-kapagi { position: fixed; inset: 0; z-index: 70; background: rgba(8, 37, 82, 0.5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.ags-levha-goz { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(440px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--ags-a3) var(--ags-a5) calc(var(--ags-a7) + env(safe-area-inset-bottom)); background: var(--ags-ak); box-shadow: -24px 0 48px -24px rgba(8, 37, 82, 0.35); }
@media (prefers-reduced-motion: no-preference) { .ags-levha-goz:not([hidden]) { animation: ags-cekmece 260ms var(--ags-kavis); } }
@keyframes ags-cekmece { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
.ags-levha-goz-ucu { position: sticky; top: calc(var(--ags-a3) * -1); z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: var(--ags-a3); margin: 0 calc(var(--ags-a5) * -1) var(--ags-a4); padding: var(--ags-a3) var(--ags-a5); background: var(--ags-ak); border-bottom: 1px solid var(--ags-cizgi-hafif); }
.ags-levha-goz-ucu img { height: 28px; width: auto; }
.ags-levha-goz-islemleri { display: grid; gap: var(--ags-a2); }
.ags-levha-goz-takimi { margin-top: var(--ags-a5); }
.ags-levha-goz-takimi h2 { margin: 0 0 4px; font-size: 1.125rem; }
.ags-levha-goz-takimi h2 a { text-decoration: none; }
.ags-levha-goz-takimi h2 a[aria-current] { color: var(--ags-mavi); }
.ags-levha-goz-takimi .ags-levha-acilan-dizelge-ucu { padding: 12px 0 2px; }
.ags-levha-goz-temel { margin: var(--ags-a5) 0 0; padding: var(--ags-a4); background: var(--ags-sis); border-radius: var(--ags-r-kutu); color: var(--ags-soluk); font-size: 15px; max-width: none; }
.ags-lisan-dizgi { font-size: var(--ags-y-ufak); }
.ags-lisan-dizgi summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; list-style: none; background: var(--ags-ak); box-shadow: inset 0 0 0 1.5px var(--ags-cizgi); border-radius: var(--ags-r-hap); font-weight: 600; color: var(--ags-gece); 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-a4); margin: var(--ags-a2) 0 0; }
.ags-lisan-dizgi a { display: inline-block; padding: 10px 0; color: var(--ags-soluk); text-decoration: none; }
.ags-lisan-dizgi a:hover, .ags-lisan-dizgi a[aria-current="true"] { color: var(--ags-mavi); }

/* --- §06 Düğmeler, ok bağlantı -------------------------------------------- */
.ags-muhur-basma { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 26px; border: 0; background: var(--ags-ak); color: var(--ags-gece); border-radius: var(--ags-r-hap); font-family: var(--ags-f-govde); font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis), box-shadow var(--ags-zaman) var(--ags-kavis), transform var(--ags-zaman) var(--ags-kavis); }
.ags-muhur-basma:hover { color: var(--ags-gece); }
.ags-muhur-basma:active { transform: scale(0.97); }
.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; }
/* Birincil: mavi zemin, beyaz yazı, renkli gölge. */
.ags-muhur-basma--zeytin { background: var(--ags-mavi); color: var(--ags-mavi-tepe); box-shadow: var(--ags-golge-eylem), inset 0 1px 0 rgba(255, 255, 255, 0.14); }
.ags-muhur-basma--zeytin:hover { background: var(--ags-mavi-derin); color: var(--ags-mavi-tepe); }
/* İkincil: beyaz zemin, ince gece kenar. */
.ags-muhur-basma--cizikli { color: var(--ags-gece); background: var(--ags-ak); box-shadow: inset 0 0 0 1.5px var(--ags-cizgi-kati); }
.ags-muhur-basma--cizikli:hover { color: var(--ags-mavi-derin); box-shadow: inset 0 0 0 2px var(--ags-mavi); background: var(--ags-ak); }
.ags-muhur-basma--cizikli svg { color: var(--ags-mavi); }
/* Koyu zeminde: saydam, ışık kenar. */
.ags-muhur-basma--derin { color: var(--ags-ak); background: rgba(255, 255, 255, 0.06); box-shadow: inset 0 0 0 1.5px rgba(165, 220, 255, 0.55); }
.ags-muhur-basma--derin:hover { background: rgba(165, 220, 255, 0.14); color: var(--ags-ak); }
.ags-muhur-basma--duz { background: transparent; color: var(--ags-gece); }
.ags-muhur-basma--duz:hover { background: var(--ags-buz); }
.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-buz-2); color: var(--ags-soluk-2); box-shadow: none; cursor: not-allowed; }
.ags-muhur-basma[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.ags-muhur-basma:focus-visible { outline: 2.5px solid var(--ags-mavi); outline-offset: 3px; border-radius: var(--ags-r-hap); }
.ags-muhur-basma--zeytin:focus-visible { outline-color: var(--ags-gece); }
.ags-muhur-islemleri { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ags-muhur-islemleri--dusey { display: grid; gap: var(--ags-a2); margin-top: var(--ags-a5); }
/* Ok bağlantı: yazı + mavi daire içinde beyaz ok; üzerine gelince ok kayar. */
.ags-muhur-ibre { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600; color: var(--ags-gece); text-decoration: none; transition: color var(--ags-zaman) var(--ags-kavis); }
.ags-muhur-ibre::after { content: ""; flex: none; width: 30px; height: 30px; background: var(--ags-mavi) var(--ags-ibre-piktogram) center / 15px 15px no-repeat; border-radius: var(--ags-r-daire); transition: background-color var(--ags-zaman) var(--ags-kavis), transform var(--ags-zaman) var(--ags-kavis); }
.ags-muhur-ibre:hover { color: var(--ags-mavi-derin); }
.ags-muhur-ibre:hover::after { background-color: var(--ags-mavi-derin); transform: translateX(3px); }

/* --- §07 Kart, cihaz kartı, yan kart --------------------------------------- */
.ags-levha-fis { padding: 24px; min-width: 0; }
.ags-levha-fis--tas { --p-zemin: var(--ags-buz); --p-kenar: transparent; --p-golge: none; }
.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-mavi); --p-golge: var(--ags-golge-2); }
a.ags-levha-fis p { color: var(--ags-soluk); font-size: var(--ags-y-ufak); }
@media (max-width: 719px) { .ags-levha-fis { padding: 20px 18px; } }
.ags-fis-ucu { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--ags-a4); margin-bottom: var(--ags-a4); }
.ags-fis-ucu h2, .ags-fis-ucu h3 { margin: 0; }
.ags-fis-ucu h2 { font-size: clamp(1.3125rem, 1.15rem + 0.65vw, 1.75rem); }
.ags-fis-ucu p { margin: 6px 0 0; color: var(--ags-soluk); font-size: var(--ags-y-ufak); }
.ags-fis-ucu small { color: var(--ags-soluk); font-size: 14px; }
.ags-fis-ucu h3 a { text-decoration: none; }
.ags-fis-ucu h3 a:hover { color: var(--ags-mavi); }
.ags-levhalar { display: grid; gap: 14px; 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)); gap: 18px; } }
@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: 10px; }
.ags-levhalar > .ags-levha-fis > p { margin: 0; color: var(--ags-soluk); font-size: var(--ags-y-ufak); }
.ags-levhalar > .ags-levha-fis > h3 + p { margin-top: 0; }
/* Cihaz kartı: beyaz kuyuda izometrik çizim + ad satırı (ad + mavi ok dairesi). */
.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; border-radius: var(--ags-r-kutu); }
.ags-levha-aygit-baglanti:hover { color: inherit; }
.ags-levha-aygit-dip { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; padding: 10px 6px 0; }
.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-soluk); font-size: 14px; }
.ags-levha-aygit-dip::after { content: ""; flex: none; width: 32px; height: 32px; background: var(--ags-buz) var(--ags-ibre-piktogram) center / 15px 15px no-repeat; border-radius: var(--ags-r-daire); transition: background-color var(--ags-zaman) var(--ags-kavis), transform var(--ags-zaman) var(--ags-kavis); }
.ags-levha-aygit-dip::after { background-color: var(--ags-mavi); }
.ags-levha-aygit:hover .ags-levha-aygit-dip::after, .ags-levha-aygit-baglanti:hover .ags-levha-aygit-dip::after { background-color: var(--ags-mavi-derin); transform: translateX(3px); }
.ags-levha-aygit:hover, li.ags-levha-aygit:focus-within { --p-kenar: var(--ags-mavi); --p-golge: var(--ags-golge-2); }
.ags-aygit-seri-sicil { display: inline-grid; place-items: center; min-width: 26px; height: 22px; margin-right: 8px; padding: 0 6px; background: var(--ags-gok-acik); color: var(--ags-gece); border-radius: var(--ags-r-hap); font-family: var(--ags-f-govde); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; vertical-align: 2px; letter-spacing: 0; }
.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; align-items: center; gap: 6px 12px; margin-top: 12px; padding: 10px 6px 0; border-top: 1px dashed var(--ags-cizgi); font-size: 14px; }
.ags-levha-aygit-islem a { display: inline-flex; align-items: center; min-height: 36px; color: var(--ags-soluk); text-decoration: none; }
.ags-levha-aygit-islem a:hover { color: var(--ags-mavi); }
.ags-levha-aygit-islem .ags-levha-aygit-istem { gap: 4px; font-weight: 600; color: var(--ags-mavi-derin); }
.ags-levha-aygit-islem .ags-levha-aygit-istem svg { width: 16px; height: 16px; transition: transform var(--ags-zaman) var(--ags-kavis); }
.ags-levha-aygit-islem .ags-levha-aygit-istem:hover svg { transform: translateX(3px); }
@media (max-width: 719px) {
  .ags-levhalar--aygit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ags-levhalar--aygit .ags-levha-aygit { --p-r: 18px; padding: 6px 6px 10px; }
  .ags-levhalar--aygit .ags-levha-aygit-dip { padding: 8px 4px 0; }
  .ags-levhalar--aygit .ags-levha-aygit-dip::after { display: none; }
  .ags-levhalar--aygit .ags-levha-aygit-dip h3 { font-size: 15.5px; }
  .ags-levhalar--aygit .ags-aygit-seri-sicil { display: none; }
  .ags-levhalar--aygit .ags-levha-aygit-dip p { font-size: 13px; line-height: 1.4; }
  .ags-levhalar--aygit .ags-levha-aygit-islem { flex-direction: column; align-items: flex-start; gap: 0; padding: 6px 4px 0; font-size: 13.5px; }
  .ags-levhalar--aygit .ags-levha-aygit-islem a { min-height: 34px; }
}
/* Yan kart: buz mavisi zemin, gölgesiz. */
.ags-yanal-levha { --p-zemin: var(--ags-ak); padding: 24px; min-width: 0; }
.ags-yanal-levha-unvan { margin: 0 0 12px; font-size: 20px; }
.ags-yanal-levha dl { margin: 0; }
.ags-yanal-levha dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px solid var(--ags-cizgi-hafif); }
.ags-yanal-levha dt { font-size: 13.5px; font-weight: 600; color: var(--ags-soluk); }
.ags-yanal-levha dd { margin: 0; font-weight: 600; color: var(--ags-gece); 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-weight: 400; text-align: left; color: var(--ags-metin); }
.ags-yanal-levha > .ags-muhur-basma { margin-top: var(--ags-a4); }
.ags-yanal-levha-serhi { margin: var(--ags-a4) 0 0; color: var(--ags-soluk); font-size: 14px; }

/* --- §08 Süreç: zaman çizgisi (mobilde dikey, geniş ekranda yatay) ------------- */
.ags-gorev-levhasi { --p-zemin: transparent; --p-kenar: transparent; --p-golge: none; display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; counter-reset: ags-durak; }
.ags-gorev-sahasi { position: relative; min-width: 0; padding: 0 0 26px 52px; counter-increment: ags-durak; }
.ags-gorev-sahasi::before { content: counter(ags-durak); position: absolute; left: 0; top: 0; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; background: var(--ags-ak); color: var(--ags-mavi-derin); box-shadow: inset 0 0 0 2px var(--ags-mavi); border-radius: var(--ags-r-daire); font-family: var(--ags-f-baslik); font-size: 16px; font-weight: 700; }
.ags-gorev-sahasi::after { content: ""; position: absolute; left: 17px; top: 36px; bottom: 0; width: 2px; background: repeating-linear-gradient(180deg, var(--ags-buz-2) 0 6px, transparent 6px 11px); }
.ags-gorev-sahasi:last-child { padding-bottom: 0; }
.ags-gorev-sahasi:last-child::after { display: none; }
.ags-gorev-sahasi small { display: block; margin: 7px 0 4px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--ags-soluk); }
.ags-gorev-sahasi h3 { margin: 0 0 6px; font-size: 19px; }
.ags-gorev-sahasi p { margin: 0; color: var(--ags-soluk); font-size: var(--ags-y-ufak); }
.ags-gorev-sahasi--suan::before { background: var(--ags-gok); color: var(--ags-gece); box-shadow: 0 0 0 5px rgba(92, 200, 247, 0.28); }
.ags-gorev-sahasi--suan small { color: var(--ags-mavi-derin); }
@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); gap: var(--ags-a5); }
  .ags-gorev-levhasi:not(.ags-gorev-levhasi--dusey) > .ags-gorev-sahasi { padding: 56px 0 0; }
  .ags-gorev-levhasi:not(.ags-gorev-levhasi--dusey) > .ags-gorev-sahasi::after { left: 46px; right: calc(var(--ags-a5) * -1 + 10px); top: 17px; bottom: auto; width: auto; height: 2px; background: repeating-linear-gradient(90deg, var(--ags-buz-2) 0 8px, transparent 8px 14px); }
  .ags-gorev-levhasi:not(.ags-gorev-levhasi--dusey) > .ags-gorev-sahasi small { margin-top: 0; }
}
.ags-gorev-levhasi--dusey { margin: var(--ags-a5) 0; }
.ags-gorev-levhasi--dusey .ags-gorev-sahasi { padding-bottom: 18px; }
.ags-gorev-levhasi--dusey .ags-gorev-sahasi:last-child { padding-bottom: 0; }
.ags-gorev-levhasi--dusey .ags-gorev-sahasi h3 { font-size: 17px; }
.ags-gorev-levhasi--dusey .ags-gorev-sahasi small + p { color: var(--ags-metin); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.ags-levha-rotasi { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0 0 16px; padding: 0; list-style: none; font-size: 14px; color: var(--ags-soluk); }
.ags-levha-rotasi li { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.ags-levha-rotasi li + li::before { content: ""; flex: none; width: 14px; height: 14px; background: var(--ags-soluk-2); opacity: 0.6; -webkit-mask: var(--ags-m-ibre) center / contain no-repeat; mask: var(--ags-m-ibre) center / contain no-repeat; }
.ags-levha-rotasi a { display: inline-flex; align-items: center; min-height: 32px; color: var(--ags-soluk); text-decoration: none; }
.ags-levha-rotasi a:hover { color: var(--ags-mavi); }
.ags-levha-rotasi [aria-current] { color: var(--ags-gece); font-weight: 600; }

/* --- §10 Durum etiketi, çip, sık aranan ------------------------------------------ */
.ags-muhur-rozet { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: var(--ags-r-hap); background: var(--ags-buz); color: var(--ags-mavi-derin); font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.ags-muhur-rozet--siz { background: #dcefe3; color: var(--ags-yesil); }
.ags-muhur-rozet--hizmet { background: var(--ags-buz); color: var(--ags-mavi-derin); }
.ags-muhur-rozet--durdurma { background: var(--ags-gok); color: var(--ags-gece); }
.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: 40px; padding: 0 16px; background: var(--ags-ak); color: var(--ags-gece); box-shadow: inset 0 0 0 1px var(--ags-cizgi); font-size: 14.5px; font-weight: 600; text-decoration: none; border-radius: var(--ags-r-hap); transition: background-color var(--ags-zaman) var(--ags-kavis), box-shadow var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis); }
a.ags-muhur-kose:hover { color: var(--ags-mavi-derin); box-shadow: inset 0 0 0 1.5px var(--ags-mavi); }
a.ags-muhur-kose:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-mavi), var(--ags-halka); }
.ags-levha-kesim--tas .ags-muhur-kose, .ags-levha-fis--tas .ags-muhur-kose { background: var(--ags-ak); }
.ags-yogun-istenen-seridi { display: grid; gap: 10px; margin-top: var(--ags-a5); }
.ags-yogun-istenen-seridi > span { font-size: 13px; font-weight: 600; color: var(--ags-soluk); }

/* --- §11 Kod tablosu ------------------------------------------------------ */
.ags-sifre-levhasi { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 15px; background: var(--ags-ak); border: 1px solid var(--ags-cizgi); border-radius: var(--ags-r-kutu); overflow: hidden; }
.ags-sifre-levhasi caption { padding: 0 0 10px; text-align: left; font-size: 13.5px; font-weight: 600; color: var(--ags-soluk); }
.ags-sifre-levhasi th, .ags-sifre-levhasi td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ags-cizgi-hafif); overflow-wrap: anywhere; }
.ags-sifre-levhasi thead th { background: var(--ags-gece); color: var(--ags-gece-metin); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: middle; }
.ags-sifre-levhasi tbody tr:last-child > * { border-bottom: 0; }
.ags-sifre-levhasi tbody tr { transition: background-color var(--ags-zaman) var(--ags-kavis); }
.ags-sifre-levhasi tbody tr:hover { background: #f6f9fd; }
.ags-sifre-levhasi td b { display: block; font-weight: 600; color: var(--ags-gece); }
.ags-sifre-levhasi td b + span { display: block; color: var(--ags-soluk); font-size: 14px; }
.ags-sifre-levhasi tr:target > td { background: var(--ags-gok-acik); }
.ags-sifre-levhasi tr[hidden] { display: none; }
/* Kod gözü: gök açık zemin, gece rakam. */
.ags-sifre-gozesi { display: inline-block; min-width: 60px; padding: 5px 12px; background: var(--ags-gok-acik); color: var(--ags-gece); box-shadow: inset 0 0 0 1px rgba(52, 180, 238, 0.35); font-family: var(--ags-f-baslik); font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; border-radius: var(--ags-r-ufak); transition: background-color var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis); }
a.ags-sifre-gozesi:hover { background: var(--ags-gok); color: var(--ags-gece); }
a.ags-sifre-gozesi:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--ags-ak), 0 0 0 4px var(--ags-mavi); }
@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: 14px; padding: 14px; border-bottom: 1px solid var(--ags-cizgi-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; }
}
.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: 600; color: var(--ags-gece); }
.ags-sifre-goruldu { color: var(--ags-soluk); }
.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 16px; list-style: none; background: var(--ags-ak); box-shadow: inset 0 0 0 1.5px var(--ags-cizgi); border-radius: var(--ags-r-hap); font-size: 14px; font-weight: 600; color: var(--ags-gece); cursor: pointer; transition: box-shadow var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis); }
.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; transition: transform var(--ags-zaman) var(--ags-kavis); }
.ags-sifre-acilan-detay > summary:hover { color: var(--ags-mavi-derin); box-shadow: inset 0 0 0 1.5px var(--ags-mavi); }
.ags-sifre-acilan-detay[open] { --p-zemin: var(--ags-sis); --p-kenar: var(--ags-cizgi-hafif); --p-golge: none; --p-r: var(--ags-r-kutu); margin-top: 10px; padding: 12px 16px 10px; }
.ags-sifre-acilan-detay[open] > summary { min-height: 34px; padding: 0; box-shadow: none; background: none; color: var(--ags-mavi-derin); }
.ags-sifre-acilan-detay[open] > summary::after { transform: rotate(180deg); }
.ags-sifre-acilan-detay h3 { margin: var(--ags-a3) 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 { color: var(--ags-mavi); }
.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-soluk); }
@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; }
}
/* Veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.ags-tur-cetveli { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--ags-y-ufak); background: var(--ags-ak); border: 1px solid var(--ags-cizgi); border-radius: var(--ags-r-kutu); overflow: hidden; }
.ags-tur-cetveli th, .ags-tur-cetveli td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ags-cizgi-hafif); overflow-wrap: anywhere; }
.ags-tur-cetveli thead th { background: var(--ags-buz); color: var(--ags-gece); font-size: 13px; font-weight: 600; letter-spacing: 0.01em; vertical-align: bottom; }
.ags-tur-cetveli tbody th { font-weight: 600; color: var(--ags-gece); border-right: 1px solid var(--ags-cizgi-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-cizgi-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 listesi: alan adı │ değer; ince çizgili satırlar. */
.ags-tarif-levhasi { margin: 0; font-size: var(--ags-y-ufak); }
.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-cizgi-hafif); }
.ags-tarif-levhasi > div:first-child { padding-top: 0; border-top: 0; }
.ags-tarif-levhasi dt { font-size: 13.5px; font-weight: 600; color: var(--ags-soluk); }
.ags-tarif-levhasi dd { margin: 0; color: var(--ags-metin); overflow-wrap: anywhere; }
@media (max-width: 559px) { .ags-tarif-levhasi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Sorular (SSS), katlanan liste ------------------------------------- */
.ags-sual-levhasi { display: grid; gap: 10px; }
.ags-sual-levha-seridi { background: var(--ags-ak); border-radius: var(--ags-r-kutu); box-shadow: inset 0 0 0 1px var(--ags-cizgi); transition: box-shadow var(--ags-zaman) var(--ags-kavis); }
.ags-sual-levha-seridi summary { position: relative; display: flex; align-items: center; gap: 16px; min-height: 60px; padding: 14px 64px 14px 18px; list-style: none; border-radius: var(--ags-r-kutu); font-size: 16.5px; font-weight: 600; line-height: 1.4; color: var(--ags-gece); cursor: pointer; }
.ags-sual-levha-seridi summary::-webkit-details-marker { display: none; }
.ags-sual-levha-seridi summary::after { content: ""; position: absolute; right: 16px; top: 50%; width: 30px; height: 30px; margin-top: -15px; background: var(--ags-buz); border-radius: var(--ags-r-daire); transition: background-color var(--ags-zaman) var(--ags-kavis); }
.ags-sual-levha-seridi summary:hover { color: var(--ags-mavi-derin); }
.ags-sual-levha-seridi[open] { box-shadow: inset 0 0 0 1.5px var(--ags-mavi), var(--ags-golge-1); }
.ags-sual-levha-seridi > div { padding: 0 18px 18px; color: var(--ags-metin); }
.ags-sual-levha-seridi > div p { margin: 0 0 10px; }
.ags-sual-levha-seridi > div p:last-child { margin-bottom: 0; }
/* Artı/eksi: summary içinde iki çizgi (maske); açılınca dikey çizgi döner. */
.ags-sual-levha-seridi summary::before { content: ""; position: absolute; right: 23px; top: 50%; z-index: 1; width: 16px; height: 16px; margin-top: -8px; background: var(--ags-mavi-derin); -webkit-mask: var(--ags-m-arti) center / contain no-repeat; mask: var(--ags-m-arti) center / contain no-repeat; transition: transform var(--ags-zaman) var(--ags-kavis); }
.ags-sual-levha-seridi[open] summary::before { transform: rotate(45deg); }
.ags-sual-levha-seridi[open] summary::after { background: var(--ags-gok-acik); }
@media (min-width: 1080px) {
  .ags-sual-levhasi--ikinci { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
}
.ags-katlanir-levha { border-top: 1px solid var(--ags-cizgi-hafif); }
.ags-katlanir-levha > summary { display: flex; align-items: center; gap: 12px; min-height: 54px; 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 { min-width: 28px; padding: 2px 8px; background: var(--ags-buz); border-radius: var(--ags-r-hap); font-size: 13px; font-weight: 600; color: var(--ags-mavi-derin); text-align: center; font-variant-numeric: tabular-nums; }
.ags-katlanir-levha > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--ags-gece); -webkit-mask: var(--ags-m-alta) center / contain no-repeat; mask: var(--ags-m-alta) center / contain no-repeat; transition: transform var(--ags-zaman) var(--ags-kavis); }
.ags-katlanir-levha[open] > summary::after { transform: rotate(180deg); background: var(--ags-mavi); }
.ags-katlanir-levha > summary:hover h3 { color: var(--ags-mavi-derin); }
.ags-katlanir-levha > p { margin: 0 0 8px; color: var(--ags-soluk); }
.ags-katlanir-levha > .ags-serit-dizgi { margin-bottom: var(--ags-a3); }
.ags-levha-fis > .ags-katlanir-levha:first-of-type { margin-top: var(--ags-a3); }

/* --- §13 Form ------------------------------------------------------------- */
.ags-levha-istegi { display: grid; gap: var(--ags-a5); min-width: 0; }
.ags-istek-kisimi { display: grid; gap: 14px; min-width: 0; }
.ags-istek-kisimi + .ags-istek-kisimi { padding-top: var(--ags-a5); border-top: 1px dashed var(--ags-cizgi); }
.ags-kisim-lakabi { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; counter-increment: ags-kisim; }
.ags-levha-istegi { counter-reset: ags-kisim; }
.ags-kisim-lakabi::before { content: counter(ags-kisim); flex: none; display: grid; place-items: center; width: 26px; height: 26px; background: var(--ags-mavi); color: var(--ags-mavi-tepe); border-radius: var(--ags-r-daire); font-size: 13px; font-weight: 600; }
.ags-kisim-lakabi b { font-family: var(--ags-f-baslik); font-size: 18px; font-weight: 700; color: var(--ags-gece); letter-spacing: -0.01em; }
.ags-kisim-lakabi small { color: var(--ags-soluk); font-size: 14px; }
.ags-sahalar-yanal-bitisik { display: grid; gap: 14px; 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-size: 14px; font-weight: 600; color: var(--ags-gece); }
.ags-levha-sahasi label small { font-weight: 400; color: var(--ags-soluk); }
.ags-levha-sahasi input, .ags-levha-sahasi select, .ags-levha-sahasi textarea { width: 100%; min-width: 0; min-height: 54px; padding: 0 16px; border: 0; background: var(--ags-ak); color: var(--ags-gece); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--ags-cizgi-kati); border-radius: var(--ags-r-kutu); -webkit-appearance: none; appearance: none; transition: box-shadow var(--ags-zaman) var(--ags-kavis), background-color var(--ags-zaman) var(--ags-kavis); }
.ags-levha-sahasi textarea { min-height: 120px; padding-block: 14px; resize: vertical; line-height: 1.5; }
.ags-levha-sahasi select { padding-right: 46px; background: var(--ags-ak) right 16px 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='%230062C4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%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-soluk-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-gece); }
.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-mavi), var(--ags-halka); }
.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-a3); min-height: 36px; padding: 0 16px; border: 0; background: var(--ags-buz); color: var(--ags-mavi-derin); font: inherit; font-weight: 600; border-radius: var(--ags-r-hap); cursor: pointer; }
.ags-levha-sahasi--aksamali input, .ags-levha-sahasi--aksamali select, .ags-levha-sahasi--aksamali textarea { background-color: var(--ags-hata-acik); box-shadow: inset 0 0 0 2px var(--ags-hata); }
.ags-saha-izah { margin: 0; color: var(--ags-soluk); font-size: 13.5px; }
.ags-saha-aksama-seridi { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--ags-hata-metin); font-size: 14px; font-weight: 600; }
.ags-saha-aksama-seridi::before { content: "!"; flex: none; display: grid; place-items: center; width: 18px; height: 18px; background: var(--ags-hata); color: var(--ags-ak); border-radius: var(--ags-r-daire); font-size: 12px; font-weight: 600; }
.ags-teyit-seridi { display: flex; gap: 12px; align-items: flex-start; color: var(--ags-metin); font-size: 15px; cursor: pointer; }
.ags-teyit-seridi input { flex: none; display: grid; place-content: center; width: 24px; height: 24px; margin: 0; border: 0; background: var(--ags-ak); box-shadow: inset 0 0 0 1.5px var(--ags-cizgi-kati); border-radius: 7px; -webkit-appearance: none; appearance: none; cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), box-shadow var(--ags-zaman) var(--ags-kavis); }
.ags-teyit-seridi input:checked { background: var(--ags-mavi); box-shadow: none; }
.ags-teyit-seridi input:checked::after { content: ""; width: 16px; height: 16px; background: var(--ags-mavi-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: 2.5px solid var(--ags-mavi); outline-offset: 2px; }
.ags-levha-sahasi--aksamali.ags-teyit-seridi input { box-shadow: inset 0 0 0 2px var(--ags-hata); }
/* Uygun gün: önümüzdeki günler küçük hap düğmeler (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: 46px; padding: 0 16px; border: 0; background: var(--ags-ak); color: var(--ags-soluk); box-shadow: inset 0 0 0 1px var(--ags-cizgi); font: inherit; font-size: 14px; border-radius: var(--ags-r-kutu); cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), box-shadow var(--ags-zaman) var(--ags-kavis); }
.ags-takvim-levhalari button b { font-family: var(--ags-f-baslik); font-size: 17px; font-weight: 700; color: var(--ags-gece); font-variant-numeric: tabular-nums; }
.ags-takvim-levhalari button:hover { box-shadow: inset 0 0 0 1.5px var(--ags-mavi); }
.ags-takvim-levhalari button[aria-pressed="true"] { background: var(--ags-mavi); color: var(--ags-buz); box-shadow: var(--ags-golge-eylem); }
.ags-takvim-levhalari button[aria-pressed="true"] b { color: var(--ags-ak); }
.ags-takvim-levhalari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-mavi), var(--ags-halka); }
.ags-istek-yolla-seridi { display: grid; gap: var(--ags-a3); }
.ags-istek-yolla-seridi p { margin: 0; color: var(--ags-soluk); font-size: 14px; }
.ags-istek-yolla-seridi .ags-muhur-basma { width: 100%; min-height: 56px; font-size: 17px; }
@media (min-width: 720px) { .ags-istek-yolla-seridi .ags-muhur-basma { justify-self: start; width: auto; min-width: 300px; } }
.ags-pencere-haric-saha { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* İki yan form: solda rubrik, başlık, giriş, dikey süreç; sağda kayıt fişi. */
.ags-istek-levha-cifti { display: grid; gap: var(--ags-a6); 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-a8); } .ags-istek-izahi { position: sticky; top: calc(var(--ags-tepe-yukseklik) + var(--ags-a5)); } }
.ags-istek-izahi h2 { margin: 0 0 var(--ags-a3); font-size: var(--ags-y-1); }
.ags-istek-izahi .ags-levha-agzi { margin-top: 0; }
.ags-istek-altnotu { color: var(--ags-soluk); font-size: 14px; }
/* Kayıt fişi: beyaz kart, üstte mavi→ışık şerit. */
.ags-istek-levhasi { --p-golge: var(--ags-golge-2); --p-r: 24px; padding: var(--ags-a6) var(--ags-a6) var(--ags-a6); overflow: hidden; }
.ags-istek-levhasi::after { content: ""; position: absolute; left: 28px; right: 28px; top: 0; height: 5px; background: linear-gradient(90deg, var(--ags-mavi), var(--ags-isik) 70%, var(--ags-gok)); border-radius: 0 0 6px 6px; }
@media (max-width: 719px) { .ags-istek-levhasi { --p-r: 20px; padding: var(--ags-a5) var(--ags-a4) var(--ags-a5); } .ags-istek-levhasi::after { left: 20px; right: 20px; } }

/* --- §14 Not ve uyarı ---------------------------------------------------- */
.ags-levha-serhi { --p-zemin: var(--ags-buz); --p-kenar: transparent; --p-golge: none; --p-r: var(--ags-r-kutu); margin: 0 0 var(--ags-a4); padding: 16px 18px 16px 22px; max-width: none; color: var(--ags-metin); font-size: var(--ags-y-ufak); }
.ags-levha-serhi::after { content: ""; position: absolute; left: 8px; top: 14px; bottom: 14px; width: 4px; background: var(--ags-mavi); border-radius: var(--ags-r-hap); }
.ags-levha-serhi b { display: block; margin-bottom: 2px; font-weight: 600; color: var(--ags-gece); }
.ags-levha-serhi p { margin: 0; }
.ags-levha-serhi:last-child { margin-bottom: 0; }
.ags-levha-serhi--ikaz { --p-zemin: var(--ags-gok-acik); }
.ags-levha-serhi--ikaz::after { background: var(--ags-gok-derin); }
.ags-levha-serhi--ikaz b { color: var(--ags-gece); }
.ags-levha-serhi--onayli { --p-zemin: #e3f2e8; }
.ags-levha-serhi--onayli::after { background: var(--ags-yesil); }
.ags-levha-serhi--onayli b { color: var(--ags-yesil); }

/* --- §15 Açılış paneli, izometrik çizim, parça tablosu ---------------------- */
/* İç sayfa açılışı: buz mavisi panel, sağ üstte ışık ışıması, ince nokta ızgarası. */
.ags-belge-levhasi { padding-top: var(--ags-a4); }
.ags-belge-levhasi-omurga { position: relative; isolation: isolate; padding: 24px 20px 28px; border-radius: 28px; background: radial-gradient(120% 90% at 100% 0%, rgba(165, 220, 255, 0.55), transparent 55%), radial-gradient(80% 70% at 0% 100%, rgba(92, 200, 247, 0.18), transparent 60%), var(--ags-buz); overflow: hidden; }
.ags-belge-levhasi-omurga::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle, rgba(0, 98, 196, 0.14) 1px, transparent 1.5px) 0 0 / 18px 18px; -webkit-mask: linear-gradient(200deg, #000, transparent 60%); mask: linear-gradient(200deg, #000, transparent 60%); }
@media (min-width: 720px) { .ags-belge-levhasi-omurga { padding: 36px 36px 40px; border-radius: 32px; } }
@media (min-width: 1080px) { .ags-belge-levhasi-omurga { padding: 48px 56px 52px; } }
.ags-belge-levhasi-ic { display: grid; gap: var(--ags-a5); 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, 4fr); gap: var(--ags-a8); } }
.ags-belge-levhasi-ic .ags-cengelli-rozet { background: rgba(255, 255, 255, 0.72); }
.ags-belge-levhasi-resim { display: grid; gap: var(--ags-a3); 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-a4); }
.ags-belge-levhasi .ags-muhur-islemleri { margin-top: var(--ags-a5); }
@media (max-width: 559px) { .ags-belge-levhasi .ags-muhur-islemleri > .ags-muhur-basma { flex: 1 1 100%; } }
/* Çizim kartı: beyaz, yuvarlak köşe, yumuşak gölge. */
.ags-taslak-kenari { --p-golge: var(--ags-golge-1); --p-r: 22px; display: block; padding: 12px; }
.ags-taslak-kenari img { width: 100%; height: auto; border-radius: 14px; }
.ags-taslak-kenari picture { display: block; }
.ags-belge-levhasi-resim > .ags-taslak-kenari { width: 100%; max-width: 400px; justify-self: center; --p-kenar: rgba(255, 255, 255, 0.6); --p-golge: var(--ags-golge-2); }
@media (max-width: 1079px) { .ags-belge-levhasi-resim > .ags-taslak-kenari { max-width: 240px; justify-self: start; padding: 8px; } }
/* Ana sayfa açılışı: gece paneli (sitenin imza yüzeyi). */
.ags-baslangic-kesim { padding-top: var(--ags-a3); }
@media (min-width: 1080px) { .ags-baslangic-kesim { padding-top: var(--ags-a5); } }
.ags-baslangic-levhasi { position: relative; isolation: isolate; display: grid; gap: var(--ags-a6); grid-template-columns: minmax(0, 1fr); align-items: center; padding: 30px 20px 20px; border-radius: 30px; color: var(--ags-gece-metin); background: radial-gradient(90% 70% at 100% 0%, rgba(165, 220, 255, 0.28), transparent 60%), radial-gradient(70% 60% at 0% 100%, rgba(92, 200, 247, 0.2), transparent 65%), linear-gradient(160deg, #0d4fa8, var(--ags-gece) 55%); overflow: hidden; }
.ags-baslangic-levhasi::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle, rgba(211, 225, 245, 0.12) 1px, transparent 1.5px) 0 0 / 20px 20px; -webkit-mask: radial-gradient(80% 80% at 20% 10%, #000, transparent 75%); mask: radial-gradient(80% 80% at 20% 10%, #000, transparent 75%); }
.ags-baslangic-levhasi > * { min-width: 0; }
@media (min-width: 720px) { .ags-baslangic-levhasi { padding: 44px 40px 40px; border-radius: 36px; } }
@media (min-width: 1080px) { .ags-baslangic-levhasi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--ags-a8); padding: 64px 64px 64px 72px; border-radius: 40px; } }
.ags-baslangic-cumlesi .ags-cengelli-rozet { background: rgba(165, 220, 255, 0.12); color: var(--ags-isik); box-shadow: inset 0 0 0 1px rgba(165, 220, 255, 0.25); }
.ags-baslangic-cumlesi .ags-cengelli-rozet::before { background: var(--ags-isik); box-shadow: 0 0 0 3px rgba(165, 220, 255, 0.22); }
@media (prefers-reduced-motion: no-preference) { .ags-baslangic-cumlesi .ags-cengelli-rozet::before { animation: ags-nabiz 2.4s ease-in-out infinite; } }
@keyframes ags-nabiz { 0%, 100% { box-shadow: 0 0 0 3px rgba(165, 220, 255, 0.22); } 50% { box-shadow: 0 0 0 6px rgba(165, 220, 255, 0.06); } }
.ags-baslangic-cumlesi h1 { color: var(--ags-ak); }
.ags-baslangic-cumlesi .ags-muhur-islemleri { margin-top: var(--ags-a5); }
.ags-baslangic-cumlesi .ags-muhur-basma--zeytin { background: var(--ags-gok); color: var(--ags-gece); box-shadow: var(--ags-golge-gok), inset 0 1px 0 rgba(255, 255, 255, 0.35); }
.ags-baslangic-cumlesi .ags-muhur-basma--zeytin:hover { background: var(--ags-gok-derin); color: var(--ags-gece); }
.ags-baslangic-cumlesi .ags-muhur-basma--cizikli { background: rgba(255, 255, 255, 0.06); color: var(--ags-ak); box-shadow: inset 0 0 0 1.5px rgba(165, 220, 255, 0.5); }
.ags-baslangic-cumlesi .ags-muhur-basma--cizikli:hover { background: rgba(165, 220, 255, 0.14); color: var(--ags-ak); }
.ags-baslangic-cumlesi .ags-muhur-basma:focus-visible { outline-color: var(--ags-isik); }
@media (max-width: 559px) { .ags-baslangic-cumlesi .ags-muhur-islemleri > .ags-muhur-basma { flex: 1 1 100%; } }
.ags-baslangic-cumlesi .ags-yogun-istenen-seridi > span { color: var(--ags-gece-soluk); }
.ags-baslangic-cumlesi .ags-muhur-kose { background: rgba(255, 255, 255, 0.07); color: var(--ags-ak); box-shadow: inset 0 0 0 1px var(--ags-gece-cizgi); font-weight: 400; }
.ags-baslangic-cumlesi a.ags-muhur-kose:hover { background: rgba(165, 220, 255, 0.14); color: var(--ags-ak); box-shadow: inset 0 0 0 1px rgba(165, 220, 255, 0.55); }
/* İlke şeridi: koyu panelde üç satır (mobil) / üç sütun (geniş). */
.ags-prensip-levhasi { display: grid; grid-template-columns: minmax(0, 1fr); margin: var(--ags-a5) 0 0; padding: 0; list-style: none; border-radius: 18px; background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px var(--ags-gece-cizgi); }
.ags-prensip-levhasi li { display: grid; grid-template-columns: 74px minmax(0, 1fr); align-items: baseline; gap: 12px; padding: 12px 16px; color: var(--ags-ak); font-size: 15px; font-weight: 600; line-height: 1.35; }
.ags-prensip-levhasi li + li { border-top: 1px solid var(--ags-gece-cizgi); }
.ags-prensip-levhasi small { display: block; font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--ags-isik); }
@media (min-width: 560px) {
  .ags-prensip-levhasi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ags-prensip-levhasi li { display: block; padding: 14px 16px; }
  .ags-prensip-levhasi small { margin-bottom: 4px; }
  .ags-prensip-levhasi li + li { border-top: 0; border-left: 1px solid var(--ags-gece-cizgi); }
}
/* Açılış çizimi: koyu panel üstünde yüzen beyaz kart. */
.ags-ilkin-levha { --p-kenar: transparent; --p-golge: 0 30px 60px -30px rgba(0, 0, 0, 0.55); --p-r: 24px; margin: 0; padding: 14px; }
.ags-ilkin-levha figcaption { margin-top: 8px; padding: 0 4px 4px; }
.ags-muhur-benekli { position: relative; }
.ags-muhur-benekli picture { display: block; }
.ags-muhur-benekli img { display: block; width: 100%; height: auto; border-radius: 14px; }
@media (max-width: 719px) { .ags-ilkin-levha .ags-muhur-benekli { max-width: 300px; margin-inline: auto; } }
/* Parça numaraları: SVG katmanında mavi daireler; işaretli olan gök. */
.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-mavi); stroke: var(--ags-ak); stroke-width: 0.6; }
.ags-sicil-mohru { fill: transparent; }
.ags-muhur-sicil text { fill: #ffffff; font-family: var(--ags-f-govde); font-size: 3.1px; font-weight: 600; text-anchor: middle; dominant-baseline: middle; }
.ags-muhur-sicil--isaretli .ags-sicil-fon { fill: var(--ags-gok); }
.ags-muhur-sicil--isaretli text { fill: var(--ags-gece); }
.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-size: 13px; font-weight: 600; color: var(--ags-soluk); }
.ags-ogecik-cetveli { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 10px; margin: 0; padding: 0; list-style: none; font-size: 13.5px; line-height: 1.3; }
.ags-ogecik-cetveli li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 5px 0; color: var(--ags-metin); }
.ags-ogecik-cetveli b { flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; background: var(--ags-mavi); color: var(--ags-ak); font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; border-radius: var(--ags-r-daire); }

/* --- §16 Mobil eylem yuvası (<1080 px) -------------------------------------- */
/* Kenardan ayrık, gece renkli yüzen yuva: solda telefon, sağda gök kayıt düğmesi. */
.ags-dip-levha { position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 50; display: flex; gap: 8px; max-width: 560px; margin-inline: auto; padding: 7px; background: rgba(8, 37, 82, 0.94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-radius: 24px; box-shadow: 0 18px 40px -16px rgba(8, 37, 82, 0.6), inset 0 0 0 1px rgba(211, 225, 245, 0.12); transition: transform 240ms var(--ags-kavis), opacity 240ms var(--ags-kavis); }
.ags-dip-levha > .ags-muhur-basma { flex: 1; min-width: 0; min-height: 52px; border-radius: 18px; }
.ags-dip-levha > .ags-muhur-basma--zeytin { background: var(--ags-gok); color: var(--ags-gece); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); font-size: 16.5px; }
.ags-dip-levha > .ags-muhur-basma--zeytin:hover { background: var(--ags-gok-derin); color: var(--ags-gece); }
.ags-dip-levha > .ags-muhur-basma--cizikli { background: rgba(255, 255, 255, 0.07); color: var(--ags-ak); box-shadow: inset 0 0 0 1px rgba(165, 220, 255, 0.35); }
.ags-dip-levha > .ags-muhur-basma--cizikli svg { color: var(--ags-isik); }
.ags-dip-levha > .ags-muhur-basma:focus-visible { outline-color: var(--ags-isik); }
.ags-dip-levha > .ags-dip-levha-telno { flex: 0 0 auto; padding-inline: 18px; }
.ags-dip-levha--sakli { transform: translateY(calc(100% + 24px)); opacity: 0; }
body.ags-dip-levhali { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .ags-dip-levha { display: none; } body.ags-dip-levhali { padding-bottom: 0; } }

/* --- §17 Gece altbilgi, kurum etiketi, dip satır, kapanış fişi ----------------- */
.ags-tas-dipbilgi { position: relative; margin-top: var(--ags-blok); padding: var(--ags-a7) 0 0; background: var(--ags-gece); color: var(--ags-gece-metin); border-radius: 32px 32px 0 0; }
@media (min-width: 1080px) { .ags-tas-dipbilgi { padding-top: var(--ags-a8); border-radius: 48px 48px 0 0; } }
.ags-sonuncu-levha-kesim + .ags-tas-dipbilgi { margin-top: var(--ags-blok); }
.ags-tas-dipbilgi-kafes { display: grid; gap: var(--ags-a6); 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 { display: inline-block; border-radius: 8px; }
.ags-dipbilgi-imza > a img { height: 32px; width: auto; margin-bottom: var(--ags-a4); }
.ags-dipbilgi-imza > p { max-width: 42ch; color: var(--ags-gece-metin); font-size: var(--ags-y-ufak); }
.ags-dipbilgi-temas { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.ags-dipbilgi-temas a { color: var(--ags-ak); text-decoration-color: rgba(165, 220, 255, 0.45); }
.ags-dipbilgi-temas a:hover { color: var(--ags-isik); text-decoration-color: var(--ags-isik); }
.ags-dipbilgi-temas .ags-sabit-hane { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--ags-f-baslik); font-size: 24px; font-weight: 700; letter-spacing: -0.01em; color: var(--ags-gok); text-decoration: none; }
.ags-dipbilgi-endeks { min-width: 0; }
.ags-dipbilgi-endeks > nav + nav { margin-top: var(--ags-a5); }
.ags-dipbilgi-endeks h2 { margin: 0 0 8px; font-family: var(--ags-f-govde); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: var(--ags-isik); }
.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: 36px; padding: 2px 0; border: 0; background: none; color: var(--ags-gece-metin); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; transition: color var(--ags-zaman) var(--ags-kavis); }
.ags-dipbilgi-endeks a:hover, .ags-dipbilgi-endeks button:hover { color: var(--ags-ak); }
.ags-dipbilgi-endeks a:focus-visible, .ags-dipbilgi-endeks button:focus-visible, .ags-tas-dipbilgi a:focus-visible { outline-color: var(--ags-isik); }
.ags-dipbilgi-minik { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--ags-a6); padding-top: var(--ags-a4); border-top: 1px solid var(--ags-gece-cizgi); }
.ags-dipbilgi-minik > a { margin-right: 4px; font-weight: 600; color: var(--ags-ak); 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 { display: inline-flex; min-height: 32px; align-items: center; color: var(--ags-gece-soluk); text-decoration: none; }
.ags-dipbilgi-minik ul a:hover { color: var(--ags-ak); }
/* Kurum etiketi: beyaz kart; altbilgide gece kartı. */
.ags-tur-rozeti { --p-golge: none; display: flex; flex-wrap: wrap; margin: var(--ags-a6) 0 0; padding: 0; font-size: 13.5px; border-radius: var(--ags-r-kart); overflow: hidden; }
@media (max-width: 719px) { .ags-tur-rozeti > div { flex-basis: 150px !important; } }
.ags-tur-rozeti > div { flex: 1 1 210px; min-width: 0; padding: 14px 18px; box-shadow: -1px 0 0 var(--ags-cizgi-hafif), 0 -1px 0 var(--ags-cizgi-hafif); }
.ags-tur-rozeti dt { margin-bottom: 4px; font-size: 12px; font-weight: 600; letter-spacing: 0.03em; color: var(--ags-soluk); }
.ags-tur-rozeti dd { margin: 0; color: var(--ags-metin); overflow-wrap: anywhere; }
.ags-tas-dipbilgi .ags-tur-rozeti { --p-zemin: var(--ags-gece-2); --p-kenar: var(--ags-gece-cizgi); }
.ags-tas-dipbilgi .ags-tur-rozeti > div { box-shadow: -1px 0 0 var(--ags-gece-cizgi), 0 -1px 0 var(--ags-gece-cizgi); }
.ags-tas-dipbilgi .ags-tur-rozeti dt { color: var(--ags-gece-soluk); }
.ags-tas-dipbilgi .ags-tur-rozeti dd { color: var(--ags-gece-metin); }
.ags-tur-rozeti-bildiri { flex-basis: 100% !important; }
.ags-dipbilgi-bildiri { color: var(--ags-gece-soluk); }
.ags-tas-taban { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--ags-a5) 0 var(--ags-a6); font-size: 13.5px; color: var(--ags-gece-soluk); }
.ags-tas-taban p { margin: 0; }
.ags-tas-taban a { color: var(--ags-gece-soluk); }
.ags-tas-taban a:hover { color: var(--ags-ak); }
.ags-tas-taban nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.ags-sayici-seridi b { font-weight: 600; color: var(--ags-ak); font-variant-numeric: tabular-nums; }
/* Kapanış fişi: mavi kayıt fişi; eylemler koparma çizgisinin öbür yanında, iki yanda çentik. */
.ags-sonuncu-levha { --p-zemin: radial-gradient(90% 120% at 100% 0%, rgba(165, 220, 255, 0.35), transparent 60%), linear-gradient(135deg, var(--ags-mavi), var(--ags-mavi-derin)); --p-kenar: transparent; --p-golge: var(--ags-golge-2); --p-r: 28px; display: grid; gap: var(--ags-a5); align-items: center; padding: 30px 24px 26px; color: #e3eefc; }
@media (min-width: 900px) { .ags-sonuncu-levha { grid-template-columns: minmax(0, 1fr) auto; gap: 0; padding: 40px 0 40px 52px; } }
.ags-sonuncu-levha h2 { margin: 0 0 8px; color: var(--ags-ak); font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem); }
.ags-sonuncu-levha p { margin: 0; color: #e3eefc; }
.ags-sonuncu-levha .ags-cengelli-rozet { margin-bottom: 12px; background: rgba(255, 255, 255, 0.14); color: var(--ags-ak); }
.ags-sonuncu-levha .ags-cengelli-rozet::before { background: var(--ags-gok); box-shadow: 0 0 0 3px rgba(92, 200, 247, 0.3); }
.ags-sonuncu-levha > .ags-muhur-islemleri { position: relative; display: grid; gap: 10px; padding-top: 24px; border-top: 2px dashed rgba(255, 255, 255, 0.35); }
.ags-sonuncu-levha > .ags-muhur-islemleri::before, .ags-sonuncu-levha > .ags-muhur-islemleri::after { content: ""; position: absolute; top: -14px; width: 26px; height: 26px; background: var(--ags-sis); border-radius: var(--ags-r-daire); }
.ags-sonuncu-levha > .ags-muhur-islemleri::before { left: -37px; }
.ags-sonuncu-levha > .ags-muhur-islemleri::after { right: -37px; }
@media (min-width: 900px) {
  .ags-sonuncu-levha > .ags-muhur-islemleri { align-self: stretch; align-content: center; min-width: 320px; padding: 0 48px 0 44px; margin-left: 40px; border-top: 0; border-left: 2px dashed rgba(255, 255, 255, 0.35); }
  .ags-sonuncu-levha > .ags-muhur-islemleri::before, .ags-sonuncu-levha > .ags-muhur-islemleri::after { left: -14px; right: auto; }
  .ags-sonuncu-levha > .ags-muhur-islemleri::before { top: -54px; }
  .ags-sonuncu-levha > .ags-muhur-islemleri::after { top: auto; bottom: -54px; }
}
.ags-sonuncu-levha .ags-muhur-basma--zeytin { background: var(--ags-gok); color: var(--ags-gece); box-shadow: var(--ags-golge-gok), inset 0 1px 0 rgba(255, 255, 255, 0.4); }
.ags-sonuncu-levha .ags-muhur-basma--zeytin:hover { background: var(--ags-gok-derin); color: var(--ags-gece); }
.ags-sonuncu-levha .ags-muhur-basma--derin { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.55); }
.ags-sonuncu-levha .ags-muhur-basma--zeytin:focus-visible, .ags-sonuncu-levha .ags-muhur-basma--derin:focus-visible { outline-color: var(--ags-ak); }
/* Ara kart (sayfa ortası tek satır çağrı): buz mavisi, sol gök çubuk. */
.ags-ara-levha { --p-zemin: var(--ags-buz); --p-kenar: transparent; --p-golge: none; display: grid; gap: var(--ags-a4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .ags-ara-levha { grid-template-columns: minmax(0, 1fr) auto; padding: 28px 32px; } }
.ags-ara-levha p { margin: 0; color: var(--ags-soluk); }
.ags-ara-levha b { display: block; font-family: var(--ags-f-baslik); font-size: var(--ags-y-3); font-weight: 700; color: var(--ags-gece); }
/* Çerez kartı: alt yuvanın üstünde yüzer. */
.ags-gizlilik-levhasi { --p-golge: 0 24px 48px -20px rgba(8, 37, 82, 0.45); --p-r: 20px; position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 90; max-width: 720px; margin-inline: auto; padding: var(--ags-a4) var(--ags-a5) var(--ags-a5); }
@media (max-width: 1079px) { body.ags-dip-levhali .ags-gizlilik-levhasi { bottom: calc(86px + env(safe-area-inset-bottom)); } }
.ags-gizlilik-levhasi p { margin: 0 0 12px; max-width: none; color: var(--ags-metin); font-size: 14px; line-height: 1.5; }
@media (max-width: 559px) { .ags-gizlilik-levhasi .ags-muhur-islemleri > .ags-muhur-basma { flex: 1 1 auto; } }

/* --- §18 Sayfa ekleri: ölçü satırı, hat kartı, açılış maddeleri, logo ---- */
.ags-boyut-seridi { --p-zemin: var(--ags-ak); 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: 20px 22px; }
.ags-boyut-seridi > div + div { box-shadow: -1px 0 0 var(--ags-cizgi-hafif); }
.ags-boyut-seridi dd { margin: 0; font-size: var(--ags-y-dev); color: var(--ags-mavi); }
.ags-boyut-seridi dt { font-size: var(--ags-y-etiket); font-weight: 600; color: var(--ags-soluk); }
.ags-ray-levhasi { --p-zemin: var(--ags-ak); display: grid; gap: 6px; padding: 22px; }
.ags-ray-levhasi .ags-cengelli-rozet { margin: 0; justify-self: start; }
.ags-ray-levhasi .ags-boyut-hanesi { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; color: var(--ags-mavi-derin); }
.ags-ray-levhasi .ags-boyut-hanesi:hover { color: var(--ags-mavi); }
.ags-ray-levhasi p { margin: 0; color: var(--ags-soluk); font-size: 14px; }
.ags-baslangic-ogeleri .ags-dizi-seridi { min-height: 42px; padding-block: 6px; font-size: 15px; color: var(--ags-metin); }
.ags-baslangic-ogeleri .ags-dizi-seridi::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--ags-gok); border-radius: var(--ags-r-daire); }
.ags-amblem-levhasi { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--ags-a4); padding: var(--ags-a5); }
.ags-amblem-levhasi--derin { --p-zemin: var(--ags-gece); --p-kenar: var(--ags-gece); }
.ags-amblem-levhasi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita kartı (iletisim-harita.js --acik ekler). */
.ags-yer-levhasi { --p-zemin: var(--ags-buz); --p-kenar: transparent; --p-golge: none; display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--ags-a5); text-align: center; overflow: hidden; border-radius: var(--ags-r-kart); }
.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-metin); }
/* Yorum kartı (yalnız onaylı kayıttan). */
.ags-gorus-levhasi { margin: 0; }
.ags-gorus-levhasi blockquote { margin: 0 0 var(--ags-a3); }
.ags-gorus-levhasi figcaption { color: var(--ags-soluk); 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-metin); font-size: var(--ags-y-ufak); line-height: 1.9; }
.ags-lakap-dizgi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--ags-soluk-2); }

/* --- §19 Satır listesi, 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-a3); min-height: 52px; padding: 10px 2px; border-top: 1px solid var(--ags-cizgi-hafif); }
.ags-dizi-seridi:first-child { border-top: 0; }
.ags-dizi-seridi > a { flex: 1; min-width: 0; color: var(--ags-gece); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.ags-dizi-seridi > a:hover { color: var(--ags-mavi); }
.ags-dizi-seridi small { flex: 0 1 auto; min-width: 0; color: var(--ags-soluk); 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-soluk-2); opacity: 0.55; -webkit-mask: var(--ags-m-ibre) center / contain no-repeat; mask: var(--ags-m-ibre) center / contain no-repeat; transition: transform var(--ags-zaman) var(--ags-kavis), opacity var(--ags-zaman) var(--ags-kavis); }
.ags-dizi-seridi:has(> a:hover)::after { background: var(--ags-mavi); opacity: 1; transform: translateX(3px); }
.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: 7px; height: 7px; margin: 0 10px 2px 0; background: var(--ags-mavi); border-radius: var(--ags-r-daire); }
.ags-serit-izahi { display: inline-block; width: 100%; margin-top: 2px; color: var(--ags-soluk); font-size: 14px; font-weight: 400; }
.ags-serit-dizgi--kolonlu { columns: 1; column-gap: var(--ags-a6); }
.ags-serit-dizgi--kolonlu .ags-dizi-seridi { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--ags-cizgi-hafif); }
.ags-serit-dizgi--kareli { columns: 2; column-gap: var(--ags-a4); }
@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-a4); }
.ags-yazim-kisimlari { columns: 1; column-gap: var(--ags-a6); }
@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-a4); }
.ags-yazim-kisimi .ags-cengelli-rozet { margin: 0; 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: buz mavisi ray üstünde haplar; etkin sekme beyaz hap + gölge. */
.ags-gecis-cubuk { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--ags-a4) 0; padding: 5px; overflow-x: auto; scrollbar-width: none; background: rgba(255, 255, 255, 0.7); box-shadow: inset 0 0 0 1px var(--ags-cizgi); border-radius: var(--ags-r-hap); -webkit-overflow-scrolling: touch; }
.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-soluk); font: inherit; font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; border-radius: var(--ags-r-hap); cursor: pointer; transition: background-color var(--ags-zaman) var(--ags-kavis), color var(--ags-zaman) var(--ags-kavis), box-shadow var(--ags-zaman) var(--ags-kavis); }
.ags-gecis-cubuk a:hover, .ags-gecis-cubuk button:hover { color: var(--ags-gece); background: var(--ags-buz); }
.ags-gecis-cubuk [aria-selected="true"], .ags-gecis-cubuk [aria-current="true"] { background: var(--ags-mavi); color: var(--ags-mavi-tepe); box-shadow: var(--ags-golge-eylem); }
.ags-gecis-cubuk [aria-selected="true"]:hover, .ags-gecis-cubuk [aria-current="true"]:hover { background: var(--ags-mavi-derin); color: var(--ags-mavi-tepe); }
.ags-gecis-cubuk a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-mavi); }
.ags-gecis-cubuk sup { font-size: 12px; font-weight: 600; opacity: 0.75; 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; }
.ags-gecis-levhasi[hidden] { display: none; }
.ags-gecis-levhasi:focus-visible { outline-offset: 4px; }

/* ==========================================================================
   §20 SAYFA AİLELERİ: 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-a5); 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); padding: 32px; } }
.ags-isarti-levhasi > .ags-taslak-kenari { --p-zemin: var(--ags-sis); --p-kenar: transparent; --p-golge: none; max-width: 400px; justify-self: center; width: 100%; }
@media (max-width: 899px) { .ags-isarti-levhasi > .ags-taslak-kenari { max-width: 280px; order: -1; } }
.ags-isarti-sual-seridi { margin: 0 0 var(--ags-a3); font-family: var(--ags-f-baslik); font-size: var(--ags-y-3); font-weight: 700; color: var(--ags-gece); }
.ags-isarti-basma-sirasi { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ags-isarti-basma-sirasi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 50px; padding: 8px 16px 8px 10px; border: 0; background: var(--ags-sis); color: var(--ags-metin); box-shadow: inset 0 0 0 1px var(--ags-cizgi-hafif); font: inherit; font-size: 15px; line-height: 1.35; text-align: left; border-radius: var(--ags-r-kutu); 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: 30px; height: 30px; background: var(--ags-ak); color: var(--ags-mavi-derin); box-shadow: inset 0 0 0 1.5px var(--ags-buz-2); font-size: 12px; font-weight: 600; border-radius: var(--ags-r-daire); }
.ags-isarti-basma-sirasi button:hover { background: var(--ags-buz); color: var(--ags-gece); }
.ags-isarti-basma-sirasi button[aria-pressed="true"] { background: var(--ags-ak); color: var(--ags-gece); box-shadow: inset 0 0 0 2px var(--ags-mavi), var(--ags-golge-1); }
.ags-isarti-basma-sirasi button[aria-pressed="true"] span { background: var(--ags-gok); color: var(--ags-gece); box-shadow: none; }
.ags-isarti-basma-sirasi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-gece); }
.ags-isarti-hali { min-height: 3em; margin: var(--ags-a4) 0; color: var(--ags-soluk); font-size: 14px; }
.ags-isarti-hali b { color: var(--ags-gece); }
/* İlkeler: dört kart + katlanır fark dökümü. */
.ags-sebep-levhalari h3 { margin: var(--ags-a4) 0 6px; }
.ags-sebep-levhalari p { margin: 0; color: var(--ags-soluk); font-size: var(--ags-y-ufak); }
.ags-muhur-piktogram { display: inline-grid; place-items: center; width: 48px; height: 48px; background: var(--ags-buz); color: var(--ags-mavi-derin); border-radius: 16px; }
.ags-sebep-levhalari > li:nth-child(even) .ags-muhur-piktogram { background: var(--ags-gok-acik); color: var(--ags-gece); }
.ags-kiyas-dizgi { padding: 18px 22px; }
.ags-kiyas-dizgi summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; list-style: none; font-weight: 600; color: var(--ags-gece); 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-gece); -webkit-mask: var(--ags-m-alta) center / contain no-repeat; mask: var(--ags-m-alta) center / contain no-repeat; transition: transform var(--ags-zaman) var(--ags-kavis); }
.ags-kiyas-dizgi[open] summary::after { transform: rotate(180deg); background: var(--ags-mavi); }
.ags-kiyas-dizgi dl { display: grid; margin: var(--ags-a4) 0 0; }
.ags-kiyas-dizgi dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--ags-cizgi-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-soluk); text-decoration: line-through; text-decoration-color: rgba(180, 35, 24, 0.55); }
.ags-kiyas-dizgi dd { margin: 0; color: var(--ags-metin); }
/* İl ve ilçeler (ana sayfa, buz mavisi kesit): başlık + sayılar, harita, dizin. */
.ags-sehir-levhasi-ucu { display: grid; gap: var(--ags-a5); margin-bottom: var(--ags-a5); }
@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-soluk); }
.ags-sehir-boyutlari { display: flex; margin: 0; background: var(--ags-ak); border-radius: var(--ags-r-kart); box-shadow: var(--ags-golge-1); overflow: hidden; }
.ags-sehir-boyutlari div { flex: 1 1 0; display: flex; flex-direction: column; padding: 14px 20px; }
.ags-sehir-boyutlari div + div { border-left: 1px solid var(--ags-cizgi-hafif); }
.ags-sehir-boyutlari dd { margin: 0; font-family: var(--ags-f-baslik); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: var(--ags-mavi); font-variant-numeric: tabular-nums; }
.ags-sehir-boyutlari dt { margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--ags-soluk); }
.ags-sehir-dizgi { margin-top: var(--ags-a4); }
.ags-sehir-dizgi summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; background: var(--ags-ak); box-shadow: inset 0 0 0 1px var(--ags-cizgi); border-radius: var(--ags-r-hap); font-weight: 600; color: var(--ags-gece); cursor: pointer; list-style: none; }
.ags-sehir-dizgi summary::-webkit-details-marker { display: none; }
.ags-sehir-dizgi 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; transition: transform var(--ags-zaman) var(--ags-kavis); }
.ags-sehir-dizgi[open] summary::after { transform: rotate(180deg); }
/* 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-a3) * -1); }
.ags-cift-solda > .ags-levha-fis > p { max-width: 68ch; }
.ags-cift-solda > .ags-levha-fis > .ags-levhalar--aygit { margin-top: var(--ags-a2); }
.ags-levha-fis .ags-yogun-istenen-seridi .ags-yogun-levhalar { margin: 0; }
.ags-levha-fis .ags-muhur-kose { background: var(--ags-sis); box-shadow: none; }
.ags-levha-fis a.ags-muhur-kose:hover { background: var(--ags-buz); box-shadow: none; }

/* --- Dokunma: üzerine gelme kaldırma yalnız fareli cihazda ------------------ */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  a.ags-levha-fis, .ags-levha-aygit { transition: transform var(--ags-zaman) var(--ags-kavis); }
  a.ags-levha-fis:hover, .ags-levha-aygit:hover { transform: translateY(-3px); }
}

/* --- 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; }
  .ags-baslangic-levhasi, .ags-belge-levhasi-omurga, .ags-tas-dipbilgi { background: #ffffff !important; color: #000000 !important; }
}

/* ==========================================================================
   §40–§41 İL HARİTASI (il ve ilçeler: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Haritada köşe dili sitenin belirteçleri
   (hap ya da kutu), gölge yok; mavi üzerine gelinen ya da seçilen ilde,
   gök listeden vurgulanan ilçede.
   ========================================================================== */
/* --- §40 Kap ve üst satır: Bütün iller · il seçici · durum --------------- */
.ags-sehir-krokisi { margin: var(--ags-a4) 0 var(--ags-a6); padding: var(--ags-a3) var(--ags-a4) var(--ags-a4); background: var(--ags-ak); border-radius: var(--ags-r-kart); }
.ags-sehir-krokisi[hidden] { display: none; }
.ags-sehir-krokisi-ucu { display: flex; flex-wrap: wrap; align-items: end; gap: var(--ags-a3) var(--ags-a4); padding: var(--ags-a2) 0 var(--ags-a3); border-bottom: 1px solid var(--ags-cizgi-hafif); }
.ags-sehir-krokisi-geriye { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 0; background: var(--ags-ak); color: var(--ags-gece); box-shadow: inset 0 0 0 1.5px var(--ags-cizgi-kati); border-radius: var(--ags-r-hap); font: 600 15px/1 var(--ags-f-govde); 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: 2; stroke-linecap: round; stroke-linejoin: round; }
.ags-sehir-krokisi-geriye:hover { background: var(--ags-buz); color: var(--ags-mavi-derin); }
.ags-sehir-krokisi-geriye:focus-visible, .ags-sehir-krokisi-sehir-kapsulu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ags-mavi); }
.ags-sehir-krokisi-sehir { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.ags-sehir-krokisi-sehir label { font-size: var(--ags-y-etiket); font-weight: 600; color: var(--ags-gece); }
.ags-sehir-krokisi-sehir-kapsulu { width: 100%; min-height: 46px; padding: 0 44px 0 16px; border: 0; box-shadow: inset 0 0 0 1.5px var(--ags-cizgi-kati); border-radius: var(--ags-r-kutu); color: var(--ags-metin); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--ags-ak) 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='%230062C4' stroke-width='2' stroke-linecap='round'%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-soluk); font-size: var(--ags-y-ufak); 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, mavi yalnız etkin alan --- */
.ags-sehir-krokisi-ic { display: grid; gap: var(--ags-a4); padding-top: var(--ags-a4); }
.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-buz-2); stroke: var(--ags-ak); 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-buz-2); stroke: var(--ags-ak); }
.ags-sehir-krokisi-yore:hover, .ags-sehir-krokisi-yore:focus { fill: var(--ags-mavi); outline: none; }
.ags-sehir-krokisi-yore.ags-sehir-krokisi-yore--belirgin { fill: var(--ags-gok); 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-cizgi-hafif); }
.ags-sehir-krokisi-yanal[hidden] { display: none; }
.ags-sehir-krokisi-yanal-ucu { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--ags-cizgi-hafif); font-family: var(--ags-f-baslik); font-size: 1.125rem; font-weight: 700; }
.ags-sehir-krokisi-yanal-ucu a { color: var(--ags-gece); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.ags-sehir-krokisi-yanal-ucu a:hover { color: var(--ags-mavi); }
.ags-sehir-krokisi-altbolgeler { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--ags-a4); }
.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-cizgi-hafif); color: var(--ags-metin); text-decoration: none; }
.ags-sehir-krokisi-altbolgeler a:hover, .ags-sehir-krokisi-altbolgeler a:focus-visible { outline: none; color: var(--ags-mavi); border-bottom-color: var(--ags-mavi); }
@media (min-width: 1080px) {
  .ags-sehir-krokisi { padding: var(--ags-a4) var(--ags-a5) var(--ags-a5); }
  .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; } }

/* --- §21 Açılıştaki sayı kartı (hata kodu tablosu): dar ekranda tek satır --- */
@media (max-width: 1079px) {
  .ags-belge-levhasi-resim > .ags-boyut-seridi { justify-self: start; max-width: 260px; }
  .ags-belge-levhasi-resim > .ags-boyut-seridi > div { flex-direction: row-reverse; align-items: baseline; justify-content: flex-end; gap: 10px; padding: 12px 20px; }
  .ags-belge-levhasi-resim > .ags-boyut-seridi dd { font-size: 2.5rem; }
}