/* AiATA lansman sayfası
   Yerleşim: lacivert girişte slogan ve canlı onay masası; açık bölümlerde departmanlar, onay sınırı,
   işleyiş ve güven; lacivert ölçek bandı; en sonda Bilgi İste formu.
   Renkler kurumsal renklerden (ADR-0009) ve tanıtım ekranlarının paletinden (araclar/tanitim/ortak.mjs) gelir.
   Kırmızı yalnızca vurgu ve yapay zekâ işaretidir; lacivert birincil renktir. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fontlar/inter-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fontlar/inter-latin.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;
}

:root {
  /* Kurumsal renkler */
  --lacivert: #030A30;
  --lacivert-2: #1B2350;
  --gece-isik: #17256E;
  --kirmizi: #E30A30;

  /* Arayüz renkleri */
  --zemin: #F3F4F8;
  --yuzey: #FFFFFF;
  --cizgi: #E2E5EE;
  --cizgi-2: #EEF0F5;
  --girdi-cizgi: #C9CEDD;
  --metin: #0B1020;
  --metin-2: #4A5168;
  --soluk: #6B728A;
  --vurgu: #EEF0F8;
  --basari: #157F3D;
  --basari-z: #E6F4EC;
  --uyari: #9A5800;
  --uyari-z: #FFF3DC;
  --kritik: #B42318;
  --kritik-z: #FDEBE9;
  --bilgi: #2A4BA8;
  --bilgi-z: #EAF0FC;
  /* Lacivert zemin üzerindeki anlam renkleri */
  --basari-acik: #5BD08A;
  --uyari-acik: #F5B54A;

  /* Lacivert zemin üzerindeki renkler */
  --acik-metin: #FFFFFF;
  --acik-metin-2: #C3C8DD;
  --acik-cizgi: rgb(255 255 255 / 0.16);
  --acik-yuzey: rgb(255 255 255 / 0.06);

  /* Yazı */
  --yazi: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --b-xxs: 0.75rem;
  --b-xs: 0.8125rem;
  --b-s: 0.9375rem;
  --b-m: 1.0625rem;
  --b-l: 1.25rem;
  --b-xl: 1.5rem;
  --b-2xl: clamp(1.9rem, 1.3rem + 2.4vw, 3rem);
  --b-3xl: clamp(2.5rem, 1.5rem + 4vw, 4.4rem);

  /* Ölçüler */
  --genislik: 76rem;
  --kenar: clamp(1rem, 4vw, 2.5rem);
  --ust-yukseklik: 4rem;

  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--zemin);
  color: var(--metin);
  font-family: var(--yazi);
  font-size: var(--b-m);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "cv11";
}

h1, h2, h3 {
  margin: 0;
  line-height: 1.12;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
p { margin: 0; }
/* Bileşenlerin display kuralları hidden özniteliğini ezmesin */
[hidden] { display: none !important; }
img { max-width: 100%; height: auto; }
a { color: var(--bilgi); }

:focus-visible {
  outline: 3px solid var(--bilgi);
  outline-offset: 3px;
  border-radius: 6px;
}
.ust :focus-visible,
.giris :focus-visible,
.olcek :focus-visible { outline-color: var(--acik-metin); }

[id] { scroll-margin-top: calc(var(--ust-yukseklik) + 1rem); }

.kapsayici {
  width: 100%;
  max-width: var(--genislik);
  margin-inline: auto;
  padding-inline: var(--kenar);
}

.atla {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 50;
  padding: 0.6rem 1rem;
  border-radius: 8px;
  background: var(--yuzey);
  color: var(--lacivert);
  font-weight: 700;
}
.atla:focus { top: 1rem; }

/* ---------- Düğmeler ---------- */

.dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.6rem 1.15rem;
  border: 1px solid transparent;
  border-radius: 10px;
  font: 600 var(--b-s)/1.1 var(--yazi);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.dugme:disabled { cursor: default; opacity: 0.7; }
.dugme-buyuk { min-height: 3.25rem; padding-inline: 1.5rem; font-size: var(--b-m); }

.dugme-birincil { background: var(--lacivert); color: var(--acik-metin); }
.dugme-birincil:hover:not(:disabled) { background: var(--lacivert-2); }

.dugme-beyaz { background: var(--yuzey); color: var(--lacivert); }
.dugme-beyaz:hover { background: var(--vurgu); }

.dugme-cizgili-acik { background: transparent; color: var(--acik-metin); border-color: var(--acik-cizgi); }
.dugme-cizgili-acik:hover { border-color: var(--acik-metin); background: var(--acik-yuzey); }

.dugme-ikincil { background: var(--yuzey); color: var(--metin); border-color: var(--cizgi); }
.dugme-ikincil:hover { border-color: var(--metin-2); }

/* ---------- Üst çubuk ---------- */

.ust {
  position: sticky;
  top: env(safe-area-inset-top, 0px);
  z-index: 30;
  background: var(--lacivert);
  border-bottom: 1px solid var(--acik-cizgi);
}
.ust-ic {
  display: flex;
  align-items: center;
  gap: 2rem;
  min-height: var(--ust-yukseklik);
}
.logo { display: inline-flex; flex: none; }
.logo img { width: 7.2rem; height: auto; }
.ust-menu { display: flex; gap: 1.75rem; margin-left: auto; }
.ust-menu a,
.ust-baglanti {
  color: var(--acik-metin-2);
  font-size: var(--b-s);
  font-weight: 500;
  text-decoration: none;
}
.ust-menu a:hover,
.ust-baglanti:hover { color: var(--acik-metin); }
.ust-eylemler { display: flex; align-items: center; gap: 1.25rem; }

@media (max-width: 920px) {
  .ust-menu { display: none; }
  .ust-eylemler { margin-left: auto; }
}
@media (max-width: 420px) {
  .ust-baglanti { display: none; }
}

/* ---------- Giriş ---------- */

.giris {
  background:
    radial-gradient(60rem 36rem at 92% -12%, var(--gece-isik), transparent 70%),
    var(--lacivert);
  color: var(--acik-metin);
  padding-block: clamp(2rem, 4vw, 3rem) clamp(3.5rem, 7vw, 6rem);
  overflow: hidden;
  position: relative;
  isolation: isolate;
}


.giris-ic {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 31rem);
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: start;
}
.giris-metin { min-width: 0; }

