/* ═══════════════════════════════════════════════════════════════════
   UI-K KAMU KABUKLARI (lane web-kamu-kimlik-1009)

   Oturumsuz / halka açık sayfalar (müşteri takip-onay, teklif-al, cari paylaşım/doldurma, araç pasaportu, derin bağlantı,
   onboarding, yasal, imza, hata): `master` layout'unu KULLANMAZ. `back.layouts.ui_k_kamu_kafa` parçası bayrak/çerez AÇIKKEN
   tema betiğini, jetonları (app.css), ortak katmanı (ui-k-belirtec.css + ui-k.css) ve BU dosyayı bağlar.
   Kapalıyken hiçbiri yüklenmez → sayfalar bugünkü gibidir.

   ▸ İKİ KABUK TÜRÜ (`<html data-kamu>`):
       "sade"  marka zeminli (koyu gradyan, iki temada AYNI) ortada TEK KART: hata, teşekkür, kapalı bağlantı, onay, derin bağlantı.
               Giriş sayfasıyla aynı dil (kart zemin üstünde durur; kart koyu temada koyu).
       "sayfa" sakin açık/koyu zeminli belge/form sayfası: üstte marka şeridi, içerik sütunu (onboarding, imza, yasal, pasaport, paylaşım…).
   ▸ KURALLAR: ham renk YOK (yalnız var(--af-*|--k-*) ve color-mix); !important yalnız `!imp:` gerekçeli; cam yalnız üst şerit;
     sınıf/DOM adları korunur (yalnız EKLENİR); ortak ui-k.css'e DOKUNULMAZ (bu dosya ondan SONRA yüklenir).
   ▸ Kapı: tests/Unit/UiKKamuKabuklariTest.
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1 TEMEL ─────────────────────────────────────────────────────── */
html[data-ui="k"][data-kamu] { min-height: 100%; }
html[data-ui="k"][data-kamu] body {
  margin: 0; min-height: 100vh; font-family: var(--k-yazi); color: var(--af-ink-2); background: var(--af-bg); line-height: 1.55;
}
html[data-ui="k"][data-kamu] *, html[data-ui="k"][data-kamu] *::before, html[data-ui="k"][data-kamu] *::after { box-sizing: border-box; }
html[data-ui="k"][data-kamu] a:not(.btn) { color: var(--k-vurgu); }
html[data-ui="k"][data-kamu] a:not(.btn):hover { color: var(--k-vurgu-basili); }
html[data-ui="k"][data-kamu] .text-muted, html[data-ui="k"][data-kamu] .form-text { color: var(--af-muted); }

/* marka imzası (logo yeşil neon KALIR) */
html[data-ui="k"][data-kamu] .kamu-marka { text-align: center; margin: 0 0 22px; }
html[data-ui="k"][data-kamu] .kamu-marka img { width: 168px; height: auto; max-width: 70%; filter: drop-shadow(0 4px 8px color-mix(in srgb, var(--af-ink) 14%, transparent)); }

/* ── 2 SADE KABUK: marka zemini + ortada tek kart ───────────────── */
html[data-ui="k"][data-kamu="sade"] body {
  display: grid; place-items: center; padding: 24px 16px; position: relative; overflow-x: hidden;
  background: linear-gradient(145deg, var(--af-marka-zemin-1) 0%, var(--af-marka-zemin-2) 100%);
}
html[data-ui="k"][data-kamu="sade"] body::before, html[data-ui="k"][data-kamu="sade"] body::after {
  content: ''; position: fixed; border-radius: 50%; pointer-events: none; z-index: 0;
}
html[data-ui="k"][data-kamu="sade"] body::before {
  width: 900px; height: 900px; top: -380px; right: -380px;
  background: radial-gradient(circle, color-mix(in srgb, var(--k-vurgu) 22%, transparent) 0%, transparent 70%);
}
html[data-ui="k"][data-kamu="sade"] body::after {
  width: 700px; height: 700px; bottom: -300px; left: -300px;
  background: radial-gradient(circle, color-mix(in srgb, var(--k-vurgu) 16%, transparent) 0%, transparent 70%);
}
html[data-ui="k"][data-kamu="sade"] body > * { position: relative; z-index: 1; }
html[data-ui="k"][data-kamu="sade"] .container { width: 100%; margin: 0 auto; padding: 0; }
html[data-ui="k"][data-kamu="sade"] .container > .card {
  border-radius: 20px; border: 1px solid color-mix(in srgb, var(--af-surface) 18%, transparent);
  background: var(--af-surface); box-shadow: var(--bs-box-shadow-lg); overflow: hidden;
}
html[data-ui="k"][data-kamu="sade"] .card-body { padding: 2.25rem 2rem; }
html[data-ui="k"][data-kamu="sade"] .card-body h4, html[data-ui="k"][data-kamu="sade"] .card-body h5 {
  font-size: 1.375rem; font-weight: 700; letter-spacing: -0.02em; color: var(--af-ink); margin-bottom: 0.5rem;
}
html[data-ui="k"][data-kamu="sade"] .card-body p { color: var(--af-ink-2); }
html[data-ui="k"][data-kamu="sade"] .card-body .btn { width: 100%; }

