/* ==========================================================================
   AssistGrup.tr — stil dosyası (TASARIM-SISTEMI.md, "Teknik plaka", Faz 3, 11 Eki 2026)

   Kimlik: BEYAZ zeminli teknik plaka. Sayfa ve plaka yüzü beyaz; ikincil yüzey
   "çelik" (#f4efe5, soğuk açık gri). Grafit (#1b2b2a) başlık, ölçü çubuğu ve
   son plaka; limon (#466f10) birincil düğme (BEYAZ yazı, 5,93:1), köşe imi
   (pahın yerine oturan üçgen), odak ve logodaki köşe. Sofia Sans Condensed (başlık,
   kod, sayı) + Onest (gövde). Köşe dili PAH: yuvarlak köşe YOK; plaka
   sağ üstte 14 px (açılış/son plaka 28 px), düğme ve girdi iki karşı köşede
   8 px kesik. Gölge, degrade dolgu, hap YOK.
   Sınıf öneki: agt-   Belirteç öneki: --agt-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).

   Bölümler (TASARIM-SISTEMI §06 adları; bölüm sırası servisfer, §08):
     §00 yazı dosyaları   §01 belirteçler   §02 taban, yazı tabanı
     plaka boyama kalıbı (::before zemin + kenar + pah çizgisi, ::after köşe imi)
     §03 kap, iki yan, kesit       §12 soru plakası, katlanan plaka
     §04 rubrik, manşet, bölüm başı §13 form
     §05 üst plaka, menü, çekmece  §14 plaka notu, uyarı
     §06 pahlı düğme, ok bağlantı  §15 açılış, izometrik çizim, parça tablosu
     §07 plaka, cihaz, yan plaka   §16 mobil alt plaka
     §08 iş plakası                §17 çelik altbilgi, tip etiketi, son plaka
     §09 sayfa yolu                §18 ölçü satırı, hat plakası, logo, konum
     §10 pahlı etiket, çip         §19 satır dökümü, harf bölmeleri, sekme
     §11 kod plakası, tip tablosu  §20 sayfa aileleri · §40–§41 il haritası
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       Sofia Sans Condensed (statik 600/700/800) + Onest (statik 400/500/600);
       latin + latin-ext alt kümesi: İ Ş Ğ ı ç ö ü dahil) ----------------- */
@font-face { font-family: "Sofia Sans Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/sofia-sans-condensed-600-latin-ext.8e3326fe8b45.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Sofia Sans Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/sofia-sans-condensed-600-latin.ee0b9206ae18.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Sofia Sans Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/sofia-sans-condensed-700-latin-ext.941d8093ad29.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Sofia Sans Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/sofia-sans-condensed-700-latin.ecca84dfbe40.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Sofia Sans Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/sofia-sans-condensed-800-latin-ext.ffe4bd5ec560.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Sofia Sans Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/sofia-sans-condensed-800-latin.73c498e86421.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/onest-400-latin-ext.4d5e2543eee3.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/onest-400-latin.e92dc976b2af.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/onest-500-latin-ext.0081bb359fb7.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/onest-500-latin.11214dbb72c0.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/onest-600-latin-ext.ad153aee8e6e.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/onest-600-latin.a3d64eb51241.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

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

  /* renk: beyaz plaka, çelik, grafit, limon (TASARIM-SISTEMI §02 — kontrastlar orada hesaplı) */
  --agt-beyaz: #fffdf8;         /* sayfa zemini, plaka yüzü */
  --agt-celik: #f4efe5;         /* çelik: ikincil bölüm, altbilgi, künye plakası */
  --agt-celik-2: #e8e1d2;       /* tablo başı, sekme rayı, pasif düğme */
  --agt-celik-3: #dcd3c0;       /* üzerine gelme, basılı yüzey */
  --agt-grafit: #1b2b2a;        /* başlık, plaka kenarı, logo (beyazda 14,49) */
  --agt-metin: #263331;         /* gövde metni (beyazda 12,91; çelikte 11,45) */
  --agt-gri: #58625e;           /* ikincil metin (beyazda 6,22; çelik-2'de 4,85) */
  --agt-gri-2: #5c6763;         /* yer tutucu, dip satır (beyazda 5,78; çelik-2'de 4,51) */
  --agt-cizgi-ince: #e3dccb;    /* 1 px kıl çizgi (süs) */
  --agt-cizgi: #c4b9a3;         /* plaka kenarı, ayırıcı (süs) */
  --agt-cizgi-sert: #6e7974;    /* girdi kenarı (beyazda 4,44; çelikte 3,94; ≥3:1) */
  --agt-limon: #466f10;         /* köşe imi, birincil düğme, odak, metin bağlantısı (beyazda 5,83; çelik-2'de 4,55) */
  --agt-limon-bas: #35550b;     /* düğme üzerine gelme (beyaz yazıyla 8,55) */
  --agt-limon-ust: #ffffff;     /* limon düğmedeki yazı: BEYAZ */
  --agt-limon-acik: #ecfccb;    /* uyarı notu, "Cihazı kapatın" etiketi (limon yazı 5,46; grafit 13,58) */
  --agt-limon-isik: #bef264;    /* parlak limon: yalnız küçük vurgu (köşe imi, koyu zeminde); grafitte 11,28 */
  --agt-gri-acik: #c9ced6;      /* koyu zeminde (son plaka) ikincil yazı ve kenar; grafitte 9,32 */
  --agt-yesil: #2a6b4f;         /* "Kendiniz bakın", başarı (beyazda 6,23) */

  /* imza: pah köşe ve köşe imi */
  --agt-pah: 12px;              /* kart / plaka: sağ üst köşe */
  --agt-pah-orta: 8px;          /* düğme, girdi: sağ üst + sol alt */
  --agt-pah-kucuk: 5px;         /* etiket, kod karosu */
  --agt-pah-kart: inset(0 round 12px);
  --agt-pah-dugme: inset(0 round 6px);
  --agt-imi: inset(0 round 2px);   /* köşe imi: sağ üst dik üçgen */

  /* yazı aileleri */
  --agt-f-baslik: "Sofia Sans Condensed", "Arial Narrow", "Bahnschrift", ui-sans-serif, system-ui, sans-serif;
  --agt-f-govde: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --agt-f-sayi: "Sofia Sans Condensed", ui-sans-serif, system-ui, sans-serif;
  --agt-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Sofia Sans Condensed dar ve sıkı. */
  --agt-y-dev: clamp(3rem, 2.1rem + 4.2vw, 5.5rem);
  --agt-y-manset: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  --agt-y-1: clamp(1.875rem, 1.45rem + 1.8vw, 2.875rem);
  --agt-y-2: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --agt-y-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --agt-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --agt-y-govde: 1.0625rem;     /* 17 px Onest */
  --agt-y-kucuk: 0.9375rem;     /* 15 px */
  --agt-y-etiket: 0.8125rem;    /* 13 px: plaka etiketi (Sofia Sans Condensed 600) */

  /* yerleşim */
  --agt-sutun: 12;
  --agt-oluk: 16px;
  --agt-kap: 1280px;
  --agt-okuma: 720px;
  --agt-yan: 340px;             /* yan plaka (≥1080 px), yapışkan değil */

  /* boşluk (8 tabanlı, 4 yarım adım) */
  --agt-a1: 4px;
  --agt-a2: 8px;
  --agt-a3: 12px;
  --agt-a4: 16px;
  --agt-a5: 24px;
  --agt-a6: 32px;
  --agt-a7: 48px;
  --agt-a8: 64px;
  --agt-a9: 96px;
  --agt-kenar: 16px;
  --agt-bolum: 56px;

  /* biçim: yuvarlak köşe YOK; kesik köşe clip-path ile (plaka boyama kalıbı) */
  --agt-kil-kalinlik: 1px;
  --agt-vurgu-kalinlik: 2px;
  --agt-ust-boy: 64px;
  --agt-hat-boy: 64px;

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

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

@media (min-width: 720px) {
  :root { --agt-kenar: 24px; --agt-oluk: 20px; --agt-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --agt-kenar: 40px; --agt-oluk: 24px; --agt-ust-boy: 72px; --agt-bolum: 96px; }
}
/* Koyu tema YOK. Yazdırmada çelik tonları beyaza iner. */
@media print {
  :root {
    --agt-celik: #fffdf8; --agt-celik-2: #fffdf8; --agt-celik-3: #fffdf8;
    --agt-grafit: #000000; --agt-metin: #111111; --agt-gri: #444444; --agt-gri-2: #555555;
    --agt-cizgi-ince: #cccccc; --agt-cizgi: #999999; --agt-cizgi-sert: #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(--agt-ust-boy) + var(--agt-a4));
}
body {
  margin: 0;
  background: var(--agt-beyaz);
  color: var(--agt-metin);
  font-family: var(--agt-f-govde);
  font-size: var(--agt-y-govde);
  line-height: 1.6;
  font-weight: 400;
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
/* Başlık: Sofia Sans Condensed 600, grafit; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--agt-grafit);
  font-family: var(--agt-f-baslik);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--agt-y-1); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--agt-y-2); line-height: 1.16; }
h3 { font-size: var(--agt-y-3); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--agt-f-govde); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--agt-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi limon ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--agt-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--agt-limon); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--agt-grafit); }
code, kbd, samp { font-family: var(--agt-f-mono); font-size: 0.92em; font-weight: 500; }
/* hr: grafit kıl çizgi, sol ucunda limon köşe imi */
hr { border: 0; height: 8px; margin: var(--agt-a6) 0; background: linear-gradient(var(--agt-cizgi), var(--agt-cizgi)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--agt-limon) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--agt-limon); color: var(--agt-limon-ust); }
/* Odak: 2 px limon çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--agt-limon); outline-offset: 2px; }
.agt-gosterge-harici {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.agt-hemen-icerik {
  position: absolute; left: var(--agt-a4); top: -100px; z-index: 100;
  background: var(--agt-grafit); color: var(--agt-beyaz); padding: var(--agt-a2) var(--agt-a4);
  font-family: var(--agt-f-baslik); font-weight: 600; text-decoration: none;
}
.agt-hemen-icerik:focus { top: var(--agt-a2); }

/* ==========================================================================
   BİLEŞENLER §03–§19 (TASARIM-SISTEMI §06) — stil rehberinde onaylanan biçim.
   PLAKA BOYAMA KALIBI: pahlı yüzeyler öğenin kendisini KESMEZ; zemin, 1 px
   kenar ve pahın çapraz çizgisi ::before'da (clip-path) çizilir, köşe imi
   ::after'da kesiğin yerine oturur (öğe kesilseydi imi de kesilirdi). Ayar:
   --p-zemin, --p-kenar, --p-pah, --p-imi. Düğme ve girdi gibi küçük öğeler
   doğrudan clip-path'lidir; odak halkaları bu yüzden İÇ gölgedir.
   ========================================================================== */
.agt-tabela-hucre, .agt-kenar-tabela, .agt-ilk-tabela, .agt-basvuru-tabelasi, .agt-is-tabelasi,
.agt-model-rozeti, .agt-son-tabela, .agt-bul-tabela, .agt-tabela-notu, .agt-tabela-acilir-liste,
.agt-resim-cercevesi, .agt-hat-tabelasi, .agt-logo-tabelasi, .agt-yer-tabelasi,
.agt-olcek-satiri, .agt-tavsiye-listesi, .agt-cerez-tabelasi, .agt-ariza-acilir-ayrinti[open], .agt-fark-akisi {
  --p-zemin: var(--agt-beyaz);
  --p-kenar: var(--agt-cizgi);
  --p-pah: var(--agt-pah);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.agt-tabela-hucre::before, .agt-kenar-tabela::before, .agt-ilk-tabela::before, .agt-basvuru-tabelasi::before,
.agt-is-tabelasi::before, .agt-model-rozeti::before, .agt-son-tabela::before, .agt-bul-tabela::before,
.agt-tabela-notu::before, .agt-tabela-acilir-liste::before, .agt-resim-cercevesi::before, .agt-hat-tabelasi::before,
.agt-logo-tabelasi::before, .agt-yer-tabelasi::before, .agt-olcek-satiri::before, .agt-tavsiye-listesi::before,
.agt-cerez-tabelasi::before, .agt-ariza-acilir-ayrinti[open]::before, .agt-fark-akisi::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);
  clip-path: inset(0 round var(--p-pah));
  transition: box-shadow var(--agt-sure) var(--agt-egri);
}
/* Köşe imi: pahın yerine oturan limon dik üçgen (imza). */
.agt-tabela-hucre--isaretli::after, .agt-kenar-tabela::after, .agt-ilk-tabela::after, .agt-model-rozeti::after,
.agt-son-tabela::after, .agt-bul-tabela::after, .agt-resim-cercevesi::after, .agt-hat-tabelasi::after,
.agt-basvuru-tabelasi::after, .agt-cerez-tabelasi::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, var(--agt-limon));
  clip-path: var(--agt-imi);
  pointer-events: none;
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.agt-tabela-gibi { max-width: var(--agt-kap); margin-inline: auto; padding-inline: var(--agt-kenar); }
.agt-merkez-omurga { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.agt-tabela-cift { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--agt-a6); align-items: start; }
.agt-tabela-cift > * { min-width: 0; }
@media (min-width: 1080px) { .agt-tabela-cift { grid-template-columns: minmax(0, 1fr) var(--agt-yan); gap: var(--agt-a7); } }
.agt-tabela-yigini { display: grid; gap: var(--agt-a4); }
.agt-tabela-yigini > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Beyaz ↔ çelik dönüşümü servisfer'in koyu bant
   dönüşümünün AssistGrup.tr karşılığıdır (--celik: tam genişlik çelik zemin). */