.yz-etiketi {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: var(--acik-yuzey);
  border: 1px solid var(--acik-cizgi);
  font-size: var(--b-xs);
  font-weight: 600;
}
.yz-etiketi i,
.yz-aciklama i,
.ajan i {
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--kirmizi);
}

.giris h1 {
  margin-top: 1.5rem;
  font-size: var(--b-3xl);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.04em;
}
.kirmizi-cizgi {
  display: block;
  width: 5rem;
  height: 0.5rem;
  margin-top: 1.75rem;
  border-radius: 999px;
  background: var(--kirmizi);
}
.giris-slogan {
  margin-top: 1.5rem;
  font-size: clamp(1.3rem, 1rem + 1.1vw, 1.8rem);
  font-weight: 500;
  letter-spacing: -0.015em;
  color: var(--acik-metin-2);
}
.giris-slogan strong { color: var(--acik-metin); font-weight: 700; }
.giris-aciklama {
  margin-top: 1.25rem;
  max-width: 36rem;
  color: var(--acik-metin-2);
}
.giris-eylemler {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2.25rem;
}

@media (max-width: 1040px) {
  .giris-ic { grid-template-columns: minmax(0, 1fr); }
  .masa { max-width: 34rem; }
}

/* ---------- Onay masası (giriş örneği) ---------- */

.masa {
  min-width: 0;
  background: var(--yuzey);
  color: var(--metin);
  border-radius: 16px;
  box-shadow: 0 40px 90px -40px rgb(0 0 0 / 0.75), 0 0 0 1px var(--acik-cizgi);
  overflow: hidden;
}
.masa:focus { outline: none; }

.masa-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--cizgi);
}
.masa-baslik { font-size: var(--b-m); font-weight: 700; letter-spacing: -0.01em; }
.masa-alt { font-size: var(--b-xs); color: var(--metin-2); }
.ornek-rozet {
  flex: none;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  background: var(--vurgu);
  color: var(--metin-2);
  font-size: var(--b-xxs);
  font-weight: 600;
}

