/* NURLAN AI (2026-10-29, yeniden tasarım 2026-10-30) — tam sayfa + yüzen panel. Renkler uygulamanın tokenlarından. */
.ai-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ai-bos { color: var(--tx3); font-size: 13px; padding: 20px 0; }

/* Logo rozeti: beyaz logo, iki temada da koyu-mor zeminde */
.ai-logo { flex: none; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0D1640 0%, #2A2F9E 55%, #5C5FFF 100%); box-shadow: 0 6px 18px rgba(92, 95, 255, .28); }
.ai-logo img { width: 72%; height: 72%; object-fit: contain; }
.ai-logo.kucuk { width: 30px; height: 30px; border-radius: 9px; box-shadow: none; }
.ai-logo.buyuk { width: 72px; height: 72px; border-radius: 22px; box-shadow: 0 14px 40px rgba(92, 95, 255, .35); }
.ai-marka { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ai-marka-ad { font-weight: 800; letter-spacing: .02em; }
.ai-marka-ad span { color: var(--ac2); }

/* ── Tam sayfa: ekranı doldurur, yalnız mesajlar kayar ── */
#pg-ai.on { display: flex; flex-direction: column; height: 100%; }
#pg-ai .pb { flex: 1 1 auto; min-height: 0; padding: 16px 24px 20px; }
.ai-sayfa { height: 100%; display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; }
#ai-gecmis { min-height: 0; display: flex; flex-direction: column; gap: 4px; background: var(--sf); border: 1px solid var(--bd); border-radius: 16px; padding: 12px; overflow-y: auto; }
.ai-yeni { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; margin-bottom: 8px; }
.ai-gecmis-bas { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--tx3); padding: 6px 10px 4px; }
.ai-gecmis-bos { font-size: 12.5px; color: var(--tx3); padding: 6px 10px; }
.ai-gecmis-satir { text-align: left; background: transparent; border: 0; border-radius: 10px; padding: 9px 10px; color: var(--tx); cursor: pointer; display: flex; flex-direction: column; gap: 2px; font: inherit; font-size: 13px; }
.ai-gecmis-satir span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-gecmis-satir:hover { background: var(--sf3); }
.ai-gecmis-satir.on { background: var(--acd); color: var(--ac2); font-weight: 600; }
.ai-gecmis-satir small { color: var(--tx3); font-size: 11px; font-weight: 400; }
#ai-sayfa-govde { min-width: 0; min-height: 0; display: flex; flex-direction: column; background: var(--sf); border: 1px solid var(--bd); border-radius: 16px; overflow: hidden; }

/* Ortak sohbet gövdesi (sayfa + panel) */
.ai-ust { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-bottom: 1px solid var(--bd); }
.ai-harcama { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--tx2); }
.ai-harcama b { color: var(--tx); font-variant-numeric: tabular-nums; }
.ai-harcama .ai-cubuk { width: 90px; margin: 0; }
.ai-cubuk { height: 6px; background: var(--sf3); border-radius: 3px; overflow: hidden; }
.ai-cubuk > div { height: 100%; }
.ai-gunluk { flex-basis: 100%; background: var(--amd); color: var(--am); border-radius: 10px; padding: 8px 12px; font-size: 12.5px; }