.agt-tabela-dilimi { margin-top: var(--agt-bolum); }
.agt-tabela-dilimi--metal { padding-block: var(--agt-bolum); background: var(--agt-celik); }
.agt-tabela-dilimi--metal .agt-tabela-hucre { --p-zemin: var(--agt-beyaz); }
.agt-tabela-cift + .agt-tabela-dilimi, .agt-belge-tabelasi + .agt-tabela-dilimi { margin-top: calc(var(--agt-bolum) * 0.75); }
.agt-belge-tabelasi + .agt-tabela-gibi { margin-top: var(--agt-a6); }
[id] { scroll-margin-top: calc(var(--agt-ust-boy) + var(--agt-a5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.agt-isaretli-rozet { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--agt-f-baslik); font-size: var(--agt-y-etiket); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--agt-gri); }
.agt-isaretli-rozet::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-tabela-sahne { margin: 0; font-family: var(--agt-f-baslik); font-size: var(--agt-y-manset); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--agt-grafit); text-wrap: balance; overflow-wrap: anywhere; }
.agt-tabela-girisi { margin: 16px 0 0; max-width: 58ch; font-size: var(--agt-y-giris); line-height: 1.55; color: var(--agt-metin); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 grafit ölçü çubuğu + ucunda limon üçgen. */
.agt-tabela-basligi { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--agt-a4); margin-bottom: var(--agt-a5); padding-top: 18px; border-top: 1px solid var(--agt-cizgi); }
.agt-tabela-basligi::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--agt-grafit); }
.agt-tabela-basligi::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--agt-limon); clip-path: inset(0 round 4px); }
.agt-tabela-basligi > div { min-width: 0; }
.agt-tabela-basligi h2 { margin: 0; overflow-wrap: anywhere; }
.agt-tabela-basligi p { margin: 6px 0 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-tabela-dilimi--metal .agt-tabela-basligi { border-top-color: var(--agt-cizgi-sert); }
/* Düz metin sütunu. */
.agt-tabela-metni { max-width: 68ch; }
.agt-tabela-metni > :last-child { margin-bottom: 0; }
.agt-tabela-metni h3 { margin: var(--agt-a5) 0 8px; }
.agt-tabela-metni ul, .agt-tabela-metni ol { padding-left: 1.25rem; margin: 0 0 var(--agt-a4); }
.agt-tabela-metni li { margin-bottom: 6px; }
.agt-tabela-metni li::marker { color: var(--agt-limon); }
.agt-olcek-rakami { font-family: var(--agt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--agt-grafit); }
.agt-sabit-hane { font-variant-numeric: tabular-nums; }
.agt-tepe-payi.agt-tepe-payi { margin-top: var(--agt-a4); }
.agt-hata-sayisi { display: block; font-family: var(--agt-f-sayi); font-size: var(--agt-y-dev); font-weight: 700; line-height: 1; color: var(--agt-grafit); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.agt-tepe-tabela { position: sticky; top: 0; z-index: 40; background: var(--agt-grafit); }
.agt-tepe-tabela::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--agt-grafit); }
.agt-tepe-tabela-orta { display: flex; align-items: center; gap: var(--agt-a3); max-width: var(--agt-kap); height: var(--agt-ust-boy); margin-inline: auto; padding-inline: var(--agt-kenar); }
.agt-tepe-tabela-logo { flex: none; display: block; line-height: 0; }
.agt-tepe-tabela-logo img { height: 28px; width: auto; }
@media (min-width: 1080px) { .agt-tepe-tabela-logo img { height: 30px; } }
.agt-tepe-tabela-yonlendirme { display: none; }
.agt-tepe-tabela-gezinti { display: flex; list-style: none; margin: 0; padding: 0; }
.agt-tepe-tabela-gezinti > li { position: relative; }
.agt-tepe-tabela-gezinti > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--agt-f-baslik); font-size: 15px; font-weight: 500; color: var(--agt-grafit); text-decoration: none; white-space: nowrap; transition: color var(--agt-sure) var(--agt-egri); }
.agt-tepe-tabela-gezinti > li > a:hover { color: var(--agt-limon); }
.agt-tepe-tabela-gezinti > li > a[aria-current] { color: var(--agt-limon); box-shadow: inset 0 -2px 0 var(--agt-limon); }
.agt-tabela-acilir > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
/* Açılır liste: sağ üstü pahlı beyaz plaka; üzerine gelince ya da klavye odağında açılır. */
.agt-tabela-acilir-liste { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
.agt-tabela-acilir:hover > .agt-tabela-acilir-liste, .agt-tabela-acilir:focus-within > .agt-tabela-acilir-liste { display: block; }
.agt-tabela-acilir-liste--genis { width: 500px; columns: 2; column-gap: 0; }
.agt-tabela-acilir-liste li { break-inside: avoid; }
.agt-tabela-acilir-liste a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--agt-metin); font-size: 15px; text-decoration: none; }
.agt-tabela-acilir-liste a:hover { background: var(--agt-celik); color: var(--agt-grafit); }
.agt-tabela-acilir-liste-basi { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--agt-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--agt-gri); }
.agt-tabela-acilir-liste-basi::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-tabela-acilir-liste .agt-tabela-acilir-liste-basi a { min-height: 0; padding: 0; color: var(--agt-gri); font-size: inherit; }
.agt-tabela-acilir-liste .agt-tabela-acilir-liste-basi a:hover { background: none; color: var(--agt-limon); }
.agt-tepe-tabela-islem { display: flex; align-items: center; gap: var(--agt-a2); margin-left: auto; }
.agt-tepe-tabela-tel { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-family: var(--agt-f-baslik); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--agt-grafit); text-decoration: none; white-space: nowrap; }
.agt-tepe-tabela-tel svg { width: 18px; height: 18px; color: var(--agt-limon); }
.agt-tepe-tabela-tel:hover { color: var(--agt-limon); }
.agt-tepe-tabela-islem .agt-tepe-tabela-istek, .agt-tepe-tabela-islem .agt-tepe-tabela-hat { display: none; }
@media (min-width: 720px) { .agt-tepe-tabela-islem .agt-tepe-tabela-istek, .agt-tepe-tabela-islem .agt-tepe-tabela-hat { display: inline-flex; } }
@media (min-width: 1240px) {
  .agt-tepe-tabela-yonlendirme { display: block; margin-left: var(--agt-a3); }
  .agt-tepe-tabela-islem .agt-tepe-tabela-gezinti-ac { display: none; }
}
@media (min-width: 1560px) { .agt-tepe-tabela-tel { display: inline-flex; } }
@media (max-width: 359px) { .agt-tepe-tabela-logo img { height: 24px; } .agt-tepe-tabela-islem { gap: 4px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.agt-ariyer-satiri { padding-block: 0 var(--agt-a3); }
/* Pahlı arama kutusu: girdi + grafit pahlı gönder karosu. --buyuk 404 ve kod dizininde. */
.agt-ariyer-kutusu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--agt-beyaz); box-shadow: inset 0 0 0 1.5px var(--agt-cizgi-sert); clip-path: var(--agt-pah-dugme); transition: box-shadow var(--agt-sure) var(--agt-egri); }
.agt-ariyer-kutusu:focus-within { box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-ariyer-kutusu input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--agt-grafit); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.agt-ariyer-kutusu input::placeholder { color: var(--agt-gri-2); }
.agt-ariyer-kutusu input:focus-visible { outline: none; }
.agt-ariyer-kutusu input::-webkit-search-cancel-button { display: none; }
.agt-ariyer-kutusu button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--agt-grafit); color: var(--agt-beyaz); clip-path: inset(0 round 4px); cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri); }
.agt-ariyer-kutusu button:hover { background: var(--agt-limon); }
.agt-ariyer-kutusu button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-beyaz), inset 0 0 0 4px var(--agt-limon); }
.agt-ariyer-kutusu button svg { width: 18px; height: 18px; }
.agt-ariyer-kutusu--buyuk { min-height: 60px; }
.agt-ariyer-kutusu--buyuk input { height: 58px; padding-left: 20px; font-size: 18px; }
.agt-ariyer-kutusu--buyuk button { width: 50px; height: 50px; margin-right: 5px; background: var(--agt-limon); }
.agt-ariyer-kutusu--buyuk button:hover { background: var(--agt-limon-bas); }
.agt-ariyer-kutusu--buyuk button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (agt.js "Bul kutuları"): kutunun altında pahlı beyaz plaka. */
.agt-tavsiye-listesi { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; max-height: min(60vh, 480px); overflow-y: auto; margin: 0; padding: 6px; list-style: none; --p-kenar: var(--agt-cizgi-sert); }
.agt-tavsiye-listesi--ustte { top: auto; bottom: calc(100% + 6px); }
.agt-tavsiye-listesi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--agt-grafit); text-decoration: none; }
.agt-tavsiye-listesi a[aria-selected="true"], .agt-tavsiye-listesi a:hover { background: var(--agt-celik); }
.agt-tavsiye-turu { color: var(--agt-gri); font-size: 13px; text-align: right; }
.agt-tavsiye-satiri--ariza .agt-tavsiye-adi { font-family: var(--agt-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.agt-tavsiye-yok { padding: 10px 12px; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
/* Çekmece (#rehber, "Menü"): sağdan gelen beyaz plaka, mobilde tam ekran. */
body.agt-omurga-kilitli { overflow: hidden; }
.agt-tabela-gozme-ortusu { position: fixed; inset: 0; z-index: 70; background: rgba(18, 22, 28, 0.46); }
.agt-tabela-gozme { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--agt-a4) var(--agt-a5) var(--agt-a7); background: var(--agt-beyaz); box-shadow: inset 1px 0 0 var(--agt-cizgi); }
.agt-tabela-gozme-basi { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--agt-a3); margin: 0 0 var(--agt-a5); padding-bottom: var(--agt-a4); border-bottom: 1px solid var(--agt-cizgi); }
.agt-tabela-gozme-basi::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--agt-grafit); }
.agt-tabela-gozme-basi img { height: 26px; width: auto; }
.agt-tabela-gozme-islemleri { display: grid; gap: var(--agt-a2); }
.agt-tabela-gozme-grubu { margin-top: var(--agt-a5); }
.agt-tabela-gozme-grubu h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.agt-tabela-gozme-grubu h2 a { text-decoration: none; }
.agt-tabela-gozme-grubu h2 a[aria-current] { color: var(--agt-limon); }
.agt-tabela-gozme-grubu .agt-tabela-acilir-liste-basi { padding: 12px 0 2px; }
.agt-tabela-gozme-dibi { margin: var(--agt-a5) 0 0; padding-top: var(--agt-a4); border-top: 1px solid var(--agt-cizgi-ince); color: var(--agt-gri); font-size: 15px; max-width: none; }
.agt-dil-akisi { font-size: var(--agt-y-kucuk); }
.agt-dil-akisi summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--agt-grafit); clip-path: var(--agt-pah-dugme); font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
.agt-dil-akisi summary::-webkit-details-marker { display: none; }
.agt-dil-akisi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--agt-a4); margin: var(--agt-a2) 0 0; }
.agt-dil-akisi a { display: inline-block; padding: 10px 0; color: var(--agt-gri); text-decoration: none; }
.agt-dil-akisi a:hover, .agt-dil-akisi a[aria-current="true"] { color: var(--agt-grafit); }