.masa-sayaclar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid var(--cizgi);
}
.sayac { display: grid; gap: 0.15rem; padding: 0.85rem 1.25rem; }
.sayac + .sayac { border-left: 1px solid var(--cizgi); }
.sayac-deger {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.sayac-otonom .sayac-deger { color: var(--basari); }
.sayac-bekliyor .sayac-deger { color: var(--uyari); }
.sayac-etiket { font-size: var(--b-xs); line-height: 1.35; color: var(--metin-2); }

.masa-bolum {
  padding: 0.95rem 1.25rem 0.55rem;
  font-size: var(--b-xxs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--metin-2);
}

.bekleyenler {
  display: grid;
  align-content: start;
  gap: 0.6rem;
  min-height: 19.5rem;
  padding-inline: 1.25rem;
}

.onay-karti {
  position: relative;
  display: grid;
  gap: 0.35rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  background: var(--yuzey);
}
.onay-karti > :not(.muhur) { transition: opacity 0.3s; }
.kart-ust,
.kart-satir,
.kart-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.kart-satir { align-items: baseline; }
.ajan {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  background: var(--vurgu);
  font-size: var(--b-xxs);
  font-weight: 600;
}
.ajan i { width: 0.42rem; height: 0.42rem; }
.kart-departman { font-size: var(--b-xxs); font-weight: 600; color: var(--metin-2); }
.kart-satir h3 { min-width: 0; font-size: var(--b-s); font-weight: 700; letter-spacing: -0.01em; }
.kart-tutar {
  flex: none;
  font-size: var(--b-s);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.kart-ayrinti { font-size: var(--b-xs); line-height: 1.45; color: var(--metin-2); }
.kart-gerekce {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  font-size: var(--b-xs);
  line-height: 1.45;
  color: var(--metin-2);
}
.kart-alt { margin-top: 0.25rem; }
.kart-onaylayan { min-width: 0; font-size: var(--b-xxs); color: var(--metin-2); }

.durum {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.5rem;
  border-radius: 6px;
  font-size: var(--b-xxs);
  font-weight: 600;
}
.durum-uyari { background: var(--uyari-z); color: var(--uyari); }
.durum-kritik { background: var(--kritik-z); color: var(--kritik); }
.durum-bilgi { background: var(--bilgi-z); color: var(--bilgi); }

.dugme-onay {
  flex: none;
  min-height: 2.25rem;
  padding: 0.4rem 0.95rem;
  border-radius: 8px;
  background: var(--lacivert);
  color: var(--acik-metin);
  font-size: var(--b-xs);
}
.dugme-onay:hover:not(:disabled) { background: var(--lacivert-2); }

/* Mühür: yöneticinin onayı kaşe gibi basılır */
.muhur {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  visibility: hidden;
}
.muhur span {
  display: grid;
  justify-items: center;
  gap: 0.15rem;
  padding: 0.45rem 1.1rem 0.5rem;
  border: 3px solid currentColor;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px var(--yuzey), inset 0 0 0 3.5px currentColor;
  background: rgb(255 255 255 / 0.9);
  color: var(--basari);
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.14em;
  transform: rotate(-7deg);
}
.muhur small {
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.onay-karti.onaylandi .muhur { visibility: visible; }
.onay-karti.onaylandi .muhur span { animation: muhur-bas 0.5s cubic-bezier(0.2, 0.8, 0.3, 1.25) both; }
.onay-karti.onaylandi > :not(.muhur) { opacity: 0.28; }
.onay-karti.yeni { animation: kart-giris 0.45s ease-out both; }
.onay-karti.kapaniyor { animation: kart-cikis 0.4s ease-in forwards; }

@keyframes muhur-bas {
  0% { opacity: 0; transform: rotate(-7deg) scale(1.9); }
  60% { opacity: 1; transform: rotate(-7deg) scale(0.94); }
  100% { opacity: 1; transform: rotate(-7deg) scale(1); }
}
@keyframes kart-giris {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
@keyframes kart-cikis {
  to { opacity: 0; transform: translateX(18px); }
}

.akis {
  display: grid;
  margin: 0;
  padding: 0 1.25rem;
  list-style: none;
}
.akis li {
  display: grid;
  grid-template-columns: 2.6rem 5.2rem minmax(0, 1fr) 1rem;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.35rem;
  border-top: 1px solid var(--cizgi-2);
  font-size: var(--b-xs);
}
.akis li.yeni { animation: satir-giris 0.5s ease-out; }
.akis-saat { color: var(--metin-2); font-variant-numeric: tabular-nums; }
.akis-departman {
  overflow: hidden;
  font-size: var(--b-xxs);
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.akis-is { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.akis-isaret { display: grid; place-items: center; color: var(--basari); }
.akis li.onay-satiri .akis-is { font-weight: 600; }
.akis li.onay-satiri .akis-isaret { color: var(--lacivert); }

@keyframes satir-giris {
  from { opacity: 0; transform: translateY(-6px); background: var(--basari-z); }
  to { opacity: 1; transform: none; background: transparent; }
}

.masa-ipucu {
  margin-top: 0.6rem;
  padding: 0.75rem 1.25rem 0.9rem;
  border-top: 1px solid var(--cizgi);
  background: var(--zemin);
  font-size: var(--b-xxs);
  color: var(--metin-2);
}

@media (max-width: 480px) {
  .akis li { grid-template-columns: 4.6rem minmax(0, 1fr) 1rem; }
  .akis-saat { display: none; }
  .kart-alt { flex-wrap: wrap; }
}

/* ---------- Bölümler ---------- */

.bolum { padding-block: clamp(4rem, 8vw, 6.5rem); }
.bolum-yuzey {
  background: var(--yuzey);
  border-block: 1px solid var(--cizgi);
}
.bolum h2 { font-size: var(--b-2xl); font-weight: 700; }
.bolum-basi {
  display: grid;
  gap: 1rem;
  max-width: 50rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}
.bolum-giris { max-width: 42rem; font-size: var(--b-l); color: var(--metin-2); }

.ust-etiket {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: var(--b-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--metin-2);
}
.ust-etiket::before {
  content: "";
  width: 1.5rem;
  height: 0.25rem;
  border-radius: 999px;
  background: var(--kirmizi);
}
.ust-etiket-acik { color: var(--acik-metin-2); }

.yz-aciklama {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: var(--b-s);
  color: var(--metin-2);
}

/* ATA bölümü ve konsol */
.ata-ic {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 32rem);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}
.ata-metin { display: grid; gap: 1rem; min-width: 0; }
.ata-adi { letter-spacing: 0.02em; }
/* Logodaki i noktası gibi: başlığı kırmızı noktayla bitirir */
.kirmizi-nokta { color: var(--kirmizi); font-weight: 800; }
.ata-ozellikler {
  display: grid;
  gap: 0.85rem;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
}
.ata-ozellikler li {
  display: grid;
  grid-template-columns: 0.5rem minmax(0, 1fr);
  gap: 0.85rem;
  color: var(--metin-2);
}
.ata-ozellikler li::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  margin-top: 0.6rem;
  border-radius: 50%;
  background: var(--kirmizi);
}
.ata-ozellikler strong { color: var(--metin); }

.konsol {
  display: grid;
  gap: 1rem;
  min-width: 0;
  padding: 1.25rem;
  border-radius: 16px;
  background:
    radial-gradient(30rem 18rem at 100% 0%, var(--gece-isik), transparent 70%),
    var(--lacivert);
  color: var(--acik-metin);
  box-shadow: 0 40px 90px -40px rgb(3 10 48 / 0.6);
}
.konsol-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.konsol-baslik {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.konsol-baslik i,
.konsol-kim i {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--kirmizi);
}
.mod-anahtari {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.35rem 0.8rem 0.35rem 0.4rem;
  border: 1px solid var(--acik-cizgi);
  border-radius: 999px;
  background: transparent;
  color: var(--acik-metin);
  font: 600 var(--b-xs)/1 var(--yazi);
  cursor: pointer;
}
.mod-anahtari-iz {
  position: relative;
  flex: none;
  width: 2.25rem;
  height: 1.3rem;
  border-radius: 999px;
  background: rgb(255 255 255 / 0.22);
  transition: background-color 0.2s;
}
.mod-anahtari-iz span {
  position: absolute;
  top: 0.15rem;
  left: 0.15rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--acik-metin);
  transition: transform 0.2s;
}
.mod-anahtari[aria-checked="true"] .mod-anahtari-iz { background: var(--basari-acik); }
.mod-anahtari[aria-checked="true"] .mod-anahtari-iz span { transform: translateX(0.95rem); }

.konsol-ust-sag { display: flex; align-items: center; gap: 0.5rem; }
.konsol-tekrar {
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid var(--acik-cizgi);
  border-radius: 50%;
  background: transparent;
  color: var(--acik-metin);
  cursor: pointer;
}
.konsol-tekrar:hover { border-color: var(--acik-metin); }

/* Sohbet: ATA'nın mesajları */
.sohbet {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  height: 34rem;
  overflow-y: auto;
  padding: 0.25rem 0.25rem 0.25rem 0;
  scrollbar-width: thin;
  scrollbar-color: var(--acik-cizgi) transparent;
}
.sohbet-gun {
  align-self: center;
  padding: 0.2rem 0.7rem;
  border-radius: 999px;
  background: var(--acik-yuzey);
  font-size: var(--b-xxs);
  font-weight: 600;
  color: var(--acik-metin-2);
}
.mesaj {
  display: grid;
  gap: 0.35rem;
  max-width: 88%;
  padding: 0.7rem 0.9rem;
  border-radius: 14px;
  font-size: var(--b-s);
  line-height: 1.5;
}
.mesaj p { margin: 0; }
.mesaj-siz {
  align-self: flex-end;
  border-bottom-right-radius: 4px;
  background: var(--acik-metin);
  color: var(--lacivert);
}
.mesaj-siz .mesaj-alt { color: var(--metin-2); }
.mesaj-ata {
  align-self: flex-start;
  border: 1px solid var(--acik-cizgi);
  border-bottom-left-radius: 4px;
  background: var(--acik-yuzey);
}
.mesaj-rapor { border-color: var(--basari-acik); background: rgb(91 208 138 / 0.1); }
.mesaj-kim {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: var(--b-xxs);
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--acik-metin-2);
}
.mesaj-kim i {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--kirmizi);
}
.mesaj-alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem 0.45rem;
  font-size: var(--b-xxs);
  color: var(--acik-metin-2);
}
.mesaj-ajan {
  padding: 0.1rem 0.45rem;
  border: 1px solid var(--acik-cizgi);
  border-radius: 6px;
  font-weight: 600;
  color: var(--acik-metin);
}
.mesaj-saat { font-variant-numeric: tabular-nums; }
.mesaj-durum {
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  font-weight: 700;
}
.mesaj-durum.kendiliginden { background: rgb(91 208 138 / 0.15); color: var(--basari-acik); }
.mesaj-durum.onayli { background: var(--acik-metin); color: var(--lacivert); }
.mesaj-durum.bekliyor { background: rgb(245 181 74 / 0.16); color: var(--uyari-acik); }
.mesaj-durum.rapor { background: var(--basari-acik); color: var(--lacivert); }
.mesaj.yeni { animation: mesaj-giris 0.3s ease-out; }
.mesaj .gizli { display: none !important; }
.mesaj-durum-raporu { max-width: 96%; }
.birim-hareketleri {
  display: grid;
  gap: 0.3rem;
  margin: 0.15rem 0;
  padding: 0;
  list-style: none;
}
.birim-hareketleri li {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr) 0.6rem;
  align-items: start;
  gap: 0.5rem;
  padding: 0.4rem 0.55rem;
  border-radius: 8px;
  background: rgb(255 255 255 / 0.05);
  font-size: var(--b-xs);
  line-height: 1.45;
  animation: mesaj-giris 0.3s ease-out;
}
.hareket-saat { color: var(--acik-metin-2); font-variant-numeric: tabular-nums; }
.hareket-metin { color: var(--acik-metin-2); }
.hareket-metin b { color: var(--acik-metin); }
.hareket-durum {
  width: 0.6rem;
  height: 0.6rem;
  margin-top: 0.3rem;
  border-radius: 50%;
}
.hareket-durum.kendiliginden { background: var(--basari-acik); }
.hareket-durum.onayli { background: var(--acik-metin); box-shadow: 0 0 0 2px rgb(255 255 255 / 0.25); }
.son-durum {
  padding: 0.55rem 0.7rem;
  border: 1px solid rgb(91 208 138 / 0.35);
  border-radius: 10px;
  background: rgb(91 208 138 / 0.1);
}
.soru { font-weight: 700; }
.hizli-yanitlar { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.hizli-yanitlar button {
  padding: 0.35rem 0.75rem;
  border: 1px solid var(--acik-cizgi);
  border-radius: 999px;
  background: transparent;
  color: var(--acik-metin);
  font: 600 var(--b-xs)/1.2 var(--yazi);
  cursor: pointer;
}
.hizli-yanitlar button:hover,
.hizli-yanitlar button.secili { background: var(--acik-metin); color: var(--lacivert); }
@keyframes mesaj-giris { from { opacity: 0; transform: translateY(6px); } }
.mesaj-yaziyor { display: flex; gap: 4px; padding: 0.8rem 0.9rem; }
.mesaj-yaziyor i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--acik-metin-2);
  animation: yaziyor 1s ease-in-out infinite;
}
.mesaj-yaziyor i:nth-child(2) { animation-delay: 0.15s; }
.mesaj-yaziyor i:nth-child(3) { animation-delay: 0.3s; }
@keyframes yaziyor { 50% { opacity: 0.25; transform: translateY(-2px); } }