.ai-mesajlar { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 20px 16px; display: flex; flex-direction: column; gap: 16px; }
.ai-mesajlar > * { width: 100%; max-width: 820px; margin-left: auto; margin-right: auto; }
.ai-satir { display: flex; gap: 10px; align-items: flex-start; }
.ai-satir > .ai-msj { flex: 1 1 auto; min-width: 0; }
.ai-msj { border-radius: 14px; padding: 12px 14px; font-size: 14px; line-height: 1.6; }
.ai-msj ul { margin: 6px 0; padding-left: 20px; }
.ai-ben { align-self: flex-end; width: auto !important; max-width: min(80%, 660px) !important; margin-right: max(0px, calc((100% - 820px) / 2)) !important; background: var(--ac2); color: #fff; border-radius: 16px 16px 4px 16px; white-space: pre-wrap; }
.ai-o { background: var(--sf2); border: 1px solid var(--bd); border-radius: 4px 16px 16px 16px; }
.ai-serbest, .ai-oneri { border-color: color-mix(in srgb, var(--am) 55%, transparent); }
.ai-uyari { border-color: var(--am); color: var(--am); }
.ai-yaziyor { display: inline-flex; gap: 5px; align-items: center; padding: 14px 16px; flex: none !important; }
.ai-yaziyor i { width: 7px; height: 7px; border-radius: 999px; background: var(--ac2); opacity: .35; animation: ai-nokta 1.2s infinite ease-in-out; }
.ai-yaziyor i:nth-child(2) { animation-delay: .15s; } .ai-yaziyor i:nth-child(3) { animation-delay: .3s; }
@keyframes ai-nokta { 0%, 80%, 100% { opacity: .35; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce) { .ai-yaziyor i { animation: none; opacity: .7; } }
.ai-rozet { display: inline-block; font-size: 11px; font-weight: 700; border-radius: 6px; padding: 3px 8px; margin-bottom: 8px; }
.ai-yesil { color: var(--gr); background: var(--grd); }
.ai-turuncu { color: var(--am); background: var(--amd); }
.ai-tablo-kutu { overflow-x: auto; border: 1px solid var(--bd); border-radius: 10px; margin-top: 10px; background: var(--sf); }
.ai-tablo { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ai-tablo th { text-align: left; color: var(--tx2); padding: 7px 9px; border-bottom: 1px solid var(--bd2); white-space: nowrap; background: var(--sf2); }
.ai-tablo td { padding: 7px 9px; border-bottom: 1px solid var(--bd); vertical-align: top; }
.ai-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ai-alt { font-size: 12px; color: var(--tx3); margin-top: 4px; }
.ai-model-ad { text-align: right; margin-top: 8px; }
.ai-nereden { margin-top: 8px; font-size: 12px; color: var(--tx3); }
.ai-nereden summary { cursor: pointer; color: var(--ac2); }

/* Boş sohbet: karşılama */
.ai-karsi { margin: auto !important; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 12px 0; }
.ai-karsi h2 { margin: 12px 0 0; font-size: 26px; font-weight: 800; letter-spacing: .01em; }
.ai-karsi h2 span { color: var(--ac2); }
.ai-karsi p { margin: 0 0 14px; font-size: 14px; color: var(--tx2); }
.ai-oneriler { width: 100%; max-width: 640px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ai-oneri-kart { font: inherit; text-align: left; display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--bd2); background: var(--sf2); color: var(--tx); font-size: 13.5px; font-weight: 600; cursor: pointer; transition: border-color .15s, background .15s; }
.ai-oneri-kart:hover { border-color: var(--ac2); background: var(--acd); }
.ai-oneri-kart span { font-size: 18px; flex: none; }

/* Yazma kutusu: düğme kutunun içinde */
.ai-yaz-alan { flex: none; padding: 12px 16px 14px; border-top: 1px solid var(--bd); }
.ai-yaz { max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; gap: 4px; background: var(--bg); border: 1px solid var(--bd2); border-radius: 16px; padding: 8px 8px 8px 14px; transition: border-color .15s, box-shadow .15s; }
.ai-yaz-arac { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ai-yaz-arac .ai-gonder { margin-left: auto; }
/* Model seçimi: yazı kutusunun sol altında açılır liste */
.ai-model-sec { position: relative; min-width: 0; display: inline-flex; }
.ai-model-sec select { appearance: none; -webkit-appearance: none; min-width: 0; max-width: 100%; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--tx2); background: var(--sf3); border: 1px solid var(--bd2); border-radius: 10px; height: 34px; padding: 0 30px 0 12px; cursor: pointer; text-overflow: ellipsis; }
.ai-model-sec::after { content: ''; position: absolute; right: 12px; top: 50%; width: 6px; height: 6px; margin-top: -5px; border-right: 2px solid var(--tx3); border-bottom: 2px solid var(--tx3); transform: rotate(45deg); pointer-events: none; }
.ai-model-sec select:hover { color: var(--tx); border-color: var(--ac2); }
.ai-model-sec select:focus-visible { outline: 2px solid var(--ac2); outline-offset: 1px; }
.ai-model-sec select:disabled { opacity: .6; cursor: default; }
.ai-model-sec option { color: var(--tx); background: var(--sf); }
.ai-yaz:focus-within { border-color: var(--ac2); box-shadow: 0 0 0 3px var(--acd); }
.ai-yaz textarea { min-width: 0; resize: none; font: inherit; font-size: 14px; color: var(--tx); background: transparent; border: 0; outline: none; padding: 6px 6px 4px 0; max-height: 160px; }
.ai-gonder { flex: none; width: 36px; height: 36px; border-radius: 11px; border: 0; background: var(--ac2); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ai-gonder:disabled { opacity: .45; cursor: default; }
.ai-yaz-not { max-width: 820px; margin: 8px auto 0; text-align: center; font-size: 11px; color: var(--tx3); }

/* ── Yüzen düğme + yan panel ── */
#ai-fab { position: fixed; right: 24px; bottom: 24px; z-index: 120; width: 58px; height: 58px; border-radius: 18px; border: 0; padding: 0; background: linear-gradient(135deg, #0D1640 0%, #2A2F9E 55%, #5C5FFF 100%); box-shadow: 0 10px 28px rgba(92, 95, 255, .45); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .15s; }
#ai-fab:hover { transform: translateY(-2px); }
#ai-fab img { width: 62%; height: 62%; object-fit: contain; }
/* Pencere açıkken gizli (Kaydet düğmesini örtmesin) — müşteri/tedarikçi profili HARİÇ: panel orada bağlamla açılır */
body.ai-panel-acik #ai-fab, body:has(.ov.on:not(#mo-prof)) #ai-fab, body:has(#pg-ai.on) #ai-fab { display: none !important; }
body:has(#mo-prof.on) #ai-fab { z-index: 900; } /* .ov 200'ün üstünde kalsın */
#ai-panel { position: fixed; top: 12px; right: 12px; bottom: 12px; width: 460px; max-width: calc(100vw - 24px); z-index: 950; background: var(--sf); border: 1px solid var(--bd2); border-radius: 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); display: none; flex-direction: column; overflow: hidden; }
#ai-panel.on { display: flex; animation: ai-gir .2s ease-out; }
@keyframes ai-gir { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { #ai-panel.on { animation: none; } }
.ai-panel-bas { flex: none; display: flex; align-items: center; gap: 10px; padding: 12px 12px 12px 16px; border-bottom: 1px solid var(--bd); }
.ai-panel-bas .ai-marka { flex: 1 1 auto; }
.ai-panel-bas h2 { margin: 0; font-size: 16px; }
.ai-panel-bas small { display: block; font-size: 11px; color: var(--tx3); font-weight: 500; }
.ai-ikon-dgm { flex: none; width: 38px; height: 38px; border-radius: 10px; border: 0; background: transparent; color: var(--tx2); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ai-ikon-dgm:hover { background: var(--sf3); color: var(--tx); }
#ai-panel-govde { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
#ai-panel-govde .ai-ust { padding: 10px 14px; }
#ai-panel-govde .ai-harcama .ai-cubuk { width: 60px; }
#ai-panel-govde .ai-mesajlar { padding: 16px 14px; }
#ai-panel-govde .ai-oneriler { grid-template-columns: 1fr; }
#ai-panel-govde .ai-karsi h2 { font-size: 21px; }
#ai-panel-govde .ai-yaz-alan { padding: 10px 14px 12px; }
.ai-baglam { flex: none; margin: 10px 14px 0; align-self: flex-start; font-size: 12px; color: var(--ac2); background: var(--acd); border-radius: 999px; padding: 4px 6px 4px 12px; display: flex; align-items: center; gap: 6px; }
.ai-baglam button { width: 22px; height: 22px; border-radius: 999px; border: 0; background: rgba(127, 127, 127, .15); color: inherit; cursor: pointer; }

@media (max-width: 900px) {
  .ai-sayfa { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 10px; }
  #ai-gecmis { flex-direction: row; overflow-x: auto; overflow-y: hidden; padding: 8px; border-radius: 14px; }
  #ai-gecmis .ai-yeni { width: auto; flex: none; margin: 0; padding: 0 14px; }
  .ai-gecmis-bas, .ai-gecmis-bos { display: none; }
  .ai-gecmis-satir { flex: none; max-width: 200px; }
}
@media (max-width: 640px) {
  #pg-ai .pb { padding: 10px 10px 12px; }
  #ai-panel { inset: 0; width: 100vw; max-width: 100vw; border-radius: 0; border: 0; }
  #ai-fab { right: 16px; bottom: calc(20px + env(safe-area-inset-bottom)); }
  /* Ana ekranın sabit alt çubuğu (+ Hızlı İşlem, ~62 px) düğmeyi örtüyordu → üstüne çık */
  body:has(#pg-dash.on #dash-mob-footer) #ai-fab { bottom: calc(80px + env(safe-area-inset-bottom)); }
  .ai-oneriler { grid-template-columns: 1fr; }
  .ai-karsi h2 { font-size: 22px; }
  .ai-ben { max-width: 90% !important; }
  .ai-harcama .ai-cubuk { width: 56px; }
  .ai-satir .ai-logo { display: none; }
  #pg-ai .ph .ai-marka { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; }
  #pg-ai .ph .ai-logo { width: 34px; height: 34px; border-radius: 10px; }
  #pg-ai .ph .ps { display: none; }
  .ai-ust { padding: 8px 10px; flex-wrap: nowrap; }
  .ai-harcama > span { display: none; }
  .ai-yaz textarea { font-size: 16px; } /* iOS 16px altında yakınlaştırır */
}

/* ── Ayarlar → AI (2026-10-30 yeniden tasarım) ── */
.ai-ayarlar { max-width: 1040px; display: flex; flex-direction: column; gap: 16px; }
.ai-ayar { padding: 20px; }
.ai-ayar h3 { margin: 0 0 4px; font-size: 15px; font-weight: 700; }
.ai-ayar h4 { margin: 18px 0 8px; font-size: 12px; font-weight: 700; color: var(--tx3); text-transform: uppercase; letter-spacing: .06em; }
.ai-not { margin: 0 0 12px; font-size: 12.5px; line-height: 1.55; color: var(--tx2); }
.ai-ok { color: var(--gr); } .ai-yok { color: var(--rd); }
.ai-ikili { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 16px; align-items: start; }
.ai-kaydet { display: flex; justify-content: flex-end; margin-top: 14px; }

/* Durum kartı */
.ai-durum { padding: 20px; border-color: var(--bd2); }
.ai-durum.hazir { border-color: color-mix(in srgb, var(--gr) 45%, transparent); }
.ai-durum-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ai-durum-ad { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ai-durum-ad h3 { margin: 0 0 4px; font-size: 17px; font-weight: 700; }
.ai-durum-ikon { width: 44px; height: 44px; border-radius: 12px; background: var(--acd); display: flex; align-items: center; justify-content: center; font-size: 22px; flex: none; }
.ai-durum-anahtar { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--tx2); }
.ai-durum > .ai-not { margin: 12px 0 0; }
.ai-adimlar { list-style: none; margin: 14px 0 0; padding: 12px 14px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 8px 16px; background: var(--sf2); border-radius: 12px; }
.ai-adimlar li { display: flex; gap: 8px; align-items: baseline; font-size: 13px; color: var(--tx2); }
.ai-adimlar li span { width: 14px; height: 14px; flex: none; align-self: center; text-align: center; line-height: 14px; font-size: 12px; font-weight: 700; color: var(--gr); }
.ai-adimlar li.eksik { color: var(--tx); font-weight: 600; }
.ai-adimlar li.eksik span { border: 2px solid var(--am); border-radius: 999px; box-sizing: border-box; }
.ai-adimlar li.ok { color: var(--tx3); }
.ai-adimlar li.ok span { color: var(--gr); }
.ai-kutular { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px; margin-top: 16px; }
.ai-kutu { background: var(--sf2); border: 1px solid var(--bd); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ai-kutu small { font-size: 11.5px; color: var(--tx3); }
.ai-kutu b { font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ai-kutu .ai-cubuk { margin: 4px 0 2px; }
.ai-kirp { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Satırlar */
.ai-liste { display: flex; flex-direction: column; }
.ai-ayar-satir { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--bd); }
.ai-ayar-satir:last-child { border-bottom: 0; }
.ai-ayar-satir.kapali .ai-satir-metin { color: var(--tx3); }
.ai-satir-metin { flex: 1 1 auto; min-width: 0; font-size: 13.5px; font-weight: 600; display: flex; flex-direction: column; gap: 2px; }
.ai-satir-metin .badge { align-self: flex-start; font-size: 11px; padding: 1px 7px; }
.ai-satir-metin small { font-size: 11.5px; font-weight: 400; color: var(--tx3); }
.ai-satir-metin code { white-space: pre-wrap; font-size: 11.5px; }
.ai-satir-metin details summary { cursor: pointer; font-size: 11.5px; font-weight: 400; color: var(--ac2); }
.ai-sen { display: inline !important; margin-left: 4px; padding: 0 6px; border-radius: 999px; background: var(--acd); color: var(--ac2) !important; font-weight: 700 !important; font-size: 10.5px !important; }
.ai-avatar { width: 34px; height: 34px; border-radius: 999px; background: var(--acd); color: var(--ac2); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex: none; }
.ai-sil { padding: 6px 12px; font-size: 12px; }
.ai-esik-kutu { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--tx3); flex: none; }
.ai-esik { width: 64px; padding: 6px 8px; background: var(--sf2); border: 1px solid var(--bd2); border-radius: 8px; color: var(--tx); font: inherit; font-size: 13px; text-align: right; }
.ai-esik:focus { outline: none; border-color: var(--ac); }

/* Form alanları — uygulamanın .fg stili; birim kutunun içinde */
.ai-fg { margin: 0; min-width: 0; }
.ai-fg label { font-size: 11.5px; }
.ai-birimli { position: relative; }
.ai-birimli input { padding-right: 72px !important; font-variant-numeric: tabular-nums; }
.ai-birimli span { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 11.5px; color: var(--tx3); pointer-events: none; }
.ai-uc { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)); gap: 12px; }
.ai-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }

/* Model kartları */
.ai-modeller { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 14px; }
.ai-model-kart { background: var(--sf2); border: 1px solid var(--bd2); border-radius: 14px; padding: 16px; }
.ai-model-kart.bos { border-style: dashed; }
.ai-model-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.ai-model-bas b { font-size: 14px; }
.ai-model-bas .badge { font-size: 11px; padding: 1px 8px; }
.ai-model-kart .ai-not { margin-bottom: 12px; }
.ai-model-kart .fg input { background: var(--sf); }
.ai-tahmin { margin: 10px 0 0 !important; color: var(--tx3); }

/* Harcama dökümü */
.ai-dokum { margin-top: 4px; }
.ai-dokum-satir { display: grid; grid-template-columns: 90px 1fr auto; align-items: center; gap: 10px; font-size: 12.5px; padding: 4px 0; color: var(--tx2); }
.ai-dokum-satir:not(:has(.ai-cubuk)) { grid-template-columns: 1fr auto; }
.ai-dokum-satir b { font-variant-numeric: tabular-nums; color: var(--tx); }
.ai-dokum-satir .ai-cubuk { margin: 0; }
.ai-dokum-satir .ai-cubuk > div { background: var(--ac2); }

.ai-gizlilik-not { margin: 0; padding: 12px 16px; font-size: 12.5px; line-height: 1.55; color: var(--tx2); background: var(--sf2); border: 1px solid var(--bd); border-radius: 12px; }

/* Anahtar: kapalıyken de kenarı görünsün (açık temada beyaz kartta kayboluyordu) */
.ai-anahtar { width: 46px; height: 26px; border-radius: 999px; border: 0; background: var(--sf3); box-shadow: inset 0 0 0 1px var(--bd2); position: relative; cursor: pointer; flex: none; transition: background .15s; }
.ai-anahtar span { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 999px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .35); transition: left .15s; }
.ai-anahtar.on { background: var(--gr); box-shadow: none; }
.ai-anahtar.on span { left: 23px; }
.ai-anahtar:focus-visible { outline: 2px solid var(--ac2); outline-offset: 2px; }
@media (max-width: 640px) {
  .ai-ayar, .ai-durum { padding: 16px; }
  .ai-ayar-satir { gap: 10px; }
  .ai-esik { width: 48px; padding: 6px; }
}

/* Zincir denetimi: depo ↔ stok rakam kartı */
.zk-kart { border: 1px solid var(--bd); border-radius: 12px; background: var(--sf); margin: 4px 0 12px; overflow: hidden; }
.zk-baslik { padding: 10px 14px; font-weight: 800; font-size: 14.5px; border-bottom: 1px solid var(--bd); }
.zk-baslik.zk-iyi { color: var(--gr); background: var(--grd); }
.zk-baslik.zk-kotu { color: var(--rd); background: var(--rdd); }
.zk-satir { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) 160px; gap: 10px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--bd); }
.zk-toplam { background: var(--sf2); }
.zk-sonuc { text-align: right; }
.zk-tur { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.zk-tur b { font-size: 13.5px; }
.zk-yon { font-size: 11px; font-weight: 700; border-radius: 6px; padding: 2px 6px; }
.zk-giris { color: var(--gr); background: var(--grd); }
.zk-cikis { color: var(--am); background: var(--amd); }
.zk-adet { font-size: 11.5px; color: var(--tx3); }
.zk-deger { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.zk-deger small { display: block; font-size: 11px; font-weight: 600; color: var(--tx3); }
.zk-fark { display: inline-block; font-size: 12px; font-weight: 700; border-radius: 999px; padding: 3px 10px; white-space: nowrap; }
.zk-fark.zk-iyi { color: var(--gr); background: var(--grd); }
.zk-fark.zk-kotu { color: var(--rd); background: var(--rdd); }
.zk-ek { padding: 9px 14px; font-size: 12.5px; color: var(--tx2); display: flex; flex-direction: column; gap: 3px; }
@media (max-width: 600px) {
  .zk-satir { grid-template-columns: 1fr 1fr; }
  .zk-tur { grid-column: 1 / -1; }
  .zk-sonuc { grid-column: 1 / -1; text-align: left; }
}