/* hata sayfası (errors/ui-k-sayfa): mono kod + tek cümle + iki eylem */
html[data-ui="k"][data-kamu="sade"] .kamu-hata { max-width: 460px; }
html[data-ui="k"][data-kamu] .kamu-hata .kamu-hata-kod {
  font-family: var(--k-mono); font-size: 4rem; font-weight: 700; line-height: 1; letter-spacing: -0.04em; margin: 0 0 0.75rem;
  color: var(--k-vurgu);
}
html[data-ui="k"][data-kamu] .kamu-hata .kamu-hata-mesaj { font-size: 1.125rem; font-weight: 600; line-height: 1.45; color: var(--af-ink); margin: 0 0 1.5rem; }
html[data-ui="k"][data-kamu] .kamu-hata-eylem { display: flex; flex-direction: column; gap: 0.5rem; }
/* Hata/kamu eylem düğmeleri Bootstrap'e BAĞIMLI DEĞİL (hata sayfası yalnız jeton + ortak katmanı yükler) */
html[data-ui="k"][data-kamu] a.kamu-dugme {
  display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; padding: 0 22px;
  border: 1px solid transparent; border-radius: var(--k-yaricap-hap); background: var(--k-vurgu); color: var(--k-vurgu-ustu);
  font-size: 0.9375rem; font-weight: 600; text-decoration: none; transition: background var(--k-hizli);
}
html[data-ui="k"][data-kamu] a.kamu-dugme:hover { background: var(--k-vurgu-basili); color: var(--k-vurgu-ustu); }
html[data-ui="k"][data-kamu] a.kamu-dugme.kamu-dugme-ikincil { background: transparent; color: var(--af-ink); border-color: var(--k-sinir); }
html[data-ui="k"][data-kamu] a.kamu-dugme.kamu-dugme-ikincil:hover { background: var(--k-secili); color: var(--af-ink); }

/* ── 3 SAYFA KABUĞU: açık/koyu zemin, ortada içerik sütunu ───────── */
html[data-ui="k"][data-kamu]:not([data-kamu="sade"]) body { background: var(--af-bg); }
html[data-ui="k"][data-kamu]:not([data-kamu="sade"]) .container { padding-inline: 16px; }
html[data-ui="k"][data-kamu]:not([data-kamu="sade"]) .kamu-marka { margin: 4px 0 18px; }
html[data-ui="k"][data-kamu]:not([data-kamu="sade"]) .kamu-marka img { width: 132px; }