/* --- §06 Pahlı düğmeler, ok bağlantı -------------------------------------- */
.agt-kose-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--agt-beyaz); color: var(--agt-grafit); clip-path: var(--agt-pah-dugme); font-family: var(--agt-f-baslik); font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
.agt-kose-dugme svg { width: 18px; height: 18px; flex: none; }
.agt-kose-dugme b { font-weight: 600; font-variant-numeric: tabular-nums; color: inherit; }
.agt-kose-dugme span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agt-kose-dugme--limon { background: var(--agt-limon); color: var(--agt-limon-ust); }
.agt-kose-dugme--limon:hover { background: var(--agt-limon-bas); color: var(--agt-limon-ust); }
/* Çizgili: 1,5 px grafit kenar (iç gölge) + kesikte çapraz çizgi. */
.agt-kose-dugme--hatli { color: var(--agt-grafit); box-shadow: inset 0 0 0 1.5px var(--agt-grafit);
  background:
    var(--agt-beyaz); }
.agt-kose-dugme--hatli:hover { background: var(--agt-grafit); color: var(--agt-beyaz); }
/* Koyu: son plakanın grafit zemininde beyaz çizgili. */
.agt-kose-dugme--koyu { color: var(--agt-beyaz); box-shadow: inset 0 0 0 1.5px var(--agt-gri-acik);
  background:
    transparent; }
.agt-kose-dugme--koyu:hover { background: var(--agt-beyaz); color: var(--agt-grafit); }
.agt-kose-dugme--sade { background: transparent; color: var(--agt-grafit); }
.agt-kose-dugme--sade:hover { background: var(--agt-celik); }
.agt-kose-dugme--kucuk { min-height: 44px; padding: 0 18px; font-size: 15px; }
.agt-kose-dugme--genis { width: 100%; }
.agt-kose-dugme--simge { width: 44px; padding: 0; flex: none; }
.agt-kose-dugme[aria-disabled="true"] { background: var(--agt-celik-2); color: var(--agt-gri-2); box-shadow: none; cursor: not-allowed; }
.agt-kose-dugme[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.agt-kose-dugme:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--agt-grafit), inset 0 0 0 5px var(--agt-beyaz); }
.agt-kose-dugme--limon:focus-visible { box-shadow: inset 0 0 0 3px var(--agt-grafit), inset 0 0 0 5px var(--agt-beyaz); }
.agt-kose-islemleri { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.agt-kose-islemleri--dikey { display: grid; gap: var(--agt-a2); margin-top: var(--agt-a5); }
/* Ok bağlantı: Sofia Sans yazı + pahlı grafit karo içinde beyaz ok. */
.agt-kose-ok { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); text-decoration: none; transition: color var(--agt-sure) var(--agt-egri); }
.agt-kose-ok::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--agt-grafit) var(--agt-ok-ikon) center / 14px 14px no-repeat; clip-path: var(--agt-pah-dugme); transition: background-color var(--agt-sure) var(--agt-egri); }
.agt-kose-ok:hover { color: var(--agt-limon); }
.agt-kose-ok:hover::after { background-color: var(--agt-limon); }