.konsol-giris {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.55rem 0.55rem 0.55rem 1rem;
  border: 1px solid var(--acik-cizgi);
  border-radius: 12px;
  background: var(--acik-yuzey);
}
.konsol-giris-metin { font-size: var(--b-s); color: var(--acik-metin-2); }
.konsol-giris-metin.yaziyor { color: var(--acik-metin); }
.konsol-giris-metin.yaziyor::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1.05em;
  margin-left: 2px;
  vertical-align: text-bottom;
  background: var(--kirmizi);
  animation: imlec 1s steps(1) infinite;
}
@keyframes imlec { 50% { opacity: 0; } }

.mikrofon {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--acik-cizgi);
  border-radius: 50%;
  background: transparent;
  color: var(--acik-metin);
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.mikrofon:hover { border-color: var(--acik-metin); }
.mikrofon .dalga { display: none; }
.mikrofon.dinliyor { background: var(--kirmizi); border-color: var(--kirmizi); }
.mikrofon.dinliyor svg { display: none; }
.mikrofon.dinliyor .dalga { display: flex; align-items: center; gap: 2px; height: 1rem; }
.dalga i {
  width: 3px;
  height: 40%;
  border-radius: 2px;
  background: var(--acik-metin);
  animation: dalga 0.8s ease-in-out infinite;
}
.dalga i:nth-child(2) { animation-delay: 0.15s; }
.dalga i:nth-child(3) { animation-delay: 0.3s; }
.dalga i:nth-child(4) { animation-delay: 0.45s; }
@keyframes dalga { 50% { height: 100%; } }
.konsol-not { font-size: var(--b-xs); color: var(--acik-metin-2); }