/* ── 4 BELGE SAYFALARI (yasal: gizlilik / hesap silme) ───────────── */
html[data-ui="k"][data-kamu="belge"] body > .wrap {
  max-width: 820px; margin: 24px auto 48px; padding: 36px 40px; background: var(--af-surface);
  border: 1px solid var(--k-kenar); border-radius: 20px; box-shadow: var(--k-parla);
}
html[data-ui="k"][data-kamu="belge"] body > .wrap h1 { font-size: 1.75rem; margin-top: 0; }
html[data-ui="k"][data-kamu="belge"] body > .wrap h2 { font-size: 1.125rem; margin-top: 2rem; }
html[data-ui="k"][data-kamu="belge"] body > .wrap h3 { font-size: 0.9375rem; margin-top: 1.25rem; }
html[data-ui="k"][data-kamu="belge"] body > .wrap p, html[data-ui="k"][data-kamu="belge"] body > .wrap li { color: var(--af-ink-2); line-height: 1.65; }
html[data-ui="k"][data-kamu="belge"] .updated { color: var(--af-muted); font-size: 0.8125rem; font-family: var(--k-mono); }
html[data-ui="k"][data-kamu="belge"] body > .wrap table { width: 100%; border-collapse: collapse; margin: 0.75rem 0; }
html[data-ui="k"][data-kamu="belge"] body > .wrap th, html[data-ui="k"][data-kamu="belge"] body > .wrap td {
  text-align: left; padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--k-kenar); font-size: 0.875rem; vertical-align: top;
}
html[data-ui="k"][data-kamu="belge"] body > .wrap th { color: var(--af-muted); font-weight: 600; }
html[data-ui="k"][data-kamu="belge"] .langbar { display: flex; flex-wrap: wrap; gap: 4px 6px; margin: 0 0 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--k-kenar); }
html[data-ui="k"][data-kamu="belge"] .langbar a {
  margin: 0; padding: 4px 12px; border-radius: var(--k-yaricap-hap); background: var(--k-secili); color: var(--af-ink-2);
  font-size: 0.8125rem; text-decoration: none;
}
html[data-ui="k"][data-kamu="belge"] .langbar a:hover { background: var(--k-vurgu-yumusak); color: var(--k-vurgu-metin); }
html[data-ui="k"][data-kamu="belge"] .lang, html[data-ui="k"][data-kamu="belge"] .lang-en { border-top: 1px solid var(--k-kenar); margin-top: 3rem; padding-top: 0.5rem; }
html[data-ui="k"][data-kamu="belge"] .note, html[data-ui="k"][data-kamu="belge"] .contact {
  background: var(--k-yuzey-2); border: 1px solid var(--k-kenar); border-left: 3px solid var(--k-vurgu); border-radius: var(--k-yaricap-kontrol);
  padding: 12px 16px; font-size: 0.875rem; color: var(--af-ink-2);
}