/* --- §07 Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.agt-tabela-hucre { padding: 22px; min-width: 0; }
.agt-tabela-hucre--metal { --p-zemin: var(--agt-celik); }
.agt-tabela-hucre > :last-child { margin-bottom: 0; }
.agt-tabela-hucre h3 { margin: 0 0 8px; }
a.agt-tabela-hucre { display: block; color: inherit; text-decoration: none; }
a.agt-tabela-hucre:hover { --p-kenar: var(--agt-grafit); }
a.agt-tabela-hucre p { color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
@media (max-width: 719px) { .agt-tabela-hucre { padding: 18px 16px; } }
.agt-hucre-basi { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--agt-a4); margin-bottom: var(--agt-a4); }
.agt-hucre-basi h2, .agt-hucre-basi h3 { margin: 0; }
.agt-hucre-basi h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.agt-hucre-basi p { margin: 6px 0 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-hucre-basi small { color: var(--agt-gri); font-size: 14px; }
.agt-hucre-basi h3 a { text-decoration: none; }
.agt-hucre-basi h3 a:hover { text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-tabelalar { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.agt-tabelalar > * { min-width: 0; }
@media (min-width: 720px) { .agt-tabelalar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .agt-tabelalar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .agt-tabelalar--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.agt-tabelalar > .agt-tabela-hucre > .agt-isaretli-rozet { margin-bottom: 8px; }
.agt-tabelalar > .agt-tabela-hucre > p { margin: 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-tabelalar > .agt-tabela-hucre > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + pahlı ok). */
.agt-tabela-aygit { padding: 10px 10px 14px; }
a.agt-tabela-aygit { display: grid; }
.agt-tabela-aygit .agt-resim-cercevesi { padding: 0; }
.agt-tabela-aygit .agt-resim-cercevesi::before, .agt-tabela-aygit .agt-resim-cercevesi::after { display: none; }
.agt-tabela-aygit img { width: 100%; height: auto; }
.agt-tabela-aygit-bagi { display: block; color: inherit; text-decoration: none; }
.agt-tabela-aygit-taban { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--agt-cizgi-ince); }
.agt-tabela-aygit-taban h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.agt-tabela-aygit-taban p { margin: 2px 0 0; color: var(--agt-gri); font-size: 14px; }
.agt-tabela-aygit-taban::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--agt-grafit) var(--agt-ok-ikon) center / 14px 14px no-repeat; clip-path: var(--agt-pah-dugme); transition: background-color var(--agt-sure) var(--agt-egri); }
.agt-tabela-aygit:hover .agt-tabela-aygit-taban::after, .agt-tabela-aygit-bagi:hover .agt-tabela-aygit-taban::after { background-color: var(--agt-limon); }
.agt-tabela-aygit:hover, li.agt-tabela-aygit:focus-within { --p-kenar: var(--agt-grafit); }
.agt-aygit-sira-no { margin-right: 8px; font-family: var(--agt-f-sayi); font-size: 13px; font-weight: 700; color: var(--agt-limon); font-variant-numeric: tabular-nums; }
.agt-tabela-aygit--delikli { display: grid; grid-template-rows: auto 1fr auto; }
.agt-tabela-aygit-islem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--agt-cizgi-ince); font-size: 14px; }
.agt-tabela-aygit-islem a { color: var(--agt-gri); text-decoration: none; }
.agt-tabela-aygit-islem a:hover { color: var(--agt-grafit); text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-tabela-aygit-islem .agt-tabela-aygit-istek { display: inline-flex; align-items: center; gap: 4px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); }
.agt-tabela-aygit-islem .agt-tabela-aygit-istek:hover { color: var(--agt-limon); }
@media (max-width: 719px) {
  .agt-tabelalar--aygit { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .agt-tabelalar--aygit .agt-tabela-aygit { padding: 6px 6px 10px; }
  .agt-tabelalar--aygit .agt-tabela-aygit-taban { padding: 8px 2px 0; }
  .agt-tabelalar--aygit .agt-tabela-aygit-taban::after { display: none; }
  .agt-tabelalar--aygit .agt-tabela-aygit-taban h3 { font-size: 15px; }
  .agt-tabelalar--aygit .agt-tabela-aygit-taban p { font-size: 13px; }
  .agt-tabelalar--aygit .agt-tabela-aygit-islem { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: çelik, sağ üstü pahlı, köşe imli; yapışkan DEĞİL. */
.agt-kenar-tabela { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); padding: 24px; min-width: 0; }
.agt-kenar-tabela-baslik { margin: 0 0 12px; font-size: 19px; }
.agt-kenar-tabela dl { margin: 0; }
.agt-kenar-tabela dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--agt-cizgi); }
.agt-kenar-tabela dt { font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--agt-gri); }
.agt-kenar-tabela dd { margin: 0; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.agt-kenar-tabela .agt-tarif-tabelasi > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.agt-kenar-tabela .agt-tarif-tabelasi dd { font-family: var(--agt-f-govde); font-weight: 400; text-align: left; color: var(--agt-metin); }
.agt-kenar-tabela > .agt-kose-dugme { margin-top: var(--agt-a4); }
.agt-kenar-tabela-notu { margin: var(--agt-a4) 0 0; color: var(--agt-gri); font-size: 14px; }

/* --- §08 İş plakası (süreç, imza): tek pahlı plakada alanlar ---------------- */
.agt-is-tabelasi { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 1px; list-style: none; }
/* Alanların zemini (etkin alan çelik) pahı örtmesin: öğe kesilir, kenar ve pah çizgisi alanların ÜSTÜNDE. */
.agt-is-tabelasi { --p-zemin: transparent; background: var(--agt-beyaz); clip-path: var(--agt-pah-kart); }
.agt-is-tabelasi::before { z-index: 1; }
@media (min-width: 900px) { .agt-is-tabelasi:not(.agt-is-tabelasi--dikey) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.agt-is-alani { position: relative; padding: 18px 20px 22px; min-width: 0; }
.agt-is-alani + .agt-is-alani { border-top: 1px solid var(--agt-cizgi); }
@media (min-width: 900px) { .agt-is-tabelasi:not(.agt-is-tabelasi--dikey) > .agt-is-alani + .agt-is-alani { border-top: 0; border-left: 1px solid var(--agt-cizgi); } }
.agt-is-alani small { display: block; margin-bottom: 10px; font-family: var(--agt-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--agt-gri); }
.agt-is-alani h3 { margin: 0 0 6px; font-size: 19px; }
.agt-is-alani p { margin: 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-is-alani--simdi { background: var(--agt-celik); }
.agt-is-alani--simdi small { color: var(--agt-limon); }
.agt-is-alani--simdi::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--agt-limon); clip-path: inset(0 round 4px); }
.agt-is-tabelasi--dikey { margin: var(--agt-a5) 0; }
.agt-is-tabelasi--dikey .agt-is-alani { padding: 14px 18px 16px; }
.agt-is-tabelasi--dikey .agt-is-alani small { margin-bottom: 6px; }
.agt-is-tabelasi--dikey .agt-is-alani h3 { font-size: 17px; }
.agt-is-tabelasi--dikey .agt-is-alani small + p { color: var(--agt-metin); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.agt-tabela-hatti { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--agt-f-baslik); font-size: 14px; color: var(--agt-gri); }
.agt-tabela-hatti li + li::before { content: "/"; margin-right: 10px; color: var(--agt-limon); }
.agt-tabela-hatti a { color: var(--agt-gri); text-decoration: none; }
.agt-tabela-hatti a:hover { color: var(--agt-grafit); text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-tabela-hatti [aria-current] { color: var(--agt-grafit); }

/* --- §10 Pahlı etiket (durum), pahlı çip, sık aranan -------------------------- */
.agt-kose-rozet { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; clip-path: inset(0 round 4px); background: var(--agt-celik-2); color: var(--agt-grafit); font-family: var(--agt-f-baslik); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.agt-kose-rozet--kendiniz { background: #e2f0e8; color: var(--agt-yesil); }
.agt-kose-rozet--servis { background: var(--agt-celik-2); color: var(--agt-grafit); }
.agt-kose-rozet--durdur { background: var(--agt-limon); color: var(--agt-limon-ust); }
.agt-yogun-tabelalar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.agt-kose-cip { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--agt-celik); color: var(--agt-grafit); font-size: 14.5px; text-decoration: none; clip-path: inset(0 round 4px); transition: background-color var(--agt-sure) var(--agt-egri); }
a.agt-kose-cip:hover { background: var(--agt-celik-3); color: var(--agt-grafit); }
a.agt-kose-cip:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-tabela-dilimi--metal .agt-kose-cip, .agt-tabela-hucre--metal .agt-kose-cip { background: var(--agt-beyaz); }
.agt-yogun-aranan-satiri { display: grid; gap: 8px; margin-top: var(--agt-a5); }
.agt-yogun-aranan-satiri > span { font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; color: var(--agt-gri); }

/* --- §11 Kod plakası ------------------------------------------------------ */
.agt-ariza-tabelasi { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-ariza-tabelasi caption { padding: 0 0 10px; text-align: left; font-family: var(--agt-f-baslik); font-size: 13.5px; font-weight: 600; color: var(--agt-gri); }
.agt-ariza-tabelasi th, .agt-ariza-tabelasi td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--agt-cizgi-ince); overflow-wrap: anywhere; }
.agt-ariza-tabelasi thead th { background: var(--agt-grafit); color: var(--agt-beyaz); font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.agt-ariza-tabelasi tbody tr:last-child > * { border-bottom: 0; }
.agt-ariza-tabelasi td b { display: block; font-weight: 600; color: var(--agt-grafit); }
.agt-ariza-tabelasi td b + span { display: block; color: var(--agt-gri); font-size: 14px; }
.agt-ariza-tabelasi tr:target > td { background: var(--agt-celik); }
.agt-ariza-tabelasi tr[hidden] { display: none; }
.agt-ariza-hucresi { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--agt-celik); color: var(--agt-grafit); font-family: var(--agt-f-sayi); font-size: 18px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; clip-path: inset(0 round 4px); transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
a.agt-ariza-hucresi:hover { background: var(--agt-grafit); color: var(--agt-beyaz); }
a.agt-ariza-hucresi:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
@media (max-width: 719px) {
  .agt-ariza-tabelasi thead { display: none; }
  .agt-ariza-tabelasi tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--agt-cizgi-ince); }
  .agt-ariza-tabelasi tbody tr:last-child { border-bottom: 0; }
  .agt-ariza-tabelasi td { padding: 2px 0; border: 0; }
  .agt-ariza-tabelasi td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.agt-ariza-tabelasi--tam td:first-child { width: 1%; white-space: nowrap; }
.agt-ariza-tabelasi--tam td p { margin: 0 0 6px; max-width: 64ch; }
.agt-ariza-tabelasi--tam td strong { font-weight: 700; color: var(--agt-grafit); }
.agt-ariza-gorulen { color: var(--agt-gri); }
.agt-ariza-acilir-ayrinti { margin-top: 8px; }
.agt-ariza-acilir-ayrinti > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--agt-grafit); clip-path: var(--agt-pah-dugme); font-family: var(--agt-f-baslik); font-size: 14px; font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
.agt-ariza-acilir-ayrinti > summary::-webkit-details-marker { display: none; }
.agt-ariza-acilir-ayrinti > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
.agt-ariza-acilir-ayrinti > summary:hover { background: var(--agt-grafit); color: var(--agt-beyaz); }
.agt-ariza-acilir-ayrinti[open] { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); margin-top: 10px; padding: 12px 16px 8px; }
.agt-ariza-acilir-ayrinti[open] > summary { min-height: 34px; padding: 0; box-shadow: none; clip-path: none; background: none; color: var(--agt-grafit); }
.agt-ariza-acilir-ayrinti[open] > summary::after { transform: rotate(180deg); }
.agt-ariza-acilir-ayrinti h3 { margin: var(--agt-a3) 0 0; font-size: 15px; }
.agt-ariza-acilir-ayrinti .agt-akis-satiri { min-height: 40px; padding-block: 6px; font-size: 15px; }
.agt-ariza-elek-tabelasi { max-width: 520px; }
.agt-ariza-elek-tabelasi .agt-saha-aciklama { min-height: 1.5em; margin-top: 8px; }
.agt-ariza-tabelasi--marka td:first-child a { text-decoration: none; }
.agt-ariza-tabelasi--marka td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-ariza-tabelasi--marka .agt-yogun-tabelalar { gap: 6px; }
.agt-ariza-tabelasi--marka td:last-child, .agt-ariza-tabelasi--marka tbody th:last-child { text-align: right; color: var(--agt-gri); }
@media (max-width: 719px) {
  .agt-ariza-tabelasi--marka tr { grid-template-columns: minmax(0, 1fr) auto; }
  .agt-ariza-tabelasi--marka td:first-child { grid-row: auto; }
  .agt-ariza-tabelasi--marka td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .agt-ariza-tabelasi--tam td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.agt-model-cetveli { width: 100%; border-collapse: collapse; font-size: var(--agt-y-kucuk); box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-model-cetveli th, .agt-model-cetveli td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--agt-cizgi-ince); overflow-wrap: anywhere; }