@media (max-width: 1040px) {
  .ata-ic { grid-template-columns: minmax(0, 1fr); }
  .konsol { max-width: 34rem; }
}
@media (max-width: 480px) {
  .mesaj { max-width: 94%; }
  .sohbet { height: 36rem; }
}

/* Departman kartındaki ajan adları */
.departman-ajan {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.15rem;
  font-size: var(--b-xs);
  color: var(--metin-2);
}
.departman-ajan::before {
  content: "";
  flex: none;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--kirmizi);
}

/* İlke */
/* .bolum h2 kuralını geçmesi için bölüm içinde tanımlanır */
.bolum .buyuk-ifade {
  font-size: clamp(2.75rem, 1.4rem + 6vw, 6.25rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.05em;
  color: var(--lacivert);
}
.buyuk-ifade span { display: block; }
.buyuk-ifade b { color: var(--kirmizi); }
.ilke-ikili {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 5vw, 4.5rem);
  margin-top: clamp(2.5rem, 5vw, 4rem);
  padding-top: 2rem;
  border-top: 1px solid var(--cizgi);
}
.ilke-ikili > div { min-width: 0; }
.ilke-ikili h3 { margin-bottom: 0.75rem; font-size: var(--b-l); }
.ilke-ikili p { max-width: 34rem; color: var(--metin-2); }

@media (max-width: 760px) {
  .ilke-ikili { grid-template-columns: minmax(0, 1fr); }
}