/* ── 5 İMZA SAYFALARI (agreements/sign, ecmr/sign): yasal belge — içerik DEĞİŞMEZ, yalnız yüzey ───────── */
html[data-ui="k"][data-kamu="imza"] body > .kart, html[data-ui="k"][data-kamu="imza"] .wrap > .card {
  max-width: 680px; margin: 24px auto 48px; padding: 28px; background: var(--af-surface);
  border: 1px solid var(--k-kenar); border-radius: 20px; box-shadow: var(--k-parla);
}
html[data-ui="k"][data-kamu="imza"] body:has(> .kart) { padding: 8px 16px; }
html[data-ui="k"][data-kamu="imza"] .kart h1, html[data-ui="k"][data-kamu="imza"] .wrap > .card h1 { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.02em; color: var(--af-ink); margin: 0 0 4px; }
html[data-ui="k"][data-kamu="imza"] .ref, html[data-ui="k"][data-kamu="imza"] .muted { color: var(--af-muted); font-size: 0.8125rem; margin-bottom: 20px; }
html[data-ui="k"][data-kamu="imza"] .kart table { width: 100%; border-collapse: collapse; margin-bottom: 18px; }
html[data-ui="k"][data-kamu="imza"] .kart td { padding: 10px 6px; border-bottom: 1px solid var(--k-kenar); font-size: 0.875rem; vertical-align: top; color: var(--af-ink-2); }
html[data-ui="k"][data-kamu="imza"] .kart td.k { color: var(--af-muted); width: 42%; }
html[data-ui="k"][data-kamu="imza"] .sol { color: var(--af-muted); }
html[data-ui="k"][data-kamu="imza"] .koyu { color: var(--af-ink-2); }
html[data-ui="k"][data-kamu="imza"] .uyari-metin { color: var(--k-uyari-metin); }
html[data-ui="k"][data-kamu="imza"] .rozet { display: inline-block; padding: 3px 10px; border-radius: var(--k-yaricap-hap); font-size: 0.75rem; font-weight: 600; }
html[data-ui="k"][data-kamu="imza"] .rozet.bekliyor { background: color-mix(in srgb, var(--af-warn) 14%, var(--af-surface)); color: var(--k-uyari-metin); }
html[data-ui="k"][data-kamu="imza"] .rozet.imzali { background: color-mix(in srgb, var(--af-good) 14%, var(--af-surface)); color: var(--k-iyi-metin); }
html[data-ui="k"][data-kamu="imza"] .kart label, html[data-ui="k"][data-kamu="imza"] .wrap > .card label { display: block; font-size: 0.8125rem; font-weight: 600; color: var(--af-ink); margin: 14px 0 6px; }
html[data-ui="k"][data-kamu="imza"] .kart input[type=text], html[data-ui="k"][data-kamu="imza"] .wrap > .card input[type=text] {
  width: 100%; min-height: var(--k-kontrol); padding: 0 14px; border: 1px solid var(--k-sinir); border-radius: var(--k-yaricap-kontrol);
  background: var(--af-surface); color: var(--af-ink); font: inherit; font-size: 1rem;
}
html[data-ui="k"][data-kamu="imza"] .kart input[type=text]:focus, html[data-ui="k"][data-kamu="imza"] .wrap > .card input[type=text]:focus {
  border-color: var(--k-vurgu); box-shadow: 0 0 0 3px var(--k-vurgu-orta); outline: 0;
}
html[data-ui="k"][data-kamu="imza"] .onay, html[data-ui="k"][data-kamu="imza"] .consent { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0; font-size: 0.8125rem; color: var(--af-ink-2); }
html[data-ui="k"][data-kamu="imza"] .onay label, html[data-ui="k"][data-kamu="imza"] .consent label { margin: 0; font-weight: 400; line-height: 1.5; }
html[data-ui="k"][data-kamu="imza"] .onay input[type=checkbox], html[data-ui="k"][data-kamu="imza"] .consent input[type=checkbox] { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--k-vurgu); flex: none; }
html[data-ui="k"][data-kamu="imza"] .kart form > button, html[data-ui="k"][data-kamu="imza"] .wrap > .card form > button {
  width: 100%; min-height: 48px; padding: 0 20px; border: 0; border-radius: var(--k-yaricap-hap); cursor: pointer;
  background: var(--k-vurgu); color: var(--k-vurgu-ustu); font: inherit; font-size: 1rem; font-weight: 600;
  transition: background var(--k-hizli);
}
html[data-ui="k"][data-kamu="imza"] .kart form > button:hover, html[data-ui="k"][data-kamu="imza"] .wrap > .card form > button:hover { background: var(--k-vurgu-basili); }
html[data-ui="k"][data-kamu="imza"] .uyari, html[data-ui="k"][data-kamu="imza"] .hata, html[data-ui="k"][data-kamu="imza"] .basari,
html[data-ui="k"][data-kamu="imza"] .notice {
  border: 1px solid transparent; border-radius: var(--k-yaricap-kontrol); padding: 12px 14px; font-size: 0.8125rem; line-height: 1.5; margin-bottom: 14px;
}
html[data-ui="k"][data-kamu="imza"] .uyari, html[data-ui="k"][data-kamu="imza"] .notice.warning {
  margin-top: 18px; background: color-mix(in srgb, var(--af-warn) 12%, var(--af-surface)); border-color: color-mix(in srgb, var(--af-warn) 30%, transparent); color: var(--k-uyari-metin);
}
html[data-ui="k"][data-kamu="imza"] .hata, html[data-ui="k"][data-kamu="imza"] .notice.error {
  background: color-mix(in srgb, var(--af-crit) 10%, var(--af-surface)); border-color: color-mix(in srgb, var(--af-crit) 30%, transparent); color: var(--k-kritik-metin);
}
html[data-ui="k"][data-kamu="imza"] .basari, html[data-ui="k"][data-kamu="imza"] .notice:not(.warning):not(.error) {
  background: color-mix(in srgb, var(--af-good) 10%, var(--af-surface)); border-color: color-mix(in srgb, var(--af-good) 30%, transparent); color: var(--k-iyi-metin);
}
html[data-ui="k"][data-kamu="imza"] .summary { margin: 18px 0; padding: 14px 16px; background: var(--k-yuzey-2); border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); }
html[data-ui="k"][data-kamu="imza"] .summary .row { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; border-bottom: 1px solid var(--k-kenar); font-size: 0.875rem; }
html[data-ui="k"][data-kamu="imza"] .summary .row:last-child { border-bottom: 0; }
html[data-ui="k"][data-kamu="imza"] .summary .row span { color: var(--af-muted); }
html[data-ui="k"][data-kamu="imza"] .summary .row strong { color: var(--af-ink); text-align: right; font-weight: 600; }
@media (max-width: 520px) { html[data-ui="k"][data-kamu="imza"] .summary .row { display: block; } html[data-ui="k"][data-kamu="imza"] .summary .row strong { display: block; text-align: left; } }