.agt-model-cetveli thead th { background: var(--agt-celik-2); color: var(--agt-grafit); font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.agt-model-cetveli tbody th { font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); border-right: 1px solid var(--agt-cizgi-ince); }
.agt-model-cetveli tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .agt-model-cetveli--dar thead { display: none; }
  .agt-model-cetveli--dar tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--agt-cizgi-ince); }
  .agt-model-cetveli--dar tbody tr:last-child { border-bottom: 0; }
  .agt-model-cetveli--dar td, .agt-model-cetveli--dar tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Sofia Sans) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.agt-tarif-tabelasi { margin: 0; font-size: var(--agt-y-kucuk); }
.agt-tarif-tabelasi > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--agt-cizgi-ince); }
.agt-tarif-tabelasi > div:first-child { padding-top: 0; border-top: 0; }
.agt-tarif-tabelasi dt { font-family: var(--agt-f-baslik); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--agt-gri); }
.agt-tarif-tabelasi dd { margin: 0; color: var(--agt-metin); overflow-wrap: anywhere; }
@media (max-width: 559px) { .agt-tarif-tabelasi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Soru plakası (SSS), katlanan plaka --------------------------------- */
.agt-soru-tabelasi { box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-soru-tabela-satiri + .agt-soru-tabela-satiri { border-top: 1px solid var(--agt-cizgi); }
.agt-soru-tabela-satiri summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--agt-f-baslik); font-size: 17px; font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
.agt-soru-tabela-satiri summary::-webkit-details-marker { display: none; }
.agt-soru-tabela-satiri summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--agt-grafit); -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
.agt-soru-tabela-satiri summary:hover { background: var(--agt-celik); }
.agt-soru-tabela-satiri[open] { background: var(--agt-celik); }
.agt-soru-tabela-satiri[open] summary::after { transform: rotate(180deg); background: var(--agt-limon); }
.agt-soru-tabela-satiri > div { padding: 0 18px 16px; color: var(--agt-metin); }
.agt-soru-tabela-satiri > div p { margin: 0 0 10px; }
.agt-soru-tabela-satiri > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .agt-soru-tabelasi--iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .agt-soru-tabelasi--iki .agt-soru-tabela-satiri { box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
  .agt-soru-tabelasi--iki .agt-soru-tabela-satiri + .agt-soru-tabela-satiri { border-top: 0; }
}
.agt-katlanan-tabela { border-top: 1px solid var(--agt-cizgi-ince); }
.agt-katlanan-tabela > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.agt-katlanan-tabela > summary::-webkit-details-marker { display: none; }
.agt-katlanan-tabela > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.agt-katlanan-tabela > summary small { font-family: var(--agt-f-sayi); font-size: 14px; font-weight: 600; color: var(--agt-gri-2); font-variant-numeric: tabular-nums; }
.agt-katlanan-tabela > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--agt-grafit); -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
.agt-katlanan-tabela[open] > summary::after { transform: rotate(180deg); background: var(--agt-limon); }
.agt-katlanan-tabela > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-katlanan-tabela > p { margin: 0 0 8px; color: var(--agt-gri); }
.agt-katlanan-tabela > .agt-serit-akisi { margin-bottom: var(--agt-a3); }
.agt-tabela-hucre > .agt-katlanan-tabela:first-of-type { margin-top: var(--agt-a3); }

/* --- §13 Form ------------------------------------------------------------- */
.agt-tabela-formu { display: grid; gap: var(--agt-a5); min-width: 0; }
.agt-basvuru-bolumu { display: grid; gap: 14px; min-width: 0; }
.agt-basvuru-bolumu + .agt-basvuru-bolumu { padding-top: var(--agt-a5); border-top: 1px solid var(--agt-cizgi-ince); }
.agt-bolum-adi { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.agt-bolum-adi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-bolum-adi b { font-family: var(--agt-f-baslik); font-size: 17px; font-weight: 600; color: var(--agt-grafit); }
.agt-bolum-adi small { color: var(--agt-gri); font-size: 14px; }
.agt-sahalar-kenar-yana { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .agt-sahalar-kenar-yana { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agt-sahalar-kenar-yana > .agt-tabela-alani--tam, .agt-sahalar-kenar-yana > .agt-onay-satiri { grid-column: 1 / -1; } }
.agt-tabela-alani { display: grid; gap: 6px; min-width: 0; align-content: start; }
.agt-tabela-alani > label, .agt-saha-basligi { font-family: var(--agt-f-baslik); font-size: 14px; font-weight: 600; color: var(--agt-grafit); }
.agt-tabela-alani label small { font-family: var(--agt-f-govde); font-weight: 400; color: var(--agt-gri); }
.agt-tabela-alani input, .agt-tabela-alani select, .agt-tabela-alani textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--agt-beyaz); color: var(--agt-grafit); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--agt-cizgi-sert); clip-path: var(--agt-pah-dugme); -webkit-appearance: none; appearance: none; transition: box-shadow var(--agt-sure) var(--agt-egri); }
.agt-tabela-alani textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.agt-tabela-alani select { padding-right: 44px; background: var(--agt-beyaz) right 14px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312161C' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.agt-tabela-alani select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.agt-tabela-alani input::placeholder, .agt-tabela-alani textarea::placeholder { color: var(--agt-gri-2); }
.agt-tabela-alani input:hover, .agt-tabela-alani select:hover, .agt-tabela-alani textarea:hover { box-shadow: inset 0 0 0 1.5px var(--agt-grafit); }
.agt-tabela-alani input:focus-visible, .agt-tabela-alani select:focus-visible, .agt-tabela-alani textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-tabela-alani input[type="date"], .agt-tabela-alani input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.agt-tabela-alani input[type="date"]::-webkit-calendar-picker-indicator, .agt-tabela-alani input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.agt-tabela-alani input[type="file"] { padding: 10px 12px; }
.agt-tabela-alani input[type="file"]::file-selector-button { margin-right: var(--agt-a3); min-height: 34px; padding: 0 14px; border: 0; background: var(--agt-grafit); color: var(--agt-beyaz); font: inherit; font-family: var(--agt-f-baslik); font-weight: 600; clip-path: inset(0 round 4px); cursor: pointer; }
.agt-tabela-alani--hatali input, .agt-tabela-alani--hatali select, .agt-tabela-alani--hatali textarea { background-color: var(--agt-limon-acik); box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-saha-aciklama { margin: 0; color: var(--agt-gri); font-size: 13.5px; }
.agt-saha-hata-satiri { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--agt-limon); font-size: 14px; font-weight: 600; }
.agt-saha-hata-satiri::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-onay-satiri { display: flex; gap: 12px; align-items: flex-start; color: var(--agt-metin); font-size: 15px; cursor: pointer; }
.agt-onay-satiri input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--agt-beyaz); box-shadow: inset 0 0 0 1.5px var(--agt-cizgi-sert); -webkit-appearance: none; appearance: none; cursor: pointer; }
.agt-onay-satiri input:checked { background: var(--agt-limon); box-shadow: none; }
.agt-onay-satiri input:checked::after { content: ""; width: 16px; height: 16px; background: var(--agt-limon-ust); -webkit-mask: var(--agt-m-onay) center / contain no-repeat; mask: var(--agt-m-onay) center / contain no-repeat; }
.agt-onay-satiri input:focus-visible { outline: 2px solid var(--agt-limon); outline-offset: 2px; }
.agt-tabela-alani--hatali.agt-onay-satiri input { box-shadow: inset 0 0 0 2px var(--agt-limon); }
/* Uygun gün: önümüzdeki günler pahlı küçük plakalar (agt.js). */
.agt-gun-tabelalari { display: flex; flex-wrap: wrap; gap: 8px; }
.agt-gun-tabelalari button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--agt-celik); color: var(--agt-gri); font: inherit; font-size: 14px; clip-path: inset(0 round 4px); cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri); }
.agt-gun-tabelalari button b { font-family: var(--agt-f-sayi); font-size: 16px; font-weight: 700; color: var(--agt-grafit); font-variant-numeric: tabular-nums; }
.agt-gun-tabelalari button:hover { background: var(--agt-celik-3); }
.agt-gun-tabelalari button[aria-pressed="true"] { background: var(--agt-grafit); color: var(--agt-gri-acik); }
.agt-gun-tabelalari button[aria-pressed="true"] b { color: var(--agt-beyaz); }
.agt-gun-tabelalari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-basvuru-gonder-satiri { display: grid; gap: var(--agt-a3); }
.agt-basvuru-gonder-satiri p { margin: 0; color: var(--agt-gri); font-size: 14px; }
@media (min-width: 720px) { .agt-basvuru-gonder-satiri .agt-kose-dugme { justify-self: start; min-width: 300px; } }
.agt-gosterge-harici-saha { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* İki yan form: solda etiket, başlık, giriş, dikey iş plakası; sağda form plakası. */
.agt-basvuru-tabela-ikilisi { display: grid; gap: var(--agt-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.agt-basvuru-tabela-ikilisi > * { min-width: 0; }
@media (min-width: 1080px) { .agt-basvuru-tabela-ikilisi { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--agt-a7); } }
.agt-basvuru-aciklamasi h2 { margin: 0 0 var(--agt-a3); font-size: var(--agt-y-1); }
.agt-basvuru-aciklamasi .agt-tabela-girisi { margin-top: 0; }
.agt-basvuru-dipnotu { color: var(--agt-gri); font-size: 14px; }
.agt-basvuru-tabelasi { --p-kenar: var(--agt-cizgi-sert); padding: var(--agt-a6) var(--agt-a5); }
@media (max-width: 719px) { .agt-basvuru-tabelasi { padding: var(--agt-a5) var(--agt-a4); } }

/* --- §14 Plaka notu, uyarı ------------------------------------------------ */
.agt-tabela-notu { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); margin: 0 0 var(--agt-a4); padding: 14px 18px 14px 21px; max-width: none; color: var(--agt-metin); font-size: var(--agt-y-kucuk); }
.agt-tabela-notu::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--agt-grafit); }
.agt-tabela-notu b { display: block; margin-bottom: 2px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); }
.agt-tabela-notu p { margin: 0; }
.agt-tabela-notu:last-child { margin-bottom: 0; }
.agt-tabela-notu--uyari { --p-zemin: var(--agt-limon-acik); --p-kenar: var(--agt-limon-acik); }
.agt-tabela-notu--uyari::after { background: var(--agt-limon); }
.agt-tabela-notu--uyari b { color: var(--agt-limon); }
.agt-tabela-notu--tamam::after { background: var(--agt-yesil); }
.agt-tabela-notu--tamam b { color: var(--agt-yesil); }