/* Departmanlar */
.departmanlar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.departman {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 1.1rem;
  min-width: 0;
  padding: 1.5rem;
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  background: var(--zemin);
}
.departman-ust { display: flex; align-items: center; gap: 0.8rem; }
.departman-simge {
  display: grid;
  place-items: center;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 10px;
  background: var(--lacivert);
  color: var(--acik-metin);
}
.departman h3 { font-size: var(--b-l); }
.departman ul {
  display: grid;
  align-content: start;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.departman li {
  display: grid;
  grid-template-columns: 0.5rem minmax(0, 1fr);
  gap: 0.75rem;
  font-size: var(--b-s);
  color: var(--metin-2);
}
.departman li::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  margin-top: 0.55rem;
  border-radius: 50%;
  background: var(--kirmizi);
}
.departman-onay {
  display: grid;
  grid-template-columns: 1.15rem minmax(0, 1fr);
  gap: 0.6rem;
  padding-top: 1rem;
  border-top: 1px solid var(--cizgi);
  font-size: var(--b-s);
  color: var(--metin-2);
}
.departman-onay svg { margin-top: 0.2rem; color: var(--basari); }
.departman-onay strong { color: var(--metin); }

@media (max-width: 1040px) {
  .departmanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 660px) {
  .departmanlar { grid-template-columns: minmax(0, 1fr); }
}