/* ── 6 TEŞEKKÜR (onboarding/tesekkur) ────────────────────────────── */
html[data-ui="k"][data-kamu="sade"] .box {
  width: 100%; max-width: 480px; padding: 2.25rem 2rem; text-align: center; background: var(--af-surface);
  border: 1px solid color-mix(in srgb, var(--af-surface) 18%, transparent); border-radius: 20px; box-shadow: var(--bs-box-shadow-lg);
}
html[data-ui="k"][data-kamu="sade"] .box h1 { font-size: 1.375rem; font-weight: 700; letter-spacing: -0.02em; color: var(--af-ink); margin: 0 0 0.5rem; }
html[data-ui="k"][data-kamu="sade"] .box p { color: var(--af-ink-2); margin: 0 0 0.5rem; }
html[data-ui="k"][data-kamu="sade"] .tik {
  width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; line-height: 64px; font-size: 30px; text-align: center;
  background: color-mix(in srgb, var(--af-good) 14%, var(--af-surface)); color: var(--k-iyi-metin);
}
html[data-ui="k"][data-kamu="sade"] .box a.pdf-dugme {
  display: inline-flex; align-items: center; gap: 6px; min-height: var(--k-dugme); padding: 0 22px; border-radius: var(--k-yaricap-hap);
  background: var(--k-vurgu); color: var(--k-vurgu-ustu); font-weight: 600; text-decoration: none;
}
html[data-ui="k"][data-kamu="sade"] .box a.pdf-dugme:hover { background: var(--k-vurgu-basili); color: var(--k-vurgu-ustu); }
html[data-ui="k"][data-kamu="sade"] .box a:not(.pdf-dugme) { display: inline-block; margin-top: 1rem; font-weight: 600; text-decoration: none; }

/* ── 7 TEKLİF AL (public/teklif-al/*: sohbet + harita; kabul; fiyat farkı) ──────────────────────────
   Sayfa app.css jetonlarını kendisi yükler; burada yalnız yüzey/şekil dili yeni görünüme çekilir. */