/* --- §15 Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.agt-belge-tabelasi { padding-top: var(--agt-a6); }
.agt-belge-tabelasi-orta { display: grid; gap: var(--agt-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.agt-belge-tabelasi-orta > * { min-width: 0; }
.agt-belge-tabelasi-orta h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .agt-belge-tabelasi-orta { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--agt-a8); } }
.agt-belge-tabelasi-gorsel { display: grid; gap: var(--agt-a3); align-content: center; }
.agt-belge-tabelasi-gorsel:empty { display: none; }
@media (min-width: 1080px) { .agt-belge-tabelasi-orta:has(> .agt-belge-tabelasi-gorsel:empty) { grid-template-columns: minmax(0, 1fr); } }
.agt-belge-tabelasi-omurga > h1 { margin: 0; overflow-wrap: anywhere; }
.agt-belge-tabelasi .agt-gecis-cubugu { margin-top: var(--agt-a6); }
.agt-belge-tabelasi .agt-kose-islemleri { margin-top: var(--agt-a5); }
/* Çizim plakası: sağ üstü 28 px pahlı beyaz plaka, pahta 20 px köşe imi. */
.agt-resim-cercevesi { --p-pah: 28px; --p-imi: 20px; display: block; padding: 14px; }
.agt-resim-cercevesi img { width: 100%; height: auto; }
.agt-resim-cercevesi picture { display: block; }
.agt-belge-tabelasi-gorsel > .agt-resim-cercevesi { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .agt-belge-tabelasi-gorsel > .agt-resim-cercevesi { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.agt-giris-dilimi { padding-top: var(--agt-a6); }
@media (min-width: 1080px) { .agt-giris-dilimi { padding-top: var(--agt-a8); } }
.agt-giris-tabelasi { display: grid; gap: var(--agt-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.agt-giris-tabelasi > * { min-width: 0; }
@media (min-width: 1080px) { .agt-giris-tabelasi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--agt-a8); } }
.agt-giris-metni .agt-kose-islemleri { margin-top: var(--agt-a5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.agt-ilke-tabelasi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--agt-a5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--agt-cizgi); }
.agt-ilke-tabelasi li { padding: 12px 14px; color: var(--agt-grafit); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.agt-ilke-tabelasi li + li { border-left: 1px solid var(--agt-cizgi); }
.agt-ilke-tabelasi small { display: block; margin-bottom: 4px; font-family: var(--agt-f-baslik); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--agt-limon); }
@media (max-width: 419px) { .agt-ilke-tabelasi li { padding: 10px; font-size: 13.5px; } }
.agt-ilk-tabela { --p-pah: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.agt-ilk-tabela figcaption { margin-top: 12px; }
.agt-kose-delikli { position: relative; }
.agt-kose-delikli picture { display: block; }
.agt-kose-delikli img { display: block; width: 100%; height: auto; }
.agt-no-katmani { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.agt-kose-no { transition: opacity var(--agt-sure) var(--agt-egri); }
.agt-no-zemin { fill: var(--agt-grafit); }
.agt-no-damga { fill: var(--agt-limon); }
.agt-kose-no text { fill: #fffdf8; font-family: var(--agt-f-baslik); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.agt-kose-no--secili .agt-no-zemin { fill: var(--agt-limon); }
.agt-kose-no--secili .agt-no-damga { fill: var(--agt-grafit); }
.agt-no-katmani:has(.agt-kose-no--secili) .agt-kose-no:not(.agt-kose-no--secili) { opacity: 0.3; }
.agt-tabela-aygit--delikli .agt-kose-no { opacity: 0; }
.agt-tabela-aygit--delikli:hover .agt-kose-no, .agt-tabela-aygit--delikli:focus-within .agt-kose-no { opacity: 1; }
@media (hover: none) { .agt-tabela-aygit--delikli .agt-kose-no { opacity: 1; } }
.agt-bilesen-cetveli-basi { display: block; margin-bottom: 8px; font-family: var(--agt-f-baslik); font-size: 13px; font-weight: 600; color: var(--agt-gri); }
.agt-bilesen-cetveli { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--agt-cizgi); font-size: 14px; }
@media (min-width: 420px) { .agt-bilesen-cetveli { grid-template-columns: repeat(2, minmax(0, 1fr)); } .agt-bilesen-cetveli li:nth-child(odd) { border-right: 1px solid var(--agt-cizgi-ince); } }
.agt-bilesen-cetveli li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--agt-cizgi-ince); color: var(--agt-metin); }
.agt-bilesen-cetveli b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--agt-grafit); color: var(--agt-beyaz); font-family: var(--agt-f-baslik); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; clip-path: inset(0 round 4px); }

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.agt-taban-tabela { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--agt-kenar) calc(10px + env(safe-area-inset-bottom)); background: var(--agt-beyaz); border-top: 1px solid var(--agt-cizgi); transition: transform var(--agt-sure) var(--agt-egri); }
.agt-taban-tabela::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--agt-grafit); }
.agt-taban-tabela > .agt-kose-dugme { flex: 1; min-width: 0; }
.agt-taban-tabela > .agt-taban-tabela-tel { flex: 0 0 auto; padding-inline: 18px; }
.agt-taban-tabela--gizli { transform: translateY(calc(100% + 8px)); }
body.agt-taban-tabelali { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .agt-taban-tabela { display: none; } body.agt-taban-tabelali { padding-bottom: 0; } }