/* Onay sınırı */
.sinir-ic {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}
.sinir-metin { display: grid; gap: 1rem; }
.sinir-metin > p:not(.ust-etiket) { max-width: 36rem; color: var(--metin-2); }
.kural {
  display: grid;
  gap: 1rem;
  min-width: 0;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border: 1px solid var(--cizgi);
  border-radius: 16px;
  background: var(--yuzey);
  box-shadow: 0 24px 60px -36px rgb(3 10 48 / 0.35);
}
.kural-ust {
  font-size: var(--b-xxs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--metin-2);
}
.kural-cumle { font-size: var(--b-l); font-weight: 500; line-height: 1.9; }
.kural-deger {
  padding: 0.12rem 0.55rem;
  border: 1px solid var(--girdi-cizgi);
  border-radius: 7px;
  background: var(--vurgu);
  color: var(--lacivert);
  font-weight: 700;
  white-space: nowrap;
}
.kural-sonuc { color: var(--basari); font-weight: 700; }
.kural-liste {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kural-liste li {
  padding: 0.38rem 0.7rem;
  border-radius: 8px;
  background: var(--uyari-z);
  color: var(--uyari);
  font-size: var(--b-xs);
  font-weight: 600;
}
.kural-not {
  padding-top: 1rem;
  border-top: 1px solid var(--cizgi);
  font-size: var(--b-xs);
  color: var(--metin-2);
}

@media (max-width: 900px) {
  .sinir-ic { grid-template-columns: minmax(0, 1fr); }
}

/* Nasıl çalışır */
.adimlar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 3vw, 2.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
.adimlar li {
  display: grid;
  align-content: start;
  gap: 0.7rem;
  min-width: 0;
  padding-top: 1.25rem;
  border-top: 2px solid var(--lacivert);
}
.adim-no {
  font-size: var(--b-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--metin-2);
}
.adimlar h3 { font-size: var(--b-xl); }
.adimlar p { color: var(--metin-2); }

@media (max-width: 860px) {
  .adimlar { grid-template-columns: minmax(0, 1fr); }
}

/* Güven */
.guven {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.guven-oge {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 1.1rem;
  padding: 1.5rem;
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  background: var(--zemin);
}
.guven-simge {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 10px;
  background: var(--yuzey);
  color: var(--lacivert);
}
.guven-oge h3 { margin-bottom: 0.45rem; font-size: var(--b-l); }
.guven-oge p { font-size: var(--b-s); color: var(--metin-2); }

@media (max-width: 1040px) {
  .guven { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 660px) {
  .guven { grid-template-columns: minmax(0, 1fr); }
}

/* Dört adım (Nasıl çalışır) */
.adimlar.adimlar-dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1040px) {
  .adimlar.adimlar-dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .adimlar.adimlar-dort { grid-template-columns: minmax(0, 1fr); }
}

/* Başlarken: iki yol */
.yollar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.yol {
  display: grid;
  align-content: start;
  gap: 0.85rem;
  min-width: 0;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--cizgi);
  border-radius: 16px;
  background: var(--yuzey);
}
.yol-etiket {
  font-size: var(--b-xxs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--metin-2);
}
.yol h3 { font-size: var(--b-xl); }
.yol ul {
  display: grid;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.yol li {
  display: grid;
  grid-template-columns: 0.5rem minmax(0, 1fr);
  gap: 0.75rem;
  font-size: var(--b-s);
  color: var(--metin-2);
}
.yol li::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  margin-top: 0.55rem;
  border-radius: 50%;
  background: var(--kirmizi);
}
.yollar-son { margin-top: 1.5rem; font-weight: 600; color: var(--metin); }

@media (max-width: 860px) {
  .yollar { grid-template-columns: minmax(0, 1fr); }
}

/* Ölçek */
.olcek {
  background:
    radial-gradient(50rem 30rem at 8% 110%, var(--gece-isik), transparent 70%),
    var(--lacivert);
  color: var(--acik-metin);
}
.olcek .bolum-giris { color: var(--acik-metin-2); }
.paketler {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.paket {
  display: grid;
  align-content: start;
  gap: 0.6rem;
  min-width: 0;
  padding: 1.5rem;
  border: 1px solid var(--acik-cizgi);
  border-radius: 14px;
  background: var(--acik-yuzey);
}
.paket-kime {
  font-size: var(--b-xxs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--acik-metin-2);
}
.paket h3 { font-size: var(--b-xl); }
.paket p:last-child { font-size: var(--b-s); color: var(--acik-metin-2); }
.sektorler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-top: 2.25rem;
}
.sektorler p { color: var(--acik-metin-2); font-size: var(--b-s); }
.sektorler ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sektorler li {
  padding: 0.4rem 0.9rem;
  border: 1px solid var(--acik-cizgi);
  border-radius: 999px;
  font-size: var(--b-s);
  font-weight: 600;
}

@media (max-width: 860px) {
  .paketler { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Bilgi İste ---------- */

.bilgi-ic {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}
.bilgi-metin { display: grid; gap: 1rem; }
.sonraki-adimlar {
  display: grid;
  gap: 0.9rem;
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: adim;
}
.sonraki-adimlar li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: 0.85rem;
  color: var(--metin-2);
  counter-increment: adim;
}
.sonraki-adimlar li::before {
  content: counter(adim);
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--lacivert);
  color: var(--acik-metin);
  font-size: var(--b-xs);
  font-weight: 700;
}

.form-kutu {
  position: relative;
  min-width: 0;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--cizgi);
  border-radius: 16px;
  background: var(--yuzey);
  box-shadow: 0 24px 60px -36px rgb(3 10 48 / 0.35);
}
.form { display: grid; gap: 1rem; }
.form-satir {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.alan { display: grid; align-content: start; gap: 0.4rem; min-width: 0; }
.alan label { font-size: var(--b-s); font-weight: 600; }
.alan input {
  width: 100%;
  min-height: 3rem;
  padding: 0.7rem 0.9rem;
  border: 1px solid var(--girdi-cizgi);
  border-radius: 10px;
  background: var(--yuzey);
  color: var(--metin);
  font: inherit;
  font-size: 1rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.alan input::placeholder { color: var(--soluk); }
.alan input:focus {
  outline: none;
  border-color: var(--lacivert);
  box-shadow: 0 0 0 3px var(--bilgi-z), 0 0 0 4px var(--bilgi);
}
.alan input[aria-invalid="true"] { border-color: var(--kritik); }
.alan-hata { font-size: var(--b-xs); font-weight: 500; color: var(--kritik); }
.alan-hata:empty { display: none; }

.onay-kutusu {
  display: grid;
  grid-template-columns: 1.15rem minmax(0, 1fr);
  align-items: start;
  gap: 0.7rem;
  font-size: var(--b-s);
  color: var(--metin-2);
}
.onay-kutusu input {
  width: 1.15rem;
  height: 1.15rem;
  margin: 0.2rem 0 0;
  accent-color: var(--lacivert);
}
.onay-kutusu input[aria-invalid="true"] { outline: 2px solid var(--kritik); outline-offset: 2px; }
.onay-kutusu a { color: var(--lacivert); font-weight: 600; }

.bal-kupu {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.form-durum {
  padding: 0.8rem 1rem;
  border-radius: 10px;
  background: var(--kritik-z);
  color: var(--kritik);
  font-size: var(--b-s);
}
.form-durum:empty { display: none; }
.form-gonder { justify-self: start; margin-top: 0.25rem; }

.form-basarili {
  position: relative;
  display: grid;
  gap: 0.75rem;
  padding-block: 4.5rem 1.5rem;
}
.form-basarili:focus { outline: none; }
.form-basarili h3 { font-size: var(--b-2xl); }
.form-basarili p { color: var(--metin-2); }
.muhur-statik { position: absolute; inset: 0 0 auto auto; display: block; visibility: visible; }
.muhur-statik span { animation: muhur-bas 0.5s cubic-bezier(0.2, 0.8, 0.3, 1.25) both; }

@media (max-width: 900px) {
  .bilgi-ic { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .form-satir { grid-template-columns: minmax(0, 1fr); }
  .form-gonder { justify-self: stretch; }
}

/* ---------- Alt bilgi ---------- */

.alt {
  padding-block: 2.5rem;
  border-top: 1px solid var(--cizgi);
  background: var(--yuzey);
}
.alt-ic {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem 2.5rem;
}
.alt-sol { display: grid; gap: 0.5rem; }
.alt-sol img { width: 6rem; }
.alt-sol p { font-size: var(--b-s); color: var(--metin-2); }
.alt-baglantilar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--b-s);
  color: var(--metin-2);
}
.alt-baglantilar a { color: var(--metin-2); }
.alt-baglantilar a:hover { color: var(--metin); }
.powered {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: var(--b-s);
  color: var(--soluk);
}

/* ---------- Oturum Aç penceresi ---------- */

.pencere {
  width: min(32rem, calc(100% - 2rem));
  max-height: calc(100% - 2rem);
  padding: 0;
  border: 1px solid var(--cizgi);
  border-radius: 18px;
  background: var(--yuzey);
  color: var(--metin);
  box-shadow: 0 40px 100px -30px rgb(0 0 0 / 0.6);
  overflow: auto;
}
.pencere::backdrop {
  background: rgb(3 10 48 / 0.72);
  backdrop-filter: blur(4px);
}
.pencere-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem 0.85rem 1.4rem;
  border-bottom: 1px solid var(--cizgi);
}
.pencere-ust img { width: 5rem; }
.kapat {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--metin-2);
  cursor: pointer;
}
.kapat:hover { background: var(--vurgu); color: var(--metin); }