html[data-ui="k"][data-kamu] .ta-topbar { border-bottom: 1px solid var(--k-kenar); box-shadow: var(--k-parla); }
html[data-ui="k"][data-kamu] .ta-topbar h1 { font-size: 1.0625rem; font-weight: 650; letter-spacing: -0.015em; }
html[data-ui="k"][data-kamu] .ta-topbar p { color: var(--af-muted); }
html[data-ui="k"][data-kamu] .ta-topbar a { font-weight: 600; text-decoration: none; }
html[data-ui="k"][data-kamu] .ta-chat { border-right: 1px solid var(--k-kenar); }
html[data-ui="k"][data-kamu] .ta-step, html[data-ui="k"][data-kamu] .ta-freeform { border-top-color: var(--k-kenar); }
html[data-ui="k"][data-kamu] .ta-msg { border-radius: 16px; line-height: 1.5; }
html[data-ui="k"][data-kamu] .ta-msg-bot { background: var(--k-yuzey-2); border: 1px solid var(--k-kenar); color: var(--af-ink); }
html[data-ui="k"][data-kamu] .ta-msg-user { background: var(--k-vurgu-yumusak); color: var(--af-ink); border: 1px solid color-mix(in srgb, var(--k-vurgu) 25%, transparent); }
html[data-ui="k"][data-kamu] .ta-chip {
  min-height: 36px; border: 1px solid var(--k-sinir); background: var(--af-surface); color: var(--af-ink); border-radius: var(--k-yaricap-hap);
  transition: background var(--k-hizli), border-color var(--k-hizli);
}
html[data-ui="k"][data-kamu] .ta-chip:hover { border-color: var(--k-vurgu); background: var(--k-vurgu-yumusak); color: var(--k-vurgu-metin); }
html[data-ui="k"][data-kamu] .ta-field label { font-size: 0.75rem; font-weight: 600; color: var(--af-ink-2); }
html[data-ui="k"][data-kamu] .ta-field input, html[data-ui="k"][data-kamu] .ta-field select, html[data-ui="k"][data-kamu] .ta-field textarea {
  min-height: var(--k-kontrol); padding: 8px 12px; border: 1px solid var(--k-sinir); border-radius: var(--k-yaricap-kontrol); background: var(--af-surface); color: var(--af-ink); font: inherit; font-size: 0.9375rem;
}
html[data-ui="k"][data-kamu] .ta-field textarea { min-height: 88px; }
html[data-ui="k"][data-kamu] .ta-btn {
  min-height: var(--k-dugme); padding: 0 18px; border-radius: var(--k-yaricap-hap); background: var(--k-vurgu); color: var(--k-vurgu-ustu);
  font: inherit; font-size: 0.875rem; font-weight: 600; transition: background var(--k-hizli);
}
html[data-ui="k"][data-kamu] .ta-btn:hover:not(:disabled) { background: var(--k-vurgu-basili); }
html[data-ui="k"][data-kamu] .ta-freeform input {
  min-height: var(--k-kontrol); padding: 0 16px; border: 1px solid var(--k-sinir); border-radius: var(--k-yaricap-hap); background: var(--af-surface); color: var(--af-ink); font: inherit; font-size: 0.9375rem;
}
html[data-ui="k"][data-kamu] .ta-freeform .ta-btn { margin-top: 0; }
html[data-ui="k"][data-kamu] .ta-price-card { border: 1px solid var(--k-vurgu-orta); background: var(--k-vurgu-yumusak); border-radius: var(--k-yaricap); }
html[data-ui="k"][data-kamu] .ta-src, html[data-ui="k"][data-kamu] .tk-src { color: var(--af-muted); }
html[data-ui="k"][data-kamu] .ta-map-wrap { border-left: 0; }

html[data-ui="k"][data-kamu] .tk-wrap { max-width: 920px; }
html[data-ui="k"][data-kamu] .tk-head h1 { font-size: 1.75rem; font-weight: 700; letter-spacing: -0.03em; }
html[data-ui="k"][data-kamu] .tk-head .tk-src { font-family: var(--k-mono); font-size: 0.8125rem; }
html[data-ui="k"][data-kamu] .tk-card { border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); box-shadow: var(--k-parla); background: var(--af-surface); }
html[data-ui="k"][data-kamu] #tk-map { border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); }
html[data-ui="k"][data-kamu] .tk-total { letter-spacing: -0.02em; font-feature-settings: 'tnum' 1; }
html[data-ui="k"][data-kamu] .tk-btn { min-height: 44px; padding: 0 22px; border-radius: var(--k-yaricap-hap); font: inherit; font-size: 0.9375rem; font-weight: 600; }
html[data-ui="k"][data-kamu] .tk-btn-accept { background: var(--af-good); color: var(--af-surface); }
html[data-ui="k"][data-kamu] .tk-btn-reject { background: color-mix(in srgb, var(--af-crit) 12%, var(--af-surface)); color: var(--k-kritik-metin); border: 1px solid color-mix(in srgb, var(--af-crit) 30%, transparent); }
html[data-ui="k"][data-kamu] .tk-btn-counter { border: 1px solid var(--k-sinir); }
html[data-ui="k"][data-kamu] .tk-warn { border: 1px solid color-mix(in srgb, var(--af-warn) 30%, transparent); background: color-mix(in srgb, var(--af-warn) 12%, var(--af-surface)); color: var(--k-uyari-metin); border-radius: var(--k-yaricap); }
html[data-ui="k"][data-kamu] .tk-card textarea {
  min-height: 88px; padding: 10px 12px; border: 1px solid var(--k-sinir); border-radius: var(--k-yaricap-kontrol); background: var(--af-surface); color: var(--af-ink); font: inherit;
}
html[data-ui="k"][data-kamu] .tk-card td { border-bottom-color: var(--k-kenar); }