/* --- §17 Çelik altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.agt-metal-dip { position: relative; margin-top: var(--agt-bolum); padding: var(--agt-a4) 0 var(--agt-a5); background: var(--agt-celik); border-top: 1px solid var(--agt-cizgi); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; font-size: 13.5px; color: var(--agt-gri); }
.agt-metal-dip::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--agt-grafit); }
.agt-son-tabela-dilimi + .agt-metal-dip { margin-top: var(--agt-bolum); }
.agt-metal-dip-izgara { display: grid; gap: var(--agt-a6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .agt-metal-dip-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .agt-metal-dip-izgara { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); } }
.agt-dip-kimlik > a img { height: 28px; width: auto; margin-bottom: var(--agt-a4); }
.agt-dip-kimlik > p { max-width: 42ch; color: var(--agt-metin); font-size: var(--agt-y-kucuk); }
.agt-dip-iletisim { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.agt-dip-iletisim a { color: var(--agt-grafit); text-decoration-color: var(--agt-cizgi-sert); }
.agt-dip-iletisim .agt-sabit-hane { font-family: var(--agt-f-baslik); font-size: 19px; font-weight: 600; text-decoration: none; }
.agt-dip-dizin { min-width: 0; }
.agt-dip-dizin > nav + nav { margin-top: var(--agt-a5); }
.agt-dip-dizin h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.agt-dip-dizin ul { margin: 0; padding: 0; list-style: none; }
.agt-dip-dizin a, .agt-dip-dizin button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--agt-metin); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.agt-dip-dizin a:hover, .agt-dip-dizin button:hover { color: var(--agt-limon); }
.agt-dip-kucuk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--agt-a6); padding-top: var(--agt-a4); border-top: 1px solid var(--agt-cizgi); }
.agt-dip-kucuk > a { margin-right: 4px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); text-decoration: none; }
.agt-dip-kucuk ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.agt-dip-kucuk ul a { color: var(--agt-gri); text-decoration: none; }
.agt-dip-kucuk ul a:hover { color: var(--agt-grafit); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.agt-model-rozeti { --p-kenar: var(--agt-cizgi-sert); display: flex; flex-wrap: wrap; margin: var(--agt-a6) 0 0; padding: 1px; font-size: 13.5px; }
.agt-model-rozeti > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--agt-cizgi-ince), 0 -1px 0 var(--agt-cizgi-ince); }
.agt-model-rozeti dt { margin-bottom: 4px; font-family: var(--agt-f-baslik); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--agt-gri); }
.agt-model-rozeti dd { margin: 0; color: var(--agt-metin); overflow-wrap: anywhere; }
.agt-model-rozeti-beyan { flex-basis: 100% !important; }
.agt-dip-beyan { color: var(--agt-gri); }
.agt-metal-dip p { margin: 0; }
.agt-metal-dip a { color: var(--agt-gri); }
.agt-metal-dip nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.agt-sayici-satiri b { font-family: var(--agt-f-sayi); font-weight: 700; color: var(--agt-grafit); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — grafit, 28 px pah, pahta açık limon köşe imi. */
.agt-son-tabela { --p-zemin: var(--agt-grafit); --p-kenar: var(--agt-grafit); background: var(--agt-grafit); --p-pah: 28px; --p-imi: 20px; --p-imi-renk: var(--agt-limon-isik); display: grid; gap: var(--agt-a5); align-items: center; padding: 30px 24px; color: var(--agt-gri-acik); }
@media (min-width: 900px) { .agt-son-tabela { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.agt-son-tabela h2 { margin: 0 0 8px; color: var(--agt-beyaz); }
.agt-son-tabela p { margin: 0; color: var(--agt-gri-acik); }
.agt-son-tabela .agt-isaretli-rozet { margin-bottom: 10px; color: var(--agt-gri-acik); }
.agt-son-tabela .agt-isaretli-rozet::before { background: var(--agt-limon-isik); }
.agt-son-tabela .agt-kose-dugme--limon:focus-visible, .agt-son-tabela .agt-kose-dugme--koyu:focus-visible { box-shadow: inset 0 0 0 3px var(--agt-beyaz), inset 0 0 0 5px var(--agt-grafit); }
/* Ara plaka (sayfa ortası tek satır çağrı): çelik, köşe imli. */
.agt-bul-tabela { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); display: grid; gap: var(--agt-a4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .agt-bul-tabela { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.agt-bul-tabela p { margin: 0; color: var(--agt-gri); }
.agt-bul-tabela b { display: block; font-family: var(--agt-f-baslik); font-size: var(--agt-y-3); color: var(--agt-grafit); }
/* Çerez plakası: alt plakanın üstünde yüzen beyaz plaka. */
.agt-cerez-tabelasi { --p-kenar: var(--agt-cizgi-sert); position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 90; max-width: 760px; margin-inline: auto; padding: var(--agt-a4) var(--agt-a5); }
.agt-cerez-tabelasi p { margin: 0 0 12px; max-width: none; color: var(--agt-metin); font-size: 14px; }
/* Dar ekran: çerez plakası ekranın yaklaşık altıda biri (390 px'te ~140 px). */
@media (max-width: 719px) {
  .agt-cerez-tabelasi { left: 6px; right: 6px; bottom: calc(6px + env(safe-area-inset-bottom)); padding: 10px 12px; }
  .agt-cerez-tabelasi p { margin: 0 0 8px; font-size: 13px; line-height: 1.4; }
  .agt-cerez-tabelasi .agt-kose-islemleri { flex-wrap: nowrap; gap: 8px; }
  .agt-cerez-tabelasi .agt-kose-dugme--kucuk { flex: 1 1 0; min-height: 38px; padding: 0 10px; font-size: 14px; }
}

/* --- §18 Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.agt-olcek-satiri { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.agt-olcek-satiri > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.agt-olcek-satiri > div + div { box-shadow: -1px 0 0 var(--agt-cizgi); }
.agt-olcek-satiri dd { margin: 0; font-size: var(--agt-y-dev); }
.agt-olcek-satiri dt { font-family: var(--agt-f-baslik); font-size: var(--agt-y-etiket); font-weight: 600; color: var(--agt-gri); }
.agt-hat-tabelasi { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); display: grid; gap: 6px; padding: 22px; }
.agt-hat-tabelasi .agt-isaretli-rozet { margin: 0; }
.agt-hat-tabelasi .agt-olcek-rakami { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.agt-hat-tabelasi .agt-olcek-rakami:hover { color: var(--agt-limon); }
.agt-hat-tabelasi p { margin: 0; color: var(--agt-gri); font-size: 14px; }
.agt-giris-maddeleri .agt-akis-satiri { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--agt-metin); }
.agt-giris-maddeleri .agt-akis-satiri::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--agt-limon); clip-path: var(--agt-imi); }
.agt-logo-tabelasi { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--agt-a4); padding: var(--agt-a5); }
.agt-logo-tabelasi--koyu { --p-zemin: var(--agt-grafit); --p-kenar: var(--agt-grafit); }
.agt-logo-tabelasi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.agt-yer-tabelasi { --p-zemin: var(--agt-celik); --p-kenar: var(--agt-celik); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--agt-a5); text-align: center; overflow: hidden; }
.agt-yer-tabelasi .agt-kose-islemleri { justify-content: center; }
.agt-yer-tabelasi iframe { width: 100%; height: 100%; border: 0; }
.agt-yer-tabelasi--acik { padding: 0; }
.agt-yer-tabelasi--acik > div { display: none; }
@media (min-width: 720px) { .agt-yer-tabelasi { aspect-ratio: 16 / 9; } }
.agt-yer-tabelasi-adres { color: var(--agt-metin); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.agt-not-tabelasi { margin: 0; }
.agt-not-tabelasi blockquote { margin: 0 0 var(--agt-a3); }
.agt-not-tabelasi figcaption { color: var(--agt-gri); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.agt-isim-akisi { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--agt-metin); font-size: var(--agt-y-kucuk); line-height: 1.9; }
.agt-isim-akisi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--agt-gri-2); }

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.agt-serit-akisi { margin: 0; padding: 0; list-style: none; }
.agt-akis-satiri { display: flex; align-items: center; gap: var(--agt-a3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--agt-cizgi-ince); }
.agt-akis-satiri:first-child { border-top: 0; }
.agt-akis-satiri > a { flex: 1; min-width: 0; color: var(--agt-grafit); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.agt-akis-satiri > a:hover { text-decoration: underline; text-decoration-color: var(--agt-limon); }
.agt-akis-satiri small { flex: 0 1 auto; min-width: 0; color: var(--agt-gri); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.agt-akis-satiri:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--agt-gri-2); -webkit-mask: var(--agt-m-ok) center / contain no-repeat; mask: var(--agt-m-ok) center / contain no-repeat; }
.agt-akis-satiri:has(> a:hover)::after { background: var(--agt-limon); }
.agt-akis-satiri > span { flex: 1; min-width: 0; }
.agt-serit-akisi:not(.agt-serit-akisi--sutunlu, .agt-giris-maddeleri) > .agt-akis-satiri > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--agt-grafit); clip-path: var(--agt-imi); }
.agt-serit-aciklamasi { display: inline-block; width: 100%; margin-top: 2px; color: var(--agt-gri); font-size: 14px; font-weight: 400; }
.agt-serit-akisi--sutunlu { columns: 1; column-gap: var(--agt-a6); }
.agt-serit-akisi--sutunlu .agt-akis-satiri { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--agt-cizgi-ince); }
.agt-serit-akisi--dortlu { columns: 2; column-gap: var(--agt-a4); }
@media (max-width: 559px) { .agt-serit-akisi--dortlu small { display: none; } }
@media (min-width: 560px) { .agt-serit-akisi--sutunlu { columns: 2; } }
@media (min-width: 1080px) {
  .agt-serit-akisi--sutunlu { columns: 3; }
  .agt-serit-akisi--dortlu { columns: 4; }
  .agt-cift-sol .agt-serit-akisi--sutunlu, .agt-tabelalar > .agt-tabela-hucre .agt-serit-akisi--sutunlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.agt-isim-elegi { max-width: 360px; margin-bottom: var(--agt-a4); }
.agt-harf-bolmeleri { columns: 1; column-gap: var(--agt-a6); }
@media (min-width: 560px) { .agt-harf-bolmeleri { columns: 2; } }
@media (min-width: 1080px) { .agt-harf-bolmeleri { columns: 4; } }
.agt-harf-bolumu { break-inside: avoid; margin-bottom: var(--agt-a4); }
.agt-harf-bolumu .agt-isaretli-rozet { margin: 0; color: var(--agt-grafit); font-size: 15px; }
.agt-harf-bolumu .agt-akis-satiri { min-height: 44px; padding-block: 6px; }
.agt-harf-bolumu .agt-akis-satiri small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + limon alt çizgi. */
.agt-gecis-cubugu { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--agt-a4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--agt-celik-2); clip-path: var(--agt-pah-dugme); }
.agt-gecis-cubugu::-webkit-scrollbar { display: none; }
.agt-gecis-cubugu a, .agt-gecis-cubugu button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--agt-gri); font: inherit; font-family: var(--agt-f-baslik); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
.agt-gecis-cubugu a:hover, .agt-gecis-cubugu button:hover { color: var(--agt-grafit); background: var(--agt-celik-3); }
.agt-gecis-cubugu [aria-selected="true"], .agt-gecis-cubugu [aria-current="true"] { background: var(--agt-beyaz); color: var(--agt-grafit); font-weight: 600; box-shadow: inset 0 -2px 0 var(--agt-limon); }
.agt-gecis-cubugu a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-gecis-cubugu sup { font-family: var(--agt-f-sayi); font-size: 12px; color: var(--agt-gri-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.agt-gecis-cubugu[data-az-harfler] { margin-top: 0; }
.agt-gecis-cubugu[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.agt-gecis-tabelasi[hidden] { display: none; }
.agt-gecis-tabelasi:focus-visible { outline-offset: 4px; }

/* ==========================================================================
   §20 SAYFA AİLELERİ (TASARIM-SISTEMI §08): ana sayfa bölümleri, cihaz,
   bölge, marka, hata kodu. Burada yalnız aileye özgü ekler.
   ========================================================================== */
/* Arıza bulucu (ana sayfa): JS yoksa gizli (aynı belirtiler cihaz sayfalarında). */
html:not(.agt-komut) .agt-bulucu-dilimi { display: none; }
.agt-bulgu-tabelasi { display: grid; gap: var(--agt-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.agt-bulgu-tabelasi > * { min-width: 0; }
@media (min-width: 900px) { .agt-bulgu-tabelasi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.agt-bulgu-tabelasi > .agt-resim-cercevesi { max-width: 420px; justify-self: center; width: 100%; }
.agt-bulgu-soru-satiri { margin: 0 0 var(--agt-a3); font-family: var(--agt-f-baslik); font-size: var(--agt-y-3); font-weight: 600; color: var(--agt-grafit); }
.agt-bulgu-dugme-dizisi { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.agt-bulgu-dugme-dizisi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--agt-celik); color: var(--agt-metin); font: inherit; font-size: 15px; text-align: left; clip-path: var(--agt-pah-dugme); cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri), box-shadow var(--agt-sure) var(--agt-egri); }
.agt-bulgu-dugme-dizisi button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--agt-grafit); color: var(--agt-beyaz); font-family: var(--agt-f-sayi); font-size: 12px; font-weight: 700; clip-path: inset(0 round 4px); }
.agt-bulgu-dugme-dizisi button:hover { background: var(--agt-celik-3); color: var(--agt-grafit); }
.agt-bulgu-dugme-dizisi button[aria-pressed="true"] { background: var(--agt-beyaz); color: var(--agt-grafit); box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-bulgu-dugme-dizisi button[aria-pressed="true"] span { background: var(--agt-limon); }
.agt-bulgu-dugme-dizisi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-grafit); }
.agt-bulgu-durumu { min-height: 3em; margin: var(--agt-a4) 0; color: var(--agt-gri); font-size: 14px; }
.agt-bulgu-durumu b { color: var(--agt-grafit); }
/* Neden AssistGrup.tr: dört plaka + katlanır fark dökümü. */
.agt-sebep-tabelalari h3 { margin: var(--agt-a3) 0 6px; }
.agt-sebep-tabelalari p { margin: 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); }
.agt-kose-simge { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--agt-celik); color: var(--agt-grafit); clip-path: inset(0 round 4px); }
.agt-fark-akisi { padding: 18px 22px; }
.agt-fark-akisi summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
.agt-fark-akisi summary::-webkit-details-marker { display: none; }
.agt-fark-akisi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--agt-grafit); -webkit-mask: var(--agt-m-asagi) center / contain no-repeat; mask: var(--agt-m-asagi) center / contain no-repeat; }
.agt-fark-akisi[open] summary::after { transform: rotate(180deg); background: var(--agt-limon); }
.agt-fark-akisi dl { display: grid; margin: var(--agt-a4) 0 0; }
.agt-fark-akisi dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--agt-cizgi-ince); }
@media (min-width: 720px) { .agt-fark-akisi dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.agt-fark-akisi dt { color: var(--agt-gri); text-decoration: line-through; text-decoration-color: var(--agt-cizgi-sert); }
.agt-fark-akisi dd { margin: 0; color: var(--agt-metin); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.agt-kent-tabelasi-basi { display: grid; gap: var(--agt-a5); margin-bottom: var(--agt-a5); }
@media (min-width: 900px) { .agt-kent-tabelasi-basi { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.agt-kent-tabelasi-basi h2 { margin: 0 0 8px; }
.agt-kent-tabelasi-basi p { margin: 0; color: var(--agt-gri); }
.agt-kent-olculeri { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--agt-cizgi-sert); background: var(--agt-beyaz); }
.agt-kent-olculeri div { display: flex; flex-direction: column; padding: 12px 18px; }
.agt-kent-olculeri div + div { border-left: 1px solid var(--agt-cizgi); }
.agt-kent-olculeri dd { margin: 0; font-family: var(--agt-f-sayi); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--agt-grafit); font-variant-numeric: tabular-nums; }
.agt-kent-olculeri dt { margin-top: 6px; font-family: var(--agt-f-baslik); font-size: 12.5px; font-weight: 600; color: var(--agt-gri); }
.agt-kent-akisi { margin-top: var(--agt-a4); }
.agt-kent-akisi summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--agt-f-baslik); font-weight: 600; color: var(--agt-grafit); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#kamu-hat + .agt-tabela-gibi { margin-top: var(--agt-bolum); }
.agt-cift-sol > .agt-tabela-hucre > .agt-hucre-basi + .agt-saha-aciklama { margin-top: calc(var(--agt-a3) * -1); }
.agt-cift-sol > .agt-tabela-hucre > p { max-width: 68ch; }
.agt-cift-sol > .agt-tabela-hucre > .agt-tabelalar--aygit { margin-top: var(--agt-a2); }
.agt-tabela-hucre .agt-yogun-aranan-satiri .agt-yogun-tabelalar { margin: 0; }

/* --- Hareket azaltma, yazdırma ------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .agt-tepe-tabela, .agt-taban-tabela, .agt-tabela-gozme, .agt-tabela-gozme-ortusu, .agt-cerez-tabelasi, .agt-son-tabela-dilimi, .agt-bul-tabela, .agt-gecis-cubugu { display: none !important; }
  .agt-gecis-tabelasi[hidden] { display: block !important; }
  .agt-ariza-acilir-ayrinti { display: block; }
  .agt-katlanan-tabela > summary::after { display: none; }
}

/* ==========================================================================
   §40–§41 İL HARİTASI (il ve ilçeler: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Plaka dili: köşe 0, pahlı düğme ve
   seçici, 1 px çizgi, gölge yok; limon YALNIZ üzerine gelinen, odaklanan
   ya da listeden vurgulanan ildedir/ilçededir.
   ========================================================================== */
/* --- §40 Kap ve üst satır: Bütün iller · il seçici · durum --------------- */
.agt-kent-semasi { margin: var(--agt-a4) 0 var(--agt-a6); border-top: 1px solid var(--agt-cizgi); border-bottom: 1px solid var(--agt-cizgi-ince); }
.agt-kent-semasi[hidden] { display: none; }
.agt-kent-semasi-basi { display: flex; flex-wrap: wrap; align-items: end; gap: var(--agt-a3) var(--agt-a4); padding: var(--agt-a3) 0; border-bottom: 1px solid var(--agt-cizgi-ince); }
.agt-kent-semasi-geri { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--agt-beyaz); color: var(--agt-grafit); box-shadow: inset 0 0 0 1.5px var(--agt-grafit); clip-path: var(--agt-pah-dugme); font: 600 15px/1 var(--agt-f-baslik); cursor: pointer; transition: background-color var(--agt-sure) var(--agt-egri), color var(--agt-sure) var(--agt-egri); }
.agt-kent-semasi-geri[hidden] { display: none; }
.agt-kent-semasi-geri svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.agt-kent-semasi-geri:hover { background: var(--agt-grafit); color: var(--agt-beyaz); }
.agt-kent-semasi-geri:focus-visible, .agt-kent-semasi-kent-kutusu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--agt-limon); }
.agt-kent-semasi-kent { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.agt-kent-semasi-kent label { font-family: var(--agt-f-baslik); font-size: var(--agt-y-etiket); font-weight: 600; color: var(--agt-grafit); }
.agt-kent-semasi-kent-kutusu { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--agt-cizgi-sert); clip-path: var(--agt-pah-dugme); color: var(--agt-metin); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--agt-beyaz) right 12px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312161C' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.agt-kent-semasi-durum { flex: 1 1 100%; margin: 0; color: var(--agt-gri); font-size: var(--agt-y-kucuk); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .agt-kent-semasi-durum { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, limon yalnız etkin alan --- */
.agt-kent-semasi-orta { display: grid; gap: var(--agt-a4); padding-top: var(--agt-a4); }
.agt-kent-semasi-tuval { min-width: 0; transition: opacity var(--agt-sure) var(--agt-egri); }
.agt-kent-semasi-tuval svg { display: block; width: 100%; height: auto; }
.agt-kent-semasi-bolge { fill: var(--agt-celik-2); stroke: var(--agt-beyaz); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--agt-sure) var(--agt-egri); }
.agt-tabela-dilimi--metal .agt-kent-semasi-bolge { fill: var(--agt-beyaz); stroke: var(--agt-cizgi); }
.agt-kent-semasi-bolge:hover, .agt-kent-semasi-bolge:focus, .agt-kent-semasi-bolge.agt-kent-semasi-bolge--vurgu { fill: var(--agt-limon); outline: none; }
.agt-kent-semasi--yukleniyor .agt-kent-semasi-tuval { opacity: 0.4; cursor: progress; }
.agt-kent-semasi-kenar { min-width: 0; border-top: 1px solid var(--agt-cizgi); }
.agt-kent-semasi-kenar[hidden] { display: none; }
.agt-kent-semasi-kenar-basi { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--agt-cizgi-ince); font-family: var(--agt-f-baslik); font-size: 1.125rem; font-weight: 600; }
.agt-kent-semasi-kenar-basi a { color: var(--agt-grafit); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.agt-kent-semasi-kenar-basi a:hover { text-decoration-color: var(--agt-limon); }
.agt-kent-semasi-ilceler { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--agt-oluk); }
.agt-kent-semasi-ilceler li { break-inside: avoid; }
.agt-kent-semasi-ilceler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--agt-cizgi-ince); color: var(--agt-metin); text-decoration: none; }
.agt-kent-semasi-ilceler a:hover, .agt-kent-semasi-ilceler a:focus-visible { outline: none; color: var(--agt-limon); border-bottom-color: var(--agt-limon); }
@media (min-width: 1080px) {
  .agt-kent-semasi--kent-acik .agt-kent-semasi-orta { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .agt-kent-semasi--kent-acik.agt-kent-semasi--dar .agt-kent-semasi-orta { grid-template-columns: minmax(0, 1fr) 240px; }
  .agt-kent-semasi-ilceler { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .agt-kent-semasi-bolge, .agt-kent-semasi-tuval, .agt-kent-semasi-geri { transition: none; } }
@media print { .agt-kent-semasi { display: none !important; } }

/* --- 21 İmza (Faz 5): koyu üst bant, çelik giriş dilimi, kalın taban düğme ----
   Köşe: yuvarlak 12 px plaka, 6 px düğme, 2 px köşe imi kare (pah yok).
   Gölge: düğmenin altında 4 px sert taban (limon koyusu); plaka gölgesiz.
   Üst bant: grafit zemin, açık logo, etkin menüde limon-açık alt çizgi.
   Giriş: çelik dilim içinde dev Sofia Sans Condensed 800 manşet. */
.agt-tepe-tabela::after { background: var(--agt-limon-isik); }
.agt-tepe-tabela-gezinti > li > a { color: var(--agt-celik-2); }
.agt-tepe-tabela-gezinti > li > a:hover { color: var(--agt-beyaz); }
.agt-tepe-tabela-gezinti > li > a[aria-current] { color: var(--agt-beyaz); box-shadow: inset 0 -3px 0 var(--agt-limon-isik); }
.agt-tepe-tabela-tel { color: var(--agt-beyaz); }
.agt-tepe-tabela-tel:hover { color: var(--agt-limon-isik); }
.agt-tepe-tabela-tel svg { color: var(--agt-limon-isik); }
.agt-tepe-tabela .agt-kose-dugme--cizgili { color: var(--agt-beyaz); box-shadow: inset 0 0 0 1.5px var(--agt-gri-acik); }
.agt-tepe-tabela .agt-kose-dugme--cizgili:hover { background: var(--agt-beyaz); color: var(--agt-grafit); }
.agt-tepe-tabela .agt-kose-dugme--sade { color: var(--agt-celik-2); }
.agt-tepe-tabela .agt-kose-dugme--sade:hover { background: #2c3d3b; }
.agt-kose-dugme { clip-path: none; border-radius: 6px; }
.agt-kose-dugme--limon { box-shadow: 0 4px 0 var(--agt-limon-bas); }
.agt-kose-dugme--limon:hover { box-shadow: 0 2px 0 var(--agt-limon-bas); transform: translateY(2px); }
.agt-giris-dilimi { background: var(--agt-celik); padding-bottom: var(--agt-a7); border-bottom: 1px solid var(--agt-cizgi); }
.agt-tabela-sahne { font-family: var(--agt-f-baslik); font-weight: 800; font-size: clamp(2.5rem, 1.6rem + 4.2vw, 5rem); line-height: 0.98; letter-spacing: -0.01em; }