.sim { display: grid; gap: 1.4rem; padding: 1.5rem 1.4rem 1.6rem; }
.sim-baslik { font-size: var(--b-xl); }
.sim-adimlar {
  display: grid;
  gap: 0.85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sim-adimlar li {
  display: grid;
  grid-template-columns: 1.4rem minmax(0, 1fr);
  align-items: start;
  gap: 0.8rem;
  font-size: var(--b-s);
  font-weight: 600;
  color: var(--soluk);
  transition: color 0.2s;
}
.sim-adimlar small {
  display: block;
  font-size: var(--b-xs);
  font-weight: 400;
  color: var(--metin-2);
}
.sim-adimlar li:not(.etkin):not(.tamam) small { visibility: hidden; }
.sim-adimlar li.etkin,
.sim-adimlar li.tamam { color: var(--metin); }
.sim-isaret {
  display: grid;
  place-items: center;
  width: 1.4rem;
  height: 1.4rem;
  margin-top: 0.05rem;
  border: 2px solid var(--cizgi);
  border-radius: 50%;
  color: transparent;
}
.sim-adimlar li.etkin .sim-isaret {
  border-color: var(--cizgi);
  border-top-color: var(--lacivert);
  animation: don 0.8s linear infinite;
}
.sim-adimlar li.tamam .sim-isaret {
  border-color: var(--basari);
  background: var(--basari);
  color: var(--acik-metin);
}
@keyframes don { to { transform: rotate(360deg); } }

.ilerleme {
  height: 6px;
  border-radius: 999px;
  background: var(--vurgu);
  overflow: hidden;
}
.ilerleme span {
  display: block;
  width: var(--oran, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--lacivert);
  transition: width 0.6s ease;
}
.ilerleme-satir {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: -0.6rem;
  font-size: var(--b-xs);
  color: var(--metin-2);
  font-variant-numeric: tabular-nums;
}

.sim-sonuc {
  position: relative;
  display: grid;
  gap: 1rem;
  padding: 2rem 1.4rem 1.6rem;
}
.sim-sonuc h2 {
  font-size: clamp(1.9rem, 1.4rem + 2vw, 2.6rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: var(--lacivert);
}
.sim-sonuc h2:focus { outline: none; }
.sim-sonuc > p:not(.yz-etiketi) { color: var(--metin-2); }
.yz-etiketi-koyu {
  justify-self: start;
  background: var(--vurgu);
  border-color: var(--cizgi);
  color: var(--metin);
}
.sonuc-eylemler { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.5rem; }

.muhur-buyuk {
  inset: 1.1rem 1.1rem auto auto;
  display: block;
  visibility: visible;
}
.muhur-buyuk span {
  color: var(--kirmizi);
  font-size: 1.15rem;
  transform: rotate(8deg);
  animation: muhur-bas-sag 0.55s 0.15s cubic-bezier(0.2, 0.8, 0.3, 1.25) both;
}
@keyframes muhur-bas-sag {
  0% { opacity: 0; transform: rotate(8deg) scale(2); }
  60% { opacity: 1; transform: rotate(8deg) scale(0.94); }
  100% { opacity: 1; transform: rotate(8deg) scale(1); }
}

@media (max-width: 420px) {
  .muhur-buyuk { inset: 0.75rem 0.75rem auto auto; }
  .muhur-buyuk span { font-size: 0.95rem; }
}

/* ---------- Belge sayfası (Aydınlatma Metni) ---------- */

.belge {
  max-width: 48rem;
  padding-block: clamp(2.5rem, 6vw, 4.5rem);
}
.belge h1 { font-size: var(--b-2xl); }
.belge h2 { margin-top: 2.25rem; font-size: var(--b-l); }
.belge p,
.belge ul { margin-top: 0.85rem; color: var(--metin-2); }
.belge ul { display: grid; gap: 0.4rem; padding-left: 1.25rem; }
.belge strong { color: var(--metin); }
.belge-ozet { font-size: var(--b-l); }
.belge-taslak {
  display: inline-block;
  margin-bottom: 1.25rem;
  padding: 0.35rem 0.75rem;
  border-radius: 8px;
  background: var(--uyari-z);
  color: var(--uyari);
  font-size: var(--b-xs);
  font-weight: 700;
}
.belge-tarih { margin-top: 2.5rem; font-size: var(--b-s); }

/* ---------- Hareket azaltma ---------- */

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}