/* ── 8 ONBOARDING FORMU (firma kurulum başvurusu; Bootstrap YOK, kendi sınıfları) ───────────────── */
html[data-ui="k"][data-kamu="sayfa"] .wrap { max-width: 860px; }
html[data-ui="k"][data-kamu="sayfa"] .head { padding: 8px 0 8px; }
html[data-ui="k"][data-kamu="sayfa"] .head h1 { font-size: 1.875rem; font-weight: 700; letter-spacing: -0.03em; color: var(--af-ink); }
html[data-ui="k"][data-kamu="sayfa"] .head p { color: var(--af-muted); }
html[data-ui="k"][data-kamu="sayfa"] .wrap > .card, html[data-ui="k"][data-kamu="sayfa"] form > .card {
  border: 1px solid var(--k-kenar); border-radius: 20px; background: var(--af-surface); box-shadow: var(--k-parla);
}
html[data-ui="k"][data-kamu="sayfa"] .wrap .card h2 { font-size: 1.0625rem; font-weight: 650; letter-spacing: -0.01em; }
html[data-ui="k"][data-kamu="sayfa"] .wrap :is(input[type=text], input[type=email], input[type=number], textarea, select):not(.form-control):not(.form-select) {
  min-height: var(--k-kontrol); border: 1px solid var(--k-sinir); border-radius: var(--k-yaricap-kontrol); background: var(--af-surface); color: var(--af-ink); font-size: 1rem;
}
html[data-ui="k"][data-kamu="sayfa"] .wrap textarea:not(.form-control) { min-height: 96px; }
html[data-ui="k"][data-kamu="sayfa"] .wrap :is(input, textarea, select):not(.form-control):not(.form-select):focus { outline: 0; border-color: var(--k-vurgu); box-shadow: 0 0 0 3px var(--k-vurgu-orta); }
html[data-ui="k"][data-kamu="sayfa"] .wrap label { color: var(--af-ink); }
html[data-ui="k"][data-kamu="sayfa"] .chk { border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap-kontrol); }
html[data-ui="k"][data-kamu="sayfa"] .chk:hover { background: var(--k-vurgu-yumusak); }
html[data-ui="k"][data-kamu="sayfa"] .chk input { accent-color: var(--k-vurgu); width: 18px; height: 18px; }
html[data-ui="k"][data-kamu="sayfa"] .grp-baslik { text-transform: none; letter-spacing: 0.02em; font-family: var(--k-mono); font-size: 0.75rem; color: var(--af-muted); }
html[data-ui="k"][data-kamu="sayfa"] .rozet { border-radius: var(--k-yaricap-hap); }
html[data-ui="k"][data-kamu="sayfa"] .r-hazir { background: color-mix(in srgb, var(--af-good) 14%, var(--af-surface)); color: var(--k-iyi-metin); }
html[data-ui="k"][data-kamu="sayfa"] .r-kisa { background: color-mix(in srgb, var(--af-warn) 14%, var(--af-surface)); color: var(--k-uyari-metin); }
html[data-ui="k"][data-kamu="sayfa"] .r-proje { background: var(--k-secili); color: var(--af-ink-2); }
html[data-ui="k"][data-kamu="sayfa"] .err { border: 1px solid color-mix(in srgb, var(--af-crit) 30%, transparent); background: color-mix(in srgb, var(--af-crit) 10%, var(--af-surface)); color: var(--k-kritik-metin); border-radius: var(--k-yaricap); }
html[data-ui="k"][data-kamu="sayfa"] .wrap .link { color: var(--k-vurgu); }
html[data-ui="k"][data-kamu="sayfa"] .tanitim li::before { color: var(--k-vurgu); }
html[data-ui="k"][data-kamu="sayfa"] .altbilgi a { color: var(--k-vurgu); }

/* ── 9 DAR EKRAN ─────────────────────────────────────────────────── */
@media (max-width: 575.98px) {
  html[data-ui="k"][data-kamu="sade"] .card-body { padding: 1.75rem 1.25rem; }
  html[data-ui="k"][data-kamu="sade"] .box { padding: 1.75rem 1.25rem; }
  html[data-ui="k"][data-kamu="belge"] body > .wrap { margin: 12px auto 32px; padding: 22px 18px; border-radius: 16px; }
  html[data-ui="k"][data-kamu="imza"] body > .kart, html[data-ui="k"][data-kamu="imza"] .wrap > .card { margin: 12px auto 32px; padding: 20px 16px; border-radius: 16px; }
  html[data-ui="k"][data-kamu] .kamu-hata-kod { font-size: 3.25rem; }
}

/* ── 10 YEDEKLER ─────────────────────────────────────────────────── */
@media (prefers-contrast: more) {
  html[data-ui="k"][data-kamu="sade"] .container > .card, html[data-ui="k"][data-kamu="sade"] .box { border-color: var(--af-ink-2); }
}

/* ── 11 SADE KABUKTA BOOTSTRAP KOYU DÜĞME (sefer onay / durum değiştirme): koyu temada koyu-üstü-koyu olmasın → tek vurgu ───────── */
html[data-ui="k"][data-kamu="sade"] .btn-dark {
  --bs-btn-bg: var(--k-vurgu); --bs-btn-border-color: var(--k-vurgu); --bs-btn-color: var(--k-vurgu-ustu);
  --bs-btn-hover-bg: var(--k-vurgu-basili); --bs-btn-hover-border-color: var(--k-vurgu-basili); --bs-btn-hover-color: var(--k-vurgu-ustu);
  --bs-btn-active-bg: var(--k-vurgu-basili); --bs-btn-active-border-color: var(--k-vurgu-basili); --bs-btn-active-color: var(--k-vurgu-ustu);
  background: var(--k-vurgu); border-color: var(--k-vurgu); color: var(--k-vurgu-ustu);
}
html[data-ui="k"][data-kamu="sade"] .btn-dark:hover { background: var(--k-vurgu-basili); border-color: var(--k-vurgu-basili); color: var(--k-vurgu-ustu); }

/* ── 12 BOOTSTRAP KART SAYFALARI (cari paylaşım/doldurma, araç pasaportu): kart = yuvarlak, kırpılı, tek çizgi ───────── */
html[data-ui="k"][data-kamu="sayfa"] .container > .card {
  border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); overflow: hidden; background: var(--af-surface); box-shadow: var(--k-parla);
}
html[data-ui="k"][data-kamu="sayfa"] .container > .card > .card-header { background: var(--k-yuzey-2); border-bottom: 1px solid var(--k-kenar); color: var(--af-ink); }
html[data-ui="k"][data-kamu="sayfa"] .container > .card .table { --bs-table-bg: transparent; margin-bottom: 0; }
html[data-ui="k"][data-kamu="sayfa"] .container > .card .alert-secondary {
  background: var(--k-yuzey-2); border: 1px solid var(--k-kenar); color: var(--af-ink-2); border-radius: var(--k-yaricap-kontrol);
}
html[data-ui="k"][data-kamu="sayfa"] .container > .card .border.rounded { border-color: var(--k-kenar); border-radius: var(--k-yaricap-kontrol); }
html[data-ui="k"][data-kamu="imza"] .wrap > .card .consent label, html[data-ui="k"][data-kamu="imza"] .kart .onay label { font-weight: 400; margin: 0; color: var(--af-ink-2); }

/* ── 13 YAZI AİLESİ: tarayıcı varsayılanı düğme/girdi yazısı (Arial) ve MapLibre'nin Helvetica'sı Inter'e bağlanır ───────── */
html[data-ui="k"][data-kamu] :is(button, input, select, textarea) { font-family: inherit; }
html[data-ui="k"][data-kamu] .maplibregl-ctrl, html[data-ui="k"][data-kamu] .maplibregl-ctrl-attrib-inner, html[data-ui="k"][data-kamu] .maplibregl-popup-content { font-family: var(--k-yazi); }

/* ── 14 BELGE (yasal) SAYFALARI DAR EKRANDA TAŞMAZ: çok sütunlu tablolar kendi içinde kayar, uzun sözcükler kırılır ───────── */
html[data-ui="k"][data-kamu="belge"] body > .wrap { overflow-wrap: anywhere; }
@media (max-width: 767.98px) {
  html[data-ui="k"][data-kamu="belge"] body > .wrap table { display: block; max-width: 100%; overflow-x: auto; }
  html[data-ui="k"][data-kamu="belge"] body > .wrap { padding-inline: 18px; }
}