/* Yönetim paneli görünümü: "A — Kağıt ve Lime" (sahip kararı, 9 Ekim 2026; onaylı maket docs/panel-yon/maket-a.html).
   Tek katman: eski üç aşamanın üst üste binen ekleri (A dili, referans katmanı, temel katman, 2. aşama A/B/C) burada birleşti; her bileşenin
   tek kuralı var. Kurallar .claude/skills/tasarim/arayuz-ilkeleri.md'den: kart gölgesiz 1 px kenarlık, dokunma 48 px, yazı en az 14 px,
   uyarı tek satır ya da küçük rozet (kırmızı yalnız acil), sayı Geist Mono, başlık Bricolage.
   Renk temel.css token'larından (sitedekiyle aynı); panelin kendi token'ları --y-* önekli. Lime: logo hapı, seçili menü, Genel Bakış'ın
   ilk sayı kartı ve grafikte "bugün" (maket A); metin rengi olarak hiç. Mor ve emoji yok. CSP satır içi stile izin vermez: her görünüm burada.
   İşletme ve ortak paneli (marka-paneli/arayuz) bu dosyayı da yükler: kabuk sınıfları iki panelde ortaktır. */

/* =========================================================================================================================
   1. Token'lar
   ========================================================================================================================= */
:root {
  --y-yan: 248px;
  --y-cizgi: #e3dfd3;          /* kart kenarı ve ayraç (maket A) */
  --y-ton: #ebe7da;            /* rozet, çubuk zemini, etiket */
  --y-soru: #e9e6dc;           /* "?" dairesi */
  --y-gece-2: #1f201b;         /* koyu menüde üzerine gelme, rozet */
  --y-gece-soluk: #a3a298;     /* koyu menüde ikincil yazı (mürekkep üstünde 7,4:1) */
  --y-grafik: #8a877b;         /* eksen yazısı, kesikli önceki dönem */
  --y-soluk: #55544c;          /* ikincil yazı: kağıtta ~7:1 */
  --y-r-kart: 20px;
  --y-r-ic: 12px;
  --y-fs-xs: 0.875rem;         /* 14 px: en küçük */
  --y-fs-s: 0.9375rem;         /* 15 px: ikincil */
  --y-fs-m: 1rem;              /* 16 px: tablo, liste, düğme */
  --y-fs-g: 1.0625rem;         /* 17 px: gövde */
  --y-fs-kpi: 2rem;            /* 32 px: ana sayı */
  --y-dokun: 48px;
  --y-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --y-hiz: 0.2s;
  --y-cikis: cubic-bezier(0.23, 1, 0.32, 1);
  --y-on-warn: #ffffff;
  --y-gece-uyari: #ff8f73;
  --y-gece-bilgi: #f1e3c2;
  --y-golge: rgba(15, 16, 13, 0.14);
  --y-ort: rgba(15, 16, 13, 0.5);
  /* Veri rengi: mürekkep; parça-bütünde en çok dört ton (mürekkep, krem, gri, çizgi) */
  --y-veri: #0f100d;
  --y-veri-alan: rgba(15, 16, 13, 0.06);
  --y-veri-2: #d9bf87;
  --y-veri-3: #8a877b;
  --y-krem-alan: rgba(217, 191, 135, 0.42); /* Genel Bakış: grafik alanı (sitenin --accent'i, saydam) */
  /* Durum (her zaman simge + sözle) */
  --y-iyi: #17663d;  --y-iyi-zemin: #dcefe2;  --y-iyi-cizgi: #17804a;
  --y-dikkat: #7a4f00; --y-dikkat-zemin: #f6e7c6; --y-dikkat-cizgi: #c58a12;
  --y-sorun: #a3290f; --y-sorun-zemin: #fde8e2; --y-sorun-cizgi: #d63d22;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --y-cizgi: #2d2e29; --y-ton: #23241f; --y-soru: #2a2b26; --y-gece-2: #23241f; --y-gece-soluk: #a3a298; --y-grafik: #8a877b; --y-soluk: #b3b1a7;
    --y-on-warn: #0f100d; --y-golge: rgba(0, 0, 0, 0.5); --y-ort: rgba(0, 0, 0, 0.6);
    --y-veri: #efede6; --y-veri-alan: rgba(239, 237, 230, 0.08); --y-veri-2: #f1e3c2; --y-veri-3: #8a877b; --y-krem-alan: rgba(241, 227, 194, 0.16);
    --y-iyi: #86dfae; --y-iyi-zemin: #15301f; --y-iyi-cizgi: #45c985;
    --y-dikkat: #f0bf5a; --y-dikkat-zemin: #33270f; --y-dikkat-cizgi: #f0bf5a;
    --y-sorun: #ff8f73; --y-sorun-zemin: #3a1810; --y-sorun-cizgi: #ff7a59;
  }
}
:root[data-theme='dark'] {
  --y-cizgi: #2d2e29; --y-ton: #23241f; --y-soru: #2a2b26; --y-gece-2: #23241f; --y-gece-soluk: #a3a298; --y-grafik: #8a877b; --y-soluk: #b3b1a7;
  --y-on-warn: #0f100d; --y-golge: rgba(0, 0, 0, 0.5); --y-ort: rgba(0, 0, 0, 0.6);
  --y-veri: #efede6; --y-veri-alan: rgba(239, 237, 230, 0.08); --y-veri-2: #f1e3c2; --y-veri-3: #8a877b; --y-krem-alan: rgba(241, 227, 194, 0.16);
  --y-iyi: #86dfae; --y-iyi-zemin: #15301f; --y-iyi-cizgi: #45c985;
  --y-dikkat: #f0bf5a; --y-dikkat-zemin: #33270f; --y-dikkat-cizgi: #f0bf5a;
  --y-sorun: #ff8f73; --y-sorun-zemin: #3a1810; --y-sorun-cizgi: #ff7a59;
}
body { font-size: var(--y-fs-g); line-height: 1.55; }

/* =========================================================================================================================
   2. Temel küçükler, logo
   ========================================================================================================================= */
.logo { font-family: var(--display); font-weight: 800; font-size: 22px; letter-spacing: -0.045em; white-space: nowrap; line-height: 1; display: inline-block; font-kerning: none; color: var(--text); }
.logo-hap { background: var(--lime); color: var(--night); padding: 1px 6px 3px; margin-left: 2px; border-radius: 6px; display: inline-block; transform: rotate(-2deg); }
.logo::first-letter { margin-right: -0.01em; }
.logo-hap::first-letter { margin-right: -0.052em; }
.lg-s { position: relative; font-style: normal; display: inline-block; line-height: 1; }
.lg-s::before, .lg-s::after { content: ''; position: absolute; left: 50%; width: 0.27em; height: 0.066em; margin-left: -0.0925em; border-radius: 0.03em; background: currentColor; }
.lg-s::before { bottom: 0.068em; }
.lg-s::after { bottom: -0.037em; }

.ik { width: 20px; height: 20px; flex: none; }
.atla { position: absolute; left: 12px; top: -64px; z-index: 100; background: var(--text); color: var(--paper); padding: 10px 14px; border-radius: 8px; font-weight: 600; text-decoration: none; }
.atla:focus-visible { top: 12px; outline-color: var(--text); }
.noscript { max-width: 480px; margin: 48px auto; padding: 0 16px; color: var(--text-2); }
.fis-bas, .sir-etiket { font-size: var(--y-fs-xs); font-weight: 600; color: var(--y-soluk); }

/* =========================================================================================================================
   3. Düğme ve form
   ========================================================================================================================= */
.dg {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 40px; padding: 0 16px; border: 1px solid transparent; border-radius: 999px;
  font-weight: 600; font-size: var(--y-fs-m); line-height: 1.2; text-decoration: none; white-space: nowrap;
  background: transparent; color: var(--text);
  transition: background-color 0.15s, border-color 0.15s, color 0.15s, transform 0.12s var(--y-ease);
  -webkit-tap-highlight-color: transparent;
}
.dg .ik { width: 18px; height: 18px; }
.dg:active:not(:disabled) { transform: scale(0.97); }
.dg:disabled { opacity: 0.45; cursor: not-allowed; }
.dg-birincil { background: var(--text); color: var(--paper); }
.dg-ikincil { border-color: var(--y-cizgi); background: var(--surface); }
.dg-tehlikeli { background: var(--warn); color: var(--y-on-warn); }
.dg-sessiz { color: var(--text-2); }
@media (hover: hover) and (pointer: fine) {
  .dg-birincil:hover:not(:disabled) { background: var(--text-2); }
  .dg-ikincil:hover:not(:disabled) { border-color: var(--text); }
  .dg-sessiz:hover:not(:disabled) { background: var(--y-ton); color: var(--text); }
  .dg-tehlikeli:hover:not(:disabled) { background: var(--warn-text); }
}
.dg-kucuk { min-height: 36px; padding: 0 14px; font-size: var(--y-fs-s); }
.dg-ikon { width: 40px; min-height: 40px; padding: 0; }
.dg-kucuk.dg-ikon { width: 36px; min-height: 36px; }
.dg-tam { width: 100%; min-height: 48px; font-size: var(--y-fs-g); }
.dg-mesgul { cursor: progress; }
.dg-mesgul::after { content: ''; width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: y-don 0.7s linear infinite; }
@keyframes y-don { to { transform: rotate(360deg); } }
.bag-dugme { background: none; border: 0; padding: 4px 0; font-size: var(--y-fs-s); font-weight: 600; color: var(--text-2); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--field-line); }
.bag-dugme:hover { color: var(--text); text-decoration-color: currentColor; }

.form { display: grid; gap: 18px; }
.alan { display: grid; gap: 6px; }
.alan-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.alan-etiket { font-weight: 600; font-size: var(--y-fs-m); color: var(--text); }
.alan-satir { position: relative; display: flex; }
.girdi {
  width: 100%; min-height: 46px; padding: 0 14px;
  background: var(--surface); border: 1px solid var(--field-line); border-radius: var(--y-r-ic);
  font-size: var(--y-fs-g); /* 17 px: iOS'ta odakta yakınlaşma olmaz */
  transition: border-color 0.15s;
}
.girdi:hover { border-color: var(--text-2); }
.girdi:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; border-color: var(--text); }
.girdi[aria-invalid='true'] { border-color: var(--danger); }
.girdi-mono { font-family: var(--mono); font-variant-numeric: tabular-nums; letter-spacing: 0.14em; font-size: 1.125rem; font-weight: 500; }
.girdi-salt { background: transparent; border-style: dashed; color: var(--text-2); }
.alan-satir-ekli .girdi { padding-right: 52px; }
.alan-ek { position: absolute; right: 3px; top: 50%; transform: translateY(-50%); }
.alan-ek:active:not(:disabled) { transform: translateY(-50%) scale(0.97); }
.alan-ipucu { font-size: var(--y-fs-s); color: var(--y-soluk); }
.alan-hata { font-size: var(--y-fs-s); font-weight: 600; color: var(--danger); }
.alan-onay { gap: 2px; }
.alan-onay .alan-ipucu { padding-left: 30px; }
.form-hata { padding: 12px 14px; border: 1px solid var(--warn); border-radius: var(--y-r-ic); background: var(--warn-soft); color: var(--warn-text); font-weight: 600; font-size: var(--y-fs-m); }
.onay-kutu { display: flex; align-items: flex-start; gap: 10px; font-weight: 600; font-size: var(--y-fs-g); cursor: pointer; padding: 6px 0; }
.onay-kutu input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--text); flex: none; }
.icerik .girdi { min-height: var(--y-dokun); }
.icerik textarea.girdi { min-height: 120px; padding-top: 12px; padding-bottom: 12px; line-height: 1.5; resize: vertical; }
.icerik input[type='checkbox'] { width: 22px; height: 22px; flex: none; accent-color: var(--text); }
.icerik > .alan { max-width: 320px; } /* süzgeç seçimleri tam genişlik değil */

/* --- Tek sütunlu sayfalar (giriş, kurulum): fiş kartı ------------------------------------------------------------------- */
.tek-sayfa { min-height: 100vh; min-height: 100dvh; display: flex; }
.tek { width: 100%; max-width: 440px; margin: auto; padding: 40px 16px 56px; }
.tek-genis { max-width: 560px; }
.tek-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.tek-ust .logo { font-size: 25px; }
.tek-not { font-size: var(--y-fs-s); color: var(--y-soluk); margin-top: 28px; text-align: center; text-wrap: pretty; }
.fis {
  position: relative; background: var(--surface); border-radius: 10px 10px 0 0; padding: 20px 28px 30px;
  filter: drop-shadow(0 0 0.6px var(--card-line)) drop-shadow(0 0 0.6px var(--card-line)) drop-shadow(0 18px 28px var(--y-golge));
}
.fis::after { content: ''; position: absolute; left: 0; right: 0; bottom: -9px; height: 10px; background: radial-gradient(circle at 7px 10px, transparent 6px, var(--surface) 6.5px) 0 0 / 14px 10px repeat-x; }
.fis-bas { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px dashed var(--card-line); }
.fis-baslik { font-family: var(--display); font-weight: 700; font-size: 1.875rem; letter-spacing: -0.03em; line-height: 1.05; margin: 22px 0 8px; }
.fis-baslik:focus { outline: none; }
.fis-giris { color: var(--text-2); margin-bottom: 20px; text-wrap: pretty; }
.fis-vurgu { color: var(--text); font-weight: 600; }
.fis .form-hata { margin-bottom: 18px; }
.form > .fis-giris, .form > .form-hata { margin-bottom: 0; }
.adim { display: grid; gap: 14px; padding-top: 18px; border-top: 1px dashed var(--card-line); }
.adim-bas { float: left; width: 100%; display: flex; align-items: baseline; gap: 10px; font-family: var(--display); font-weight: 700; font-size: 1.0625rem; letter-spacing: -0.015em; }
.adim-bas + * { clear: both; }
.adim-no { font-size: var(--y-fs-s); font-weight: 600; color: var(--y-soluk); letter-spacing: 0; }
.adim-metin { color: var(--text-2); font-size: var(--y-fs-g); }
.sir { display: grid; gap: 8px; padding: 14px 16px; border: 1px dashed var(--field-line); border-radius: var(--y-r-ic); background: var(--paper); }
.sir-deger { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 1.125rem; font-weight: 600; letter-spacing: 0.06em; line-height: 1.5; }
.sir-eylem { display: flex; flex-wrap: wrap; gap: 8px; }
.guc { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; height: 6px; margin-top: 4px; }
.guc i { background: var(--line); border-radius: 2px; transition: background-color 0.15s; }
.guc[data-puan='1'] i:nth-child(-n + 1) { background: var(--warn); }
.guc[data-puan='2'] i:nth-child(-n + 2), .guc[data-puan='3'] i:nth-child(-n + 3), .guc[data-puan='4'] i { background: var(--text); }
.guc-metin { font-size: var(--y-fs-s); font-weight: 600; color: var(--text-2); min-height: 1.2em; }
.guc[data-puan='0'] ~ .guc-metin, .guc[data-puan='1'] ~ .guc-metin { color: var(--warn-text); }
.yedek-liste { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; margin: 4px 0 16px; counter-reset: yedek; border-top: 1px dashed var(--card-line); }
.yedek-liste li { counter-increment: yedek; display: flex; gap: 12px; align-items: baseline; padding: 10px 0; border-bottom: 1px dashed var(--card-line); font-size: var(--y-fs-g); font-weight: 600; letter-spacing: 0.05em; }
.yedek-liste li::before { content: counter(yedek, decimal-leading-zero); font-size: var(--y-fs-xs); color: var(--y-soluk); font-weight: 500; letter-spacing: 0; }
#kurulum-yedek .sir-eylem, #kurulum-yedek .onay-kutu { margin-bottom: 16px; }

/* =========================================================================================================================
   4. Kabuk: koyu kenar menüsü (kağıt üstünde yüzen mürekkep kart), üst başlık, sekme çubuğu, telefonda alt menü
   ========================================================================================================================= */
.kabuk { display: grid; grid-template-columns: var(--y-yan) minmax(0, 1fr); min-height: 100vh; padding: 14px 0 14px 14px; }
.yan { position: sticky; top: 14px; height: calc(100vh - 28px); height: calc(100dvh - 28px); border-radius: 22px; background: var(--night); color: var(--y-gece-soluk); }
.yan-ic { height: 100%; overflow-y: auto; display: flex; flex-direction: column; padding: 24px 14px 16px; overscroll-behavior: contain; scrollbar-width: none; }
.yan-ust { display: flex; align-items: center; gap: 10px; margin: 2px 12px 28px; }
.yan .logo { font-size: 21px; color: var(--night-text); }
.yan-etiket { font-size: var(--y-fs-xs); font-weight: 500; padding: 1px 8px; border: 1px solid var(--y-gece-2); border-radius: 6px; color: var(--y-gece-soluk); }
.yan-kapat { display: none; margin-left: auto; color: var(--night-text); }
.yan-nav { flex: 1; }
.yan-liste, .yan-grup ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.yan-grup + .yan-grup { margin-top: 16px; }
.yan-grup-ad { padding: 0 12px 6px; font-size: var(--y-fs-xs); font-weight: 500; color: var(--y-gece-soluk); }
.yan-link { display: flex; align-items: center; gap: 11px; min-height: 44px; padding: 0 10px 0 12px; border-radius: 12px; color: var(--y-gece-soluk); font-size: 0.90625rem; font-weight: 500; text-decoration: none; transition: background-color 0.15s, color 0.15s; }
.yan-link .ik { width: 19px; height: 19px; stroke-width: 1.7; }
.yan-ad { min-width: 0; line-height: 1.25; padding: 4px 0; overflow-wrap: anywhere; }
@media (hover: hover) and (pointer: fine) { a.yan-link:hover { background: var(--y-gece-2); color: var(--night-text); } }
.yan-link[aria-current='page'] { background: var(--lime); color: var(--night); font-weight: 600; }
.yan-link:focus-visible { outline: 2px solid var(--night-text); outline-offset: -2px; }
.yan-rozet { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--y-gece-2); color: var(--night-text); font-size: var(--y-fs-xs); font-weight: 600; line-height: 20px; text-align: center; }
.yan-link[aria-current='page'] .yan-rozet { background: var(--night); color: var(--night-text); }
.yan-ara { position: relative; margin: 0 2px 12px; }
.yan-ara-ik { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--y-gece-soluk); pointer-events: none; }
.yan-ara-girdi { width: 100%; min-height: 40px; padding: 0 52px 0 36px; border: 1px solid var(--y-gece-2); border-radius: 12px; background: var(--y-gece-2); color: var(--night-text); font-size: var(--y-fs-s); }
.yan-ara-girdi::placeholder { color: var(--y-gece-soluk); }
.yan-ara-girdi::-webkit-search-cancel-button { display: none; }
.yan-ara-girdi:focus-visible { outline: 2px solid var(--night-text); outline-offset: 0; }
.yan-ara-kisayol { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); padding: 0 6px; border: 1px solid var(--y-gece-soluk); border-radius: 6px; color: var(--y-gece-soluk); font-size: var(--y-fs-xs); line-height: 20px; }
.yan-ara-bos { padding: 6px 12px; font-size: var(--y-fs-s); color: var(--y-gece-soluk); }
.yan-rehber { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: 12px; color: var(--y-gece-soluk); font-size: var(--y-fs-xs); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .yan-rehber:hover { color: var(--night-text); } }
.yan-rehber[aria-current='page'] { color: var(--night-text); background: var(--y-gece-2); }
.yan-rehber:focus-visible { outline: 2px solid var(--night-text); outline-offset: -2px; }
.yan-soru { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--y-gece-2); color: var(--night-text); font-size: var(--y-fs-xs); font-weight: 600; line-height: 1; }
/* İşletme panelinde menünün altında kullanıcı kartı (yönetim panelinde profil sağ üstte) */
.yan-alt { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding: 10px 10px 10px 12px; border-radius: 14px; background: var(--y-gece-2); color: var(--night-text); }
.yan-avatar { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--night); color: var(--lime); font-family: var(--display); font-weight: 700; font-size: var(--y-fs-s); }
.yan-kullanici { flex: 1; min-width: 0; margin: 0; font-size: var(--y-fs-s); line-height: 1.3; overflow: hidden; }
.yan-kullanici span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.yan-kullanici small { display: block; font-size: var(--y-fs-xs); color: var(--y-gece-soluk); }
.yan-cikis { flex: none; color: var(--night-text); }
.yan-ort { position: fixed; inset: 0; z-index: 25; background: var(--y-ort); }

.ana { min-width: 0; display: flex; flex-direction: column; padding: 0 28px 28px; }
.tel-ust { display: none; }
.ust { display: flex; align-items: center; gap: 16px; min-height: 76px; padding: 14px 0 18px; }
.ust-baslik { min-width: 0; margin-right: auto; }
.sayfa-baslik { font-family: var(--display); font-weight: 700; font-size: 2rem; letter-spacing: -0.02em; line-height: 1.1; text-wrap: balance; }
.sayfa-baslik:focus { outline: none; }
.sayfa-alt { margin-top: 6px; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.sayfa-alt > #sayfa-aciklama:not([hidden]) + .yenile-saat:not(:empty)::before { content: " · "; }
.yenile-saat .mono { color: var(--text-2); }
.ust-durum:empty { display: none; }
.ust-sag { flex: none; display: flex; align-items: center; gap: 10px; }
.yenile-dugme { min-height: 38px; padding: 0 14px; border-color: var(--y-cizgi); background: var(--surface); font-weight: 500; font-size: var(--y-fs-s); }
.profil-kap { position: relative; }
.profil { display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--night); color: var(--night-text); font-family: var(--display); font-weight: 700; font-size: var(--y-fs-s); }
.profil:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.profil-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 40; width: 240px; padding: 6px; border: 1px solid var(--y-cizgi); border-radius: 16px; background: var(--surface); box-shadow: 0 0 0 1px rgba(15, 16, 13, 0.04), 0 6px 12px -6px var(--y-golge), 0 16px 32px -12px var(--y-golge); }
.profil-kim { display: grid; gap: 2px; padding: 8px 10px 10px; border-bottom: 1px solid var(--y-cizgi); margin-bottom: 4px; }
.profil-kim strong { font-weight: 600; font-size: var(--y-fs-s); overflow-wrap: anywhere; }
.profil-kim small { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.profil-oge { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: var(--text); font-size: var(--y-fs-s); font-weight: 500; text-decoration: none; text-align: left; }
.profil-oge .ik { width: 18px; height: 18px; color: var(--text-2); }
@media (hover: hover) and (pointer: fine) { a.profil-oge:hover, button.profil-oge:hover { background: var(--y-ton); } }
.profil-tema { justify-content: space-between; cursor: default; }
.profil-tema .dg { width: 36px; min-height: 36px; }

.sekme-cubugu { display: flex; gap: 4px; margin: -6px 0 18px; padding: 4px; width: max-content; max-width: 100%; border-radius: 999px; background: var(--y-ton); overflow-x: auto; scrollbar-width: none; }
.sekme-cubugu::-webkit-scrollbar { display: none; }
.sekme-cubugu .sekme { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: 999px; color: var(--text-2); font-size: var(--y-fs-s); font-weight: 500; white-space: nowrap; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .sekme-cubugu .sekme:hover { color: var(--text); background: var(--surface); } }
.sekme-cubugu .sekme[aria-current='page'] { background: var(--night); color: var(--night-text); font-weight: 600; }
.sekme-cubugu .sekme:focus-visible { outline-offset: -2px; }
.sekme-rozet { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--surface); color: var(--text); font-size: var(--y-fs-xs); font-weight: 600; line-height: 20px; text-align: center; }
.sekme[aria-current='page'] .sekme-rozet { background: var(--y-gece-2); color: var(--night-text); }

.icerik { width: 100%; max-width: 1440px; }
.icerik:focus { outline: none; }
.icerik.yenileniyor { opacity: 0.6; transition: opacity 0.15s; }
.icerik > :not(:first-child) { margin-top: 16px; }
.icerik > .bolum-bas:not(:first-child), .icerik > .olcum-yer:not(:first-child) { margin-top: 40px; }
.icerik > .bolum-bas + * { margin-top: 12px; }
.icerik > div:empty { display: none; }
.icerik > [hidden]:first-child + *, .icerik > [hidden]:first-child + :empty + * { margin-top: 0; }
.alt-menu { display: none; }

/* Yönetim paneli kabuğu (kabuk-a), seçenek B "sıcak krem" (sahip kararı, 10 Ekim 2026): kağıt zeminde açık kenar menüsü; seçili öğe krem zemin + kahve
   kenar çizgisi (lime değil: lime yalnız "peşin fiyatına" sözünde). İşletme paneli (marka-paneli) koyu menüde kalır. */
.kabuk-a { padding: 0; }
.kabuk-a .yan { top: 0; height: 100vh; height: 100dvh; border-radius: 0; border-right: 1px solid var(--y-cizgi); background: var(--paper); color: var(--text-2); }
.kabuk-a .yan .logo { color: var(--text); }
.kabuk-a .yan-kapat { color: var(--text); }
.kabuk-a .yan-grup-ad { color: var(--y-soluk); }
.kabuk-a .yan-link { position: relative; color: var(--text-2); }
@media (hover: hover) and (pointer: fine) { .kabuk-a a.yan-link:hover { background: var(--y-ton); color: var(--text); } }
.kabuk-a .yan-link[aria-current='page'] { background: var(--accent-soft); color: var(--text); }
.kabuk-a .yan-link[aria-current='page']::before { content: ''; position: absolute; left: -14px; top: 8px; bottom: 8px; width: 3px; border-radius: 3px; background: var(--accent-text); }
.kabuk-a .yan-link:focus-visible, .kabuk-a .yan-rehber:focus-visible { outline-color: var(--focus); }
.kabuk-a .yan-rozet { border: 1px solid var(--y-cizgi); background: var(--surface); color: var(--text); line-height: 18px; }
.kabuk-a .yan-link[aria-current='page'] .yan-rozet { border-color: currentColor; background: transparent; color: inherit; }
.kabuk-a .yan-ara-ik { color: var(--y-soluk); }
.kabuk-a .yan-ara-girdi { border-color: var(--y-cizgi); background: var(--surface); color: var(--text); }
.kabuk-a .yan-ara-girdi::placeholder { color: var(--y-soluk); }
.kabuk-a .yan-ara-girdi:focus-visible { outline-color: var(--focus); }
.kabuk-a .yan-ara-kisayol { border-color: var(--y-cizgi); color: var(--y-soluk); }
.kabuk-a .yan-ara-bos { color: var(--y-soluk); }
.kabuk-a .yan-rehber { color: var(--text-2); }
@media (hover: hover) and (pointer: fine) { .kabuk-a .yan-rehber:hover { color: var(--text); } }
.kabuk-a .yan-rehber[aria-current='page'] { background: var(--y-ton); color: var(--text); }
.kabuk-a .yan-soru { background: var(--y-soru); color: var(--text-2); }
.kabuk-a .ana { padding-top: 14px; }

/* =========================================================================================================================
   5. Ortak bileşenler
   ========================================================================================================================= */
/* --- Kart: kağıt üstünde açık yüzey, 1 px kenarlık, gölgesiz --------------------------------------------------------------- */
.kart { min-width: 0; background: var(--surface); border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); overflow: clip; }
.kart + .kart, .kart + .ist-izgara, .ist-izgara + .kart { margin-top: 16px; }
.kart-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 12px; padding: 16px 20px 4px; }
.kart-ust-metin { min-width: 0; flex: 1 1 160px; }
.kart-baslik { display: flex; flex-wrap: wrap; align-items: center; gap: 0 2px; font-family: var(--display); font-weight: 600; font-size: 1.0625rem; letter-spacing: -0.01em; line-height: 1.3; overflow-wrap: anywhere; }
.kart-ikon { display: none; } /* başlık önünde ikon kutusu yok (arayuz-ilkeleri §5) */
.kart-meta { margin-left: 8px; font-family: var(--sans); font-size: var(--y-fs-s); font-weight: 400; letter-spacing: 0; color: var(--y-soluk); }
.kart-alt { margin-top: 2px; font-size: var(--y-fs-s); color: var(--y-soluk); text-wrap: pretty; }
.kart-ic { padding: 12px 20px 18px; }
.kart-aciklama { padding: 8px 20px 0; font-size: var(--y-fs-s); color: var(--y-soluk); }
.kart > .kart-ust:last-child { padding-bottom: 16px; }
.kart-bag { display: inline-flex; align-items: center; gap: 2px; font-size: var(--y-fs-s); font-weight: 500; color: var(--y-soluk); text-decoration: none; white-space: nowrap; }
.kart-bag .ik { width: 14px; height: 14px; }
.kart-bag:hover { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.kart .bos { border: 0; }
.kart .ayrinti-not { border: 0; padding: 0; background: none; }
.rozet { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-text); font-size: var(--y-fs-xs); font-weight: 600; vertical-align: 1px; }
.cihaz-ad { font-weight: 600; white-space: nowrap; }
.bolum-not { font-size: var(--y-fs-s); color: var(--text-2); margin-bottom: 12px; }
.liste-kart .kart-ic { min-height: 120px; }
.liste-kart .satir-bos, .liste-kart .bos-kucuk { padding: 8px 0; }

/* --- Bölüm başlığı (sayfa içi), sayaç -------------------------------------------------------------------------------------- */
.bolum-bas { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 16px; }
.bolum-bas-metin { min-width: 0; flex: 1 1 280px; }
.bolum-baslik { display: flex; align-items: center; gap: 8px; font-family: var(--display); font-weight: 700; font-size: 1.375rem; letter-spacing: -0.02em; line-height: 1.2; }
.bolum-aciklama { margin-top: 2px; font-size: var(--y-fs-s); color: var(--y-soluk); max-width: 72ch; text-wrap: pretty; }
.bolum-eylem { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.bolum-ust-eylem { margin-bottom: 16px; }
.sayac { display: inline-grid; place-items: center; min-width: 24px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--y-ton); color: var(--text); font-family: var(--mono); font-size: var(--y-fs-xs); font-weight: 600; letter-spacing: 0; }
.ozet-bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 12px; }
.ozet-bas-baslik { font-family: var(--display); font-weight: 700; font-size: 1.375rem; letter-spacing: -0.02em; line-height: 1.2; }
.ozet-bas-not { font-size: var(--y-fs-s); color: var(--y-soluk); }
.bolum-basi { margin-bottom: 0; }
.bolum-basi .ozet-bas-baslik { display: inline-flex; align-items: center; gap: 10px; }
.bolum-basi-ikon { display: none; }

/* --- İstatistik kutusu (b.istatistik) ve ızgarası ----------------------------------------------------------------------------- */
.ist-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; }
.ist { display: flex; flex-direction: column; min-width: 0; padding: 16px 20px; background: var(--surface); border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); }
.ist-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 8px; }
.ist-etiket { font-size: var(--y-fs-s); font-weight: 500; color: var(--text-2); line-height: 1.35; }
.ist-etiket .ipucu { margin-left: 4px; }
.ist-govde { flex: 1; display: flex; flex-direction: column; }
.ist-deger { margin-top: 8px; font-family: var(--mono); font-size: 1.75rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ist-deger small { font-family: var(--sans); font-size: var(--y-fs-xs); font-weight: 500; letter-spacing: 0; color: var(--y-soluk); }
.ist-sifir .ist-deger { color: var(--y-soluk); }
.ist-veri-yok { font-family: var(--sans); font-size: var(--y-fs-m); font-weight: 500; letter-spacing: 0; color: var(--y-soluk); }
.ist-degisim { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 6px; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.ist-onceki { white-space: nowrap; font-size: var(--y-fs-xs); color: var(--text-2); }
.ist-not { margin-top: 4px; font-size: var(--y-fs-xs); line-height: 1.4; color: var(--text-2); text-wrap: pretty; }
.ist-bag { display: inline-flex; align-items: center; gap: 2px; margin-top: 8px; min-height: 32px; font-size: var(--y-fs-s); font-weight: 600; color: var(--text-2); text-decoration: none; }
.ist-bag .ik { width: 16px; height: 16px; }
.ist-bag:hover { text-decoration: underline; text-underline-offset: 3px; }
.ist .durum { font-size: var(--y-fs-xs); }
.ist-govde > .minik { margin-top: auto; padding-top: 10px; height: 38px; box-sizing: content-box; }
.minik { display: block; width: 100%; height: 28px; margin-top: 10px; overflow: visible; }
.minik-alan { fill: var(--y-veri); opacity: 0.06; }
.minik-cizgi { fill: none; stroke: var(--y-veri); stroke-width: 1.75; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.ist-sifir .minik-cizgi { stroke: var(--chart-context); }

/* --- KPI kartı (b.kpiKart) ------------------------------------------------------------------------------------------------- */
.kpi-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.kpi { position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 16px 20px; background: var(--surface); border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); }
.kpi-ust { display: flex; align-items: flex-start; gap: 8px; min-height: 28px; }
.kpi-ust .ipucu { margin-left: auto; }
.kpi-ikon { display: none; }
.kpi-etiket { flex: 1 1 auto; min-width: 0; padding-top: 2px; font-size: var(--y-fs-s); font-weight: 500; line-height: 1.3; color: var(--text-2); }
.kpi-deger { display: flex; align-items: baseline; gap: 4px; }
.kpi-sayi { font-family: var(--mono); font-size: var(--y-fs-kpi); font-weight: 500; letter-spacing: -0.03em; line-height: 1.05; color: var(--text); }
.kpi-deger small { font-size: var(--y-fs-m); color: var(--y-soluk); }
.kpi-sifir .kpi-sayi, .kpi-yok .kpi-sayi { color: var(--y-soluk); }
.kpi-sayi-metin { font-size: 1.5rem; letter-spacing: -0.02em; }
.kpi-kiyas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: var(--y-fs-xs); }
.kpi-onceki { color: var(--text-2); }
.kpi-onceki strong { font-weight: 600; color: var(--text); }
.kpi-oran { color: var(--text-2); }
.kpi-ilerleme { flex: 1 0 100%; display: block; height: 5px; border-radius: 99px; background: var(--y-ton); overflow: hidden; }
.kpi-ilerleme i { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(var(--oran, 0)); border-radius: 99px; background: var(--text); }
.kpi-cizgi { width: 100%; height: 36px; margin-top: auto; padding-top: 6px; box-sizing: content-box; overflow: visible; }
.kpi-durum { display: flex; }
.kpi-not { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.kpi-bag { display: inline-flex; align-items: center; gap: 4px; min-height: 40px; font-size: var(--y-fs-s); font-weight: 600; color: var(--text); text-decoration: underline; text-decoration-color: var(--y-cizgi); text-underline-offset: 4px; }
.bu-kpi .kpi-sayi { overflow-wrap: anywhere; }
.bu-kpi-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bu-kpi-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bu-kpi-1 { grid-template-columns: minmax(0, 1fr); }
.bolum-ustu { display: grid; gap: 14px; }
.mesaj-kpi { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 16px; }

/* --- Değişim çipi: ok + yüzde (renk tek başına anlam taşımaz) ----------------------------------------------------------------- */
.degisim { display: inline-flex; align-items: center; gap: 2px; padding: 1px 8px 1px 6px; border-radius: 999px; font-size: var(--y-fs-xs); font-weight: 600; line-height: 1.5; white-space: nowrap; }
.degisim .ik { width: 13px; height: 13px; stroke-width: 2.4; }
.degisim-iyi { background: var(--good-soft); color: var(--good-text); }
.degisim-kotu { background: var(--y-ton); color: var(--text); }
.degisim-notr { background: var(--y-ton); color: var(--text-2); }
.degisim-yok { padding: 0; font-weight: 500; color: var(--y-soluk); background: none; }

/* --- Durum etiketi ---------------------------------------------------------------------------------------------------------- */
.durum { display: inline-flex; align-items: center; gap: 5px; padding: 1px 9px 1px 7px; border: 1px solid var(--y-cizgi); border-radius: 999px; background: var(--paper); color: var(--text-2); font-family: var(--sans); font-size: var(--y-fs-xs); font-weight: 600; line-height: 1.5; white-space: nowrap; vertical-align: middle; }
.durum-ik { width: 13px; height: 13px; }
.durum-notr { padding-left: 9px; }
.durum-bekliyor { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-text); }
.durum-tamam { border-color: var(--text); color: var(--text); }
.durum-dikkat { border-color: var(--warn); color: var(--warn-text); }
.durum-hata { background: var(--warn-soft); border-color: var(--warn); color: var(--warn-text); }
.durum-kapali { color: var(--y-soluk); border-style: dashed; }

/* --- Bilgi kutusu, boş durum, iskelet -------------------------------------------------------------------------------------- */
.kutu { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; border: 1px solid var(--y-cizgi); border-radius: 16px; background: var(--surface); font-size: var(--y-fs-m); }
.kutu-ik { display: grid; flex: none; padding-top: 1px; color: var(--text-2); }
.kutu-metin { flex: 1; min-width: 0; display: grid; gap: 2px; color: var(--text-2); text-wrap: pretty; }
.kutu-baslik { font-weight: 700; color: var(--text); }
.kutu-bilgi { background: var(--accent-soft); border-color: var(--accent); }
.kutu-bilgi .kutu-ik { color: var(--accent-text); }
.kutu-dikkat { border-color: var(--warn); background: var(--warn-soft); }
.kutu-dikkat .kutu-ik, .kutu-dikkat .kutu-baslik { color: var(--warn-text); }
.kutu > .dg { flex: none; align-self: center; }

.bos { display: grid; justify-items: center; text-align: center; gap: 6px; padding: 36px 20px; border: 1px dashed var(--y-cizgi); border-radius: var(--y-r-kart); }
.bos-ikon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 2px; border: 1px solid var(--y-cizgi); border-radius: 50%; background: var(--surface); color: var(--text-2); }
.bos-ikon .ik { width: 18px; height: 18px; }
.bos-baslik { font-family: var(--sans); font-weight: 600; font-size: var(--y-fs-g); text-wrap: balance; }
.bos-metin { max-width: 52ch; font-size: var(--y-fs-m); color: var(--y-soluk); text-wrap: pretty; }
.bos-yap { max-width: 56ch; padding: 8px 12px; border-radius: var(--y-r-ic); background: var(--surface); border: 1px solid var(--y-cizgi); color: var(--text); font-size: var(--y-fs-s); text-wrap: pretty; }
.bos-kucuk { padding: 24px 16px; }
.bos-kucuk .bos-baslik { font-size: var(--y-fs-m); }
.bos .dg { margin-top: 8px; }
.satir-bos { padding: 18px 20px; color: var(--y-soluk); }

.isk-kap + .isk-kap { margin-top: 16px; }
.isk-kutular { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.isk-kutu { display: grid; gap: 12px; padding: 20px; background: var(--surface); border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); }
.isk-cubuk { display: block; height: 12px; border-radius: 6px; background: var(--y-ton); animation: y-isk 1.2s ease-in-out infinite alternate; }
.isk-kisa { width: 45%; }
.isk-buyuk { height: 26px; width: 70%; }
.isk-tablo { background: var(--surface); border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); }
.isk-satir { display: flex; gap: 24px; padding: 16px 20px; border-bottom: 1px solid var(--y-cizgi); }
.isk-satir:last-child { border-bottom: 0; }
.isk-satir .isk-cubuk { flex: 1; }
.isk-satir .isk-kisa { flex: 0 0 72px; }
.isk-metin { display: grid; gap: 10px; margin-bottom: 8px; }
@keyframes y-isk { from { opacity: 1; } to { opacity: 0.5; } }

/* --- Tablo: düz başlık, mono sağa yaslı rakam, sıfır soluk ------------------------------------------------------------------- */
.tablo-kap { overflow: auto; max-height: min(60vh, 640px); }
.kart .tablo-kap { padding: 4px 8px 6px; }
.tablo-kisa { max-height: 420px; }
.tablo-uzun { max-height: 80vh; }
.tablo-kap:focus-visible { outline-offset: -2px; }
.tablo { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--y-fs-m); }
.tablo th { position: sticky; top: 0; z-index: 1; padding: 10px 12px; background: var(--surface); border-bottom: 1px solid var(--y-cizgi); text-align: left; white-space: nowrap; font-size: var(--y-fs-xs); font-weight: 500; color: var(--y-soluk); }
.tablo td { padding: 12px; border-bottom: 1px solid var(--y-cizgi); vertical-align: middle; }
.tablo tbody tr:last-child td { border-bottom: 0; }
.tablo .sayi { text-align: right; white-space: nowrap; }
.tablo td.sayi { font-family: var(--mono); font-variant-numeric: tabular-nums; font-weight: 500; }
.hata-sonuk { opacity: 0.6; } /* eski ya da çözüldü işaretli hata kaydı */
.tablo td.sifir { color: var(--y-soluk); font-weight: 400; }
.tablo td.genis { width: 100%; }
.tablo td:first-child:not(.genis) { white-space: nowrap; }
.tablo .tablo-bos td:first-child:not(.genis) { white-space: normal; text-wrap: pretty; }
@media (hover: hover) and (pointer: fine) { .tablo tbody tr:not(.tablo-bos):hover td { background: var(--paper); } }
.tablo-bos td { padding: 28px 12px; text-align: center; color: var(--y-soluk); font-size: var(--y-fs-m); }
.tablo-bag { display: inline-flex; align-items: center; gap: 2px; min-height: 32px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.tablo-bag .ik { width: 16px; height: 16px; }
.tablo-bag:hover { text-decoration: underline; text-underline-offset: 3px; }
.hucre-ad { font-weight: 500; }
.hucre-zaman { white-space: nowrap; }
.hucre-alt-metin { color: var(--y-soluk); }
.pay { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; }
.pay-cubuk { display: block; width: 72px; height: 5px; border-radius: 99px; background: var(--y-ton); overflow: hidden; }
.pay-cubuk i { display: block; height: 100%; width: calc(var(--oran, 0) * 100%); background: var(--text); border-radius: 99px; }
.pay-uzun { display: grid; gap: 6px; }
.pay-uzun .pay-cubuk { width: 100%; height: 8px; }
.pay-uzun-metin { font-size: var(--y-fs-m); }
.gunluk-kart .tablo td:first-child { white-space: nowrap; font-weight: 600; }
.gunluk-kart .tablo th, .gunluk-kart .tablo td.sayi { width: 1%; }
.gunluk-kart .tablo td:first-child, .gunluk-kart .tablo th:first-child { width: auto; }

/* --- Satır listesi, adımlar, katlanır ayrıntı ---------------------------------------------------------------------------------- */
.satirlar { display: grid; }
.satir { display: flex; align-items: center; gap: 12px 16px; padding: 12px 20px; border-top: 1px solid var(--y-cizgi); }
.satir:first-child { border-top: 0; }
.satir-metin { flex: 1; min-width: 0; }
.satir-baslik { font-weight: 600; overflow-wrap: anywhere; }
.satir-alt { margin-top: 2px; font-size: var(--y-fs-s); color: var(--y-soluk); overflow-wrap: anywhere; }
.satir-deger { flex: none; font-size: 1.0625rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.satir-deger small { font-family: var(--sans); font-size: var(--y-fs-s); color: var(--y-soluk); font-weight: 500; }
.satir-bag { flex: none; display: inline-flex; align-items: center; gap: 2px; min-height: 40px; padding: 0 12px 0 14px; border: 1px solid var(--y-cizgi); border-radius: 999px; font-weight: 600; font-size: var(--y-fs-s); text-decoration: none; }
.satir-bag .ik { width: 16px; height: 16px; }
@media (hover: hover) and (pointer: fine) { .satir-bag:hover { border-color: var(--text); } }

.adimlar { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.adim-o { position: relative; display: flex; align-items: flex-start; gap: 10px; padding-right: 12px; min-width: 0; }
.adim-o:not(:last-child)::after { content: ''; position: absolute; top: 15px; left: 40px; right: 8px; border-top: 2px dashed var(--y-cizgi); }
.adim-tamam:not(:last-child)::after { border-top-style: solid; border-top-color: var(--text); }
.adim-im { position: relative; z-index: 1; display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--y-cizgi); background: var(--surface); color: var(--y-soluk); font-size: var(--y-fs-s); font-weight: 600; }
.adim-im .ik { width: 16px; height: 16px; }
.adim-tamam .adim-im { background: var(--text); border-color: var(--text); color: var(--paper); }
.adim-simdi .adim-im, .adim-notr .adim-im { border-color: var(--text); color: var(--text); }
.adim-o .adim-metin { position: relative; z-index: 1; display: grid; gap: 1px; min-width: 0; padding: 5px 8px 0 0; background: var(--surface); }
.adim-ad { font-weight: 600; font-size: var(--y-fs-m); line-height: 1.3; }
.adim-sirada .adim-ad { color: var(--y-soluk); }
.adim-not { font-size: var(--y-fs-xs); color: var(--y-soluk); line-height: 1.35; }
.adimlar-kucuk .adim-o { gap: 6px; }
.adimlar-kucuk .adim-im { width: 24px; height: 24px; font-size: var(--y-fs-xs); border-width: 1.5px; }
.adimlar-kucuk .adim-im .ik { width: 13px; height: 13px; }
.adimlar-kucuk .adim-o:not(:last-child)::after { top: 11px; left: 30px; border-top-width: 1.5px; }
.adimlar-kucuk .adim-o .adim-metin { padding-top: 2px; }
.adimlar-kucuk .adim-ad { font-size: var(--y-fs-xs); }

.ayrinti > summary { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; cursor: pointer; font-weight: 600; font-size: var(--y-fs-m); color: var(--text-2); list-style: none; border-radius: 8px; }
.ayrinti > summary::-webkit-details-marker { display: none; }
.ayrinti > summary:hover { color: var(--text); }
.ayrinti-ok { width: 16px; height: 16px; transition: transform 0.15s; }
.ayrinti[open] > summary .ayrinti-ok { transform: rotate(180deg); }
.ayrinti-ic { padding-top: 6px; }
.ayrinti-not { padding: 2px 16px; border: 1px solid var(--y-cizgi); border-radius: 16px; background: var(--surface); }
.ayrinti-not > summary { min-height: var(--y-dokun); }
.ayrinti-not .ayrinti-ic { display: grid; gap: 8px; padding-bottom: 14px; font-size: var(--y-fs-m); color: var(--text-2); max-width: 72ch; }
.gelistirici { margin-top: 4px; }
.gelistirici > summary { min-height: 28px; font-size: var(--y-fs-xs); font-weight: 500; color: var(--y-soluk); }
.gelistirici .ayrinti-ic { padding-top: 2px; font-size: var(--y-fs-xs); color: var(--text-2); }
.gelistirici code { font-family: var(--mono); font-size: var(--y-fs-xs); overflow-wrap: anywhere; }

/* --- "?" ipucu: küçük gri daire; açılınca koyu kutu ------------------------------------------------------------------------- */
.ipucu { position: relative; display: inline-flex; vertical-align: middle; margin-left: 7px; font-family: var(--sans); font-size: var(--y-fs-s); font-weight: 400; letter-spacing: 0; text-transform: none; line-height: 1.4; }
.ipucu-dugme { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: var(--y-soluk); font: inherit; cursor: help; }
.ipucu-im { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--y-soru); color: var(--y-soluk); font-size: var(--y-fs-xs); font-weight: 600; line-height: 1; }
.ipucu-dugme:hover .ipucu-im, .ipucu-dugme[aria-expanded='true'] .ipucu-im { background: var(--text); color: var(--paper); }
.ipucu-dugme:focus-visible { outline-offset: 2px; border-radius: 999px; }
.ipucu-ic { position: absolute; z-index: 20; top: calc(100% + 8px); left: -8px; width: max-content; max-width: min(360px, calc(100vw - 32px)); padding: 12px 14px; border-radius: 12px; background: var(--night-2); color: var(--night-text); font-size: var(--y-fs-s); font-weight: 400; line-height: 1.5; text-align: left; white-space: normal; box-shadow: 0 16px 32px -16px var(--y-golge); }
.ipucu-ic::before { content: ''; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.ipucu-bas, .ipucu-ort { display: none; }
.ipucu-metin { display: block; }
/* Ekranın sağına ya da altına sığmayan kutu yön değiştirir (bilesenler.js ipucu: ölçüp sınıf koyar) */
.ipucu-sag > .ipucu-ic { left: auto; right: -8px; }
.ipucu-ust > .ipucu-ic { top: auto; bottom: calc(100% + 8px); }
.ipucu-ust > .ipucu-ic::before { top: auto; bottom: -10px; }
@media (hover: hover) and (pointer: fine) and (min-width: 901px) { .ipucu:hover > .ipucu-ic[hidden] { display: block !important; } } /* temel.css [hidden] !important; daha belirgin seçici kazanır */
.ipucu-etiketli { margin-left: 0; }
.ipucu-etiketli .ipucu-dugme { min-height: 32px; font-size: var(--y-fs-s); color: var(--text-2); font-weight: 500; }
.ipucu-etiket { text-decoration: underline; text-decoration-color: var(--y-cizgi); text-underline-offset: 3px; }
.icerik > .ipucu { display: flex; width: max-content; }
.kart-ust .ipucu-ic, .bolum-bas .ipucu-ic { left: auto; right: auto; }
.tanim, .tanim-blok, .tanim-liste, .tanim-oge, .tanim-kisa, .tanim-not, .tanim-baslik { display: block; }
.tanim-kisa + .tanim-kisa { margin-top: 4px; }
.tanim-blok { margin-top: 8px; }
.tanim-baslik { font-weight: 600; margin-bottom: 2px; }
.tanim-oge { position: relative; padding-left: 12px; }
.tanim-oge::before { content: '·'; position: absolute; left: 2px; font-weight: 700; }
.tanim-not { margin-top: 8px; color: var(--night-muted); font-size: var(--y-fs-xs); }

/* --- Dönem seçici, seçim düğmesi, çip, süzgeç, sekmeler ------------------------------------------------------------------------ */
.donem-secici { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; border-radius: 999px; background: var(--y-ton); }
.donem-dugme { min-height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--text-2); font-size: var(--y-fs-s); font-weight: 500; white-space: nowrap; }
.donem-dugme:hover { color: var(--text); background: var(--surface); }
.donem-dugme[aria-pressed='true'], .donem-dugme[aria-pressed='true']:hover { background: var(--night); color: var(--night-text); font-weight: 600; }
.donem-dugme:focus-visible { outline-offset: 0; }
.dugme-sec { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid var(--y-cizgi); border-radius: 999px; background: var(--surface); color: var(--text-2); font-size: var(--y-fs-s); font-weight: 500; }
.dugme-sec[aria-pressed='true'] { color: var(--text); border-color: var(--text); }
.dugme-sec .kesik { width: 18px; border-top: 2px dashed var(--y-grafik); }
.dugme-sec[aria-pressed='false'] .kesik { opacity: 0.35; }
.cipler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cip { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border: 1px solid var(--y-cizgi); border-radius: 999px; background: var(--surface); color: var(--text-2); font-size: var(--y-fs-s); font-weight: 500; text-decoration: none; white-space: nowrap; }
.cip .ik { width: 14px; height: 14px; }
.cip-sayi { font-weight: 600; color: var(--text); }
a.cip:hover { border-color: var(--text); color: var(--text); }
.cip-dikkat { border-color: var(--warn); background: var(--warn-soft); color: var(--warn-text); }
.cip-dikkat .cip-sayi { color: var(--warn-text); }
.cip-bekliyor { border-color: var(--accent); background: var(--accent-soft); color: var(--accent-text); }
.cip-bekliyor .cip-sayi { color: var(--accent-text); }
.bilgi-cip { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; padding: 0; list-style: none; }
.bilgi-cip li { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 2px 10px; border-radius: 999px; background: var(--y-ton); color: var(--text-2); font-size: var(--y-fs-s); overflow-wrap: anywhere; }
.suzgec-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.suzgec-dugme { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--y-cizgi); border-radius: 999px; background: var(--surface); color: var(--text); font: inherit; font-size: var(--y-fs-s); font-weight: 600; cursor: pointer; transition: border-color 0.15s, transform 0.12s var(--y-ease); }
.suzgec-dugme:hover { border-color: var(--text); }
.suzgec-dugme:active { transform: scale(0.97); }
.suzgec-dugme[aria-pressed='true'] { background: var(--night); border-color: var(--night); color: var(--night-text); }
.suzgec-dugme .mono { font-size: var(--y-fs-xs); opacity: 0.8; }
.sekmeler { min-width: 0; }
.sekme-liste { display: flex; gap: 4px; padding: 0 12px; border-bottom: 1px solid var(--y-cizgi); overflow-x: auto; scrollbar-width: none; }
.sekme-liste::-webkit-scrollbar { display: none; }
.sekme-liste .sekme { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 8px; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: none; color: var(--y-soluk); font-size: var(--y-fs-m); font-weight: 500; white-space: nowrap; }
.sekme-liste .sekme:hover { color: var(--text); }
.sekme-liste .sekme[aria-selected='true'] { color: var(--text); font-weight: 600; border-bottom-color: var(--text); }
.sekme-liste .sekme:focus-visible { outline-offset: -3px; border-radius: 6px; }
.sekme-sayi { font-size: var(--y-fs-xs); color: var(--y-soluk); font-weight: 500; }
.sekme-sayi.sifir { opacity: 0.7; }
.sekme-panel:focus-visible { outline-offset: -2px; }

/* --- Grafikler: karşılaştırmalı çubuk (b.karsilastirmaGrafik), alan (b.alanGrafik), çizgi (b.cizgiGrafik) ---------------------- */
.grafik { margin: 0; }
.grafik-svg { display: block; width: 100%; height: 72px; overflow: visible; }
.grafik-taban { stroke: var(--y-cizgi); stroke-width: 1; vector-effect: non-scaling-stroke; }
.grafik-cizgi { fill: none; stroke: var(--text); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.grafik-hedef { fill: transparent; }
.grafik-hedef:hover { fill: var(--y-ton); }
.grafik-son { fill: var(--text); stroke: var(--surface); stroke-width: 2; vector-effect: non-scaling-stroke; }
.grafik-alt { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.grafik-yok { color: var(--y-soluk); }
.kgrafik { margin: 0; }
.kgrafik-govde { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px; }
.kgrafik-y { display: flex; flex-direction: column; justify-content: space-between; height: 220px; margin: -7px 0; font-size: var(--y-fs-xs); color: var(--y-grafik); text-align: right; }
.kgrafik-cizim { position: relative; height: 220px; min-width: 0; }
.kgrafik-svg { position: relative; display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.kgrafik-izgara { stroke: var(--y-cizgi); stroke-width: 1; stroke-dasharray: 3 5; vector-effect: non-scaling-stroke; }
.kgrafik-taban { stroke: var(--y-cizgi); stroke-width: 1; vector-effect: non-scaling-stroke; }
.kgrafik-kilavuz { stroke: var(--text-2); stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; opacity: 0.55; }
.kgrafik-onceki { fill: none; stroke: var(--y-grafik); stroke-width: 1.6; stroke-dasharray: 4 4; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.kgrafik-cubuklar { position: absolute; inset: 0; display: flex; align-items: flex-end; gap: clamp(2px, 0.5%, 6px); padding: 0 2px; }
.kg-cubuk { flex: 1 1 0; min-width: 0; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.kg-cubuk i { display: block; width: min(100%, 14px); height: calc(var(--oran, 0) * 100%); border-radius: 99px; background: var(--text); }
.kg-vurgu i { background: var(--text); }
@media (hover: hover) and (pointer: fine) { .kg-cubuk:hover i { background: var(--text-2); } }
.kg-etiket { position: absolute; left: calc(var(--x) * 100%); bottom: calc(var(--oran) * 100% + 8px); transform: translateX(-50%); padding: 2px 10px; border-radius: 99px; background: var(--night); color: var(--night-text); font-size: var(--y-fs-xs); font-weight: 600; white-space: nowrap; pointer-events: none; }
.kg-etiket-sol { transform: translateX(-100%); margin-left: 6px; }
.kgrafik-x { display: flex; justify-content: space-between; gap: 8px; margin: 8px 0 0 54px; font-size: var(--y-fs-xs); color: var(--y-grafik); }
.kgrafik-x span { white-space: nowrap; }
.lejant { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: var(--y-fs-s); color: var(--text-2); }
.lejant-oge { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.lejant-oge::before { content: ''; width: 14px; border-top: 3px solid var(--text); border-radius: 2px; }
.lejant-veri::before { border-top: 3px solid var(--y-veri); }
.lejant-onceki::before { border-top: 2px dashed var(--y-grafik); border-radius: 0; }
.grafik-ozet { display: flex; flex-wrap: wrap; gap: 8px 28px; padding: 12px 20px; border-top: 1px solid var(--y-cizgi); }
.grafik-ozet p { display: flex; flex-direction: column; gap: 2px; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.grafik-ozet p strong { display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 1.5rem; font-weight: 500; letter-spacing: -0.03em; color: var(--text); }
.grafik-ozet .degisim { font-family: var(--sans); letter-spacing: 0; }
.ozet-ana-grafik .kart-ic { padding-top: 34px; }
.ozet-ana-grafik .lejant { margin-top: 10px; }
.veri-birikiyor { display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 10px 12px; border-radius: var(--y-r-ic); background: var(--y-ton); font-size: var(--y-fs-s); color: var(--text-2); }
.veri-birikiyor .ik { width: 18px; height: 18px; flex: none; color: var(--y-soluk); }

.ag { display: grid; gap: 6px; margin-top: 12px; }
.ag-govde { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 10px; }
.ag-y { display: flex; flex-direction: column; justify-content: space-between; height: 220px; margin: -8px 0; text-align: right; font-size: var(--y-fs-xs); color: var(--y-grafik); }
.ag-cizim { position: relative; height: 220px; touch-action: pan-y; cursor: crosshair; border-radius: 4px; }
.ag-cizim:focus-visible { outline-offset: 6px; }
.ag-svg { width: 100%; height: 100%; overflow: visible; }
.ag-izgara { stroke: var(--y-cizgi); stroke-width: 1; stroke-dasharray: 3 5; vector-effect: non-scaling-stroke; }
.ag-taban { stroke: var(--y-cizgi); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.ag-alan { fill: var(--y-veri-alan); animation: y-belir var(--y-hiz) ease-out both; }
.ag-cizgi { fill: none; stroke: var(--y-veri); stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; animation: y-belir var(--y-hiz) ease-out both; }
.ag-onceki { fill: none; stroke: var(--y-grafik); stroke-width: 1.75; stroke-dasharray: 5 5; vector-effect: non-scaling-stroke; }
.ag-son, .ag-nokta { position: absolute; left: calc(var(--x, 0) * 100%); bottom: calc(var(--y, 0) * 100%); width: 12px; height: 12px; margin: 0 0 -6px -6px; border-radius: 50%; background: var(--y-veri); box-shadow: 0 0 0 3px var(--surface); pointer-events: none; }
.ag-nokta { display: none; width: 14px; height: 14px; margin: 0 0 -7px -7px; }
.ag-kilavuz { position: absolute; top: 0; bottom: 0; left: calc(var(--x, 0) * 100%); display: none; border-left: 1.5px dashed var(--text-2); pointer-events: none; }
.ag-kutu { position: absolute; top: -4px; left: calc(var(--x, 0) * 100%); z-index: 2; display: none; transform: translate(-50%, -100%); min-width: 120px; padding: 8px 12px; border-radius: var(--y-r-ic); background: var(--night-2); color: var(--night-text); font-size: var(--y-fs-s); line-height: 1.35; box-shadow: 0 10px 24px -10px var(--y-golge); pointer-events: none; white-space: nowrap; }
.ag-kutu strong { display: block; font-weight: 600; }
.ag-kutu .mono { display: block; font-size: var(--y-fs-g); font-weight: 600; }
.ag-kutu small { display: block; color: var(--night-muted); font-size: var(--y-fs-xs); }
.ag-kutu-sol { transform: translate(-100%, -100%); }
.ag-kutu-sag { transform: translate(0, -100%); }
.ag-etkin .ag-kilavuz, .ag-etkin .ag-kutu { display: block; }
.ag-etkin .ag-nokta:not([hidden]) { display: block; }
.ag-x { position: relative; height: 22px; font-size: var(--y-fs-xs); color: var(--y-grafik); }
.ag-x span { position: absolute; left: calc(var(--x, 0) * 100%); transform: translateX(-50%); white-space: nowrap; }
.ag-x .ag-x-ilk { transform: none; }
.ag-x .ag-x-son { transform: translateX(-100%); }

/* --- Sıralı liste (BarList): ad bir kapıdır ------------------------------------------------------------------------------------- */
.sira { display: grid; gap: 12px; }
.sira-oge { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: center; }
.sira-ad { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: var(--y-fs-m); white-space: normal; }
.sira-ad small { display: block; font-size: var(--y-fs-xs); color: var(--y-soluk); overflow: hidden; text-overflow: ellipsis; }
.sira-ad-simgeli { display: flex; align-items: center; gap: 9px; }
.sira-ad-metin { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sira-bag .sira-ad-metin, .sira-ad-simgeli .sira-ad-metin { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; line-height: 1.3; overflow-wrap: anywhere; }
.sira-bag { display: inline-flex; align-items: center; gap: 6px; min-width: 0; min-height: 40px; color: var(--text); text-decoration: underline; text-decoration-color: var(--y-cizgi); text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.sira-bag:hover { text-decoration-color: var(--text); }
.sira-bag:focus-visible { outline-offset: 2px; border-radius: 4px; }
.sira-dis { width: 15px; height: 15px; flex: none; color: var(--y-soluk); }
.sira-deger { font-weight: 500; font-size: var(--y-fs-m); }
.sira-deger small { font-family: var(--sans); font-weight: 500; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.sira-no { display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 7px; background: var(--y-ton); color: var(--text-2); font-size: var(--y-fs-xs); font-weight: 600; }
.sira-cubuk { grid-column: 1 / -1; display: block; height: 5px; border-radius: 99px; background: var(--y-ton); overflow: hidden; }
.sira-cubuk i { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(var(--oran, 0)); border-radius: 99px; background: var(--text); animation: y-buyu-x var(--y-hiz) var(--y-cikis) var(--gecikme, 0ms) both; }
.sira .pl-tas, .sira .pl-logo { vertical-align: 0; }
.sira .pl-tas { width: 26px; height: 26px; border-radius: 8px; }
.sira .pl-tas .ik, .sira .pl-tas svg { width: 17px; height: 17px; }
.kresim { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 10px; overflow: hidden; background: var(--media-well); border: 1px solid var(--y-cizgi); }
.kresim img { width: 100%; height: 100%; object-fit: contain; }
.kresim-yok { background: var(--y-ton); color: var(--text-2); font-size: var(--y-fs-xs); font-weight: 700; }
.liste-sade { display: grid; }
.liste-sade li { display: flex; align-items: baseline; gap: 12px; padding: 9px 20px; border-bottom: 1px solid var(--y-cizgi); font-size: var(--y-fs-m); }
.liste-sade li:last-child { border-bottom: 0; }
.liste-sade .ls-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-2); }
.liste-sade .ls-deger { flex: none; font-family: var(--mono); font-weight: 500; font-size: var(--y-fs-s); }
.liste-sade .ls-deger.sifir { color: var(--y-soluk); font-weight: 400; }
.site-bag { display: inline-flex; align-items: center; gap: 6px; color: var(--text); text-decoration: underline; text-decoration-color: var(--y-cizgi); text-decoration-thickness: 1.5px; text-underline-offset: 4px; overflow-wrap: anywhere; }
.site-bag:hover { text-decoration-color: var(--text); }

/* --- Oran listesi, halka, huni, yığılmış çubuk ---------------------------------------------------------------------------------- */
.oran-liste { display: grid; gap: 16px; list-style: none; margin: 0; padding: 0; }
.oran-oge { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: baseline; }
.oran-ad { min-width: 0; font-size: var(--y-fs-m); }
.oran-ad small { display: block; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.oran-deger { display: inline-flex; align-items: baseline; gap: 8px; white-space: nowrap; }
.oran-deger strong { font-family: var(--mono); font-size: 1.25rem; font-weight: 500; letter-spacing: -0.02em; }
.oran-deger small { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.oran-cubuk { grid-column: 1 / -1; display: block; height: 8px; border-radius: 99px; background: var(--y-ton); overflow: hidden; }
.oran-cubuk i { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(var(--oran, 0)); border-radius: 99px; background: var(--text); animation: y-buyu-x var(--y-hiz) var(--y-cikis) var(--gecikme, 0ms) both; }
.halka { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; }
.halka-cizim { position: relative; flex: none; width: 160px; height: 160px; }
.halka-svg { width: 100%; height: 100%; }
.halka-zemin { fill: none; stroke: var(--y-ton); stroke-width: 6; }
.halka-dilim { fill: none; stroke-width: 6; animation: y-belir var(--y-hiz) ease-out both; }
.halka-r1 { stroke: var(--y-veri); background: var(--y-veri); }
.halka-r2 { stroke: var(--y-veri-2); background: var(--y-veri-2); }
.halka-r3 { stroke: var(--y-veri-3); background: var(--y-veri-3); }
.halka-r4 { stroke: var(--line); background: var(--line); }
.halka-orta { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; line-height: 1.1; }
.halka-orta strong { font-family: var(--mono); font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; }
.halka-orta span { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.halka-lejant { display: grid; gap: 10px; flex: 1 1 180px; }
.halka-lejant li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 10px; font-size: var(--y-fs-m); }
.halka-renk { width: 12px; height: 12px; border-radius: 4px; }
.halka-pay { font-weight: 600; }
.halka-sayi { color: var(--y-soluk); font-size: var(--y-fs-xs); }
.huni { display: grid; gap: 4px; }
.huni-adim { display: grid; gap: 6px; }
.huni-satir { display: flex; justify-content: space-between; gap: 12px; font-size: var(--y-fs-m); }
.huni-deger { font-weight: 600; }
.huni-cubuk { display: block; height: 20px; border-radius: 8px; background: var(--y-ton); overflow: hidden; }
.huni-cubuk i { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(var(--oran, 0)); border-radius: 8px; background: var(--text); animation: y-buyu-x var(--y-hiz) var(--y-cikis) var(--gecikme, 0ms) both; }
.huni-adim + .huni-adim .huni-cubuk i { opacity: 0.85; }
.huni-gecis { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 8px 0 2px; font-size: var(--y-fs-s); color: var(--text-2); }
.huni-gecis .ik { width: 16px; height: 16px; color: var(--y-soluk); }
.huni-gecis-kotu, .huni-gecis-kotu .ik { color: var(--text); }
.huni-gecis strong { padding: 1px 8px; border-radius: 999px; background: var(--y-ton); font-weight: 600; }
.yc { display: grid; gap: 14px; }
.yc-cubuk { display: flex; gap: 3px; height: 22px; border-radius: 8px; overflow: hidden; background: var(--y-ton); }
.yc-parca { flex: calc(var(--pay, 0) * 1000) 1 0; min-width: 4px; transform-origin: left; animation: y-buyu-x var(--y-hiz) var(--y-cikis) both; }
.yc-t1 { background: var(--y-veri); }
.yc-t2 { background: var(--y-veri-2); }
.yc-t3 { background: var(--y-veri-3); }
.yc-t4 { background: var(--chart-context); }
.yc-t5 { background: var(--line); }
.yc-lejant { display: grid; gap: 10px; }
.yc-oge { display: grid; grid-template-columns: auto minmax(0, 1fr) 4.5ch 5ch; align-items: center; gap: 10px; font-size: var(--y-fs-m); }
.yc-renk { width: 12px; height: 12px; border-radius: 4px; }
.yc-ad { min-width: 0; overflow-wrap: anywhere; }
.yc-ad small { display: block; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.yc-pay { font-weight: 600; text-align: right; }
.yc-sayi { min-width: 3.5ch; text-align: right; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.yc-sifir { color: var(--y-soluk); }
.yc-sifir .yc-renk { opacity: 0.4; }
@media (min-width: 900px) { .trafik2 .yc-lejant { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; } }

/* --- Sağlık listesi ve durum şeridi (eski Pano; Genel Bakış'ta tek satırlık .gb-durum) ---------------------------------------- */
.saglik { display: grid; padding: 4px 20px 8px; }
.saglik-oge { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 0; border-bottom: 1px solid var(--y-cizgi); font-size: var(--y-fs-m); }
.saglik-oge:last-child { border-bottom: 0; }
.saglik-nokta { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--chart-context); }
.saglik-tamam .saglik-nokta { background: var(--good); }
.saglik-dikkat .saglik-nokta { background: var(--y-dikkat-cizgi); }
.saglik-hata .saglik-nokta { background: var(--warn); }
.saglik-ad { flex: 1; min-width: 0; color: var(--text); }
.saglik-ad a { text-decoration: none; }
.saglik-ad a:hover { text-decoration: underline; text-underline-offset: 3px; }
.saglik-ad small { display: block; font-size: var(--y-fs-xs); color: var(--text-2); }
.saglik-deger { flex: none; font-size: var(--y-fs-s); color: var(--text-2); text-align: right; }
.saglik-hata .saglik-deger { color: var(--warn-text); font-weight: 600; }
.serit { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); background: var(--surface); color: var(--text); }
.serit-sorun { border-color: var(--y-sorun-cizgi); background: var(--y-sorun-zemin); }
.serit-ik { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--y-iyi-zemin); color: var(--y-iyi); }
.serit-dikkat .serit-ik { background: var(--y-dikkat-zemin); color: var(--y-dikkat); }
.serit-sorun .serit-ik { background: var(--y-sorun-cizgi); color: var(--y-on-warn); }
.serit-ik .ik { width: 16px; height: 16px; stroke-width: 2.2; }
.serit-ust { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.serit-baslik { font-family: var(--sans); font-weight: 600; font-size: var(--y-fs-m); line-height: 1.35; }
.serit-iyi .serit-baslik, .serit-dikkat .serit-baslik { color: var(--text); }
.serit-sorun .serit-baslik { color: var(--y-sorun); }
.serit-metin { margin-top: 1px; font-size: var(--y-fs-s); color: var(--text-2); max-width: 68ch; text-wrap: pretty; }
.serit-eylem { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.serit-is { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px 0 14px; border: 1px solid var(--y-cizgi); border-radius: 999px; background: var(--surface); color: var(--text); font-size: var(--y-fs-s); font-weight: 600; text-decoration: none; }
a.serit-is:hover { border-color: var(--text); }
.serit-is-dikkat .ik:first-child { color: var(--warn); width: 16px; height: 16px; }
.serit-sayi { display: inline-grid; place-items: center; min-width: 24px; height: 22px; padding: 0 7px; border-radius: 999px; background: var(--night); color: var(--night-text); font-size: var(--y-fs-xs); font-weight: 600; }
.serit-ok { width: 14px; height: 14px; color: var(--y-soluk); }
.ozet-saglik { padding: 0 16px; border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); background: var(--surface); }
.ozet-saglik > summary { font-size: var(--y-fs-m); color: var(--text-2); }
.ozet-saglik[open] > .ayrinti-ic { padding-bottom: 8px; }
.icerik > .serit + .ozet-saglik { margin-top: 10px; }

/* --- Nabız (canlı), logolar ve kanal simgeleri ------------------------------------------------------------------------------------- */
.nabiz { position: relative; display: inline-grid; place-items: center; flex: none; width: 14px; height: 14px; vertical-align: middle; }
.nabiz-nokta { position: relative; z-index: 1; width: 10px; height: 10px; border-radius: 50%; background: var(--good); }
.nabiz-halka { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--good); opacity: 0; animation: y-nabiz 2.4s cubic-bezier(0.2, 0.6, 0.3, 1) infinite; }
.nabiz-halka-2 { animation-delay: 1.2s; }
.nabiz-kapali .nabiz-nokta { background: var(--y-soluk); }
.nabiz-kapali .nabiz-halka { display: none; }
@keyframes y-nabiz { 0% { transform: scale(0.7); opacity: 0.75; } 100% { transform: scale(2.6); opacity: 0; } }
.pl-tas { display: inline-grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: 6px; background: var(--text); color: var(--paper); vertical-align: -5px; }
.pl-tas svg { width: 17px; height: 17px; display: block; overflow: visible; }
.pl-tas text { font-family: 'Geist', sans-serif; letter-spacing: -0.02em; }
.pl-tas-yuvarlak { border-radius: 50%; }
.pl-tas-magaza { width: auto; min-width: 20px; padding: 0 4px; font-size: var(--y-fs-xs); font-weight: 700; line-height: 1; }
.pl-logo { display: inline-grid; place-items: center; flex: none; height: 22px; padding: 2px 6px; border-radius: 6px; background: #fff; border: 1px solid var(--y-cizgi); vertical-align: -5px; }
.pl-logo img { display: block; max-height: 15px; width: auto; max-width: 64px; object-fit: contain; }
.pl-logo-koyu { background: #000; border-color: #000; }

/* --- Yan panel, pencere, bildirim, oturum uyarısı (açılır katman: yalnız burada gölge) ------------------------------------------- */
.yan-panel { position: fixed; inset: 0 0 0 auto; width: min(580px, 100vw); max-width: 100vw; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; border-left: 1px solid var(--y-cizgi); background: var(--surface); color: var(--text); box-shadow: -24px 0 48px -24px var(--y-golge); }
.yan-panel[open] { display: flex; flex-direction: column; animation: y-yan-panel 0.22s var(--y-ease); }
.yan-panel::backdrop { background: var(--y-ort); }
@keyframes y-yan-panel { from { transform: translateX(24px); opacity: 0; } }
.yan-panel-ust { display: flex; align-items: flex-start; gap: 12px; padding: 16px 16px 14px 24px; border-bottom: 1px solid var(--y-cizgi); }
.yan-panel-baslik-kap { flex: 1; min-width: 0; }
.yan-panel-baslik { font-family: var(--display); font-weight: 700; font-size: 1.25rem; letter-spacing: -0.02em; line-height: 1.25; overflow-wrap: anywhere; }
.yan-panel-alt { margin-top: 2px; font-size: var(--y-fs-s); color: var(--y-soluk); }
.yan-panel-govde { flex: 1; overflow: auto; padding: 18px 24px 24px; display: grid; align-content: start; gap: 16px; }
.yan-panel-eylem { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 12px 24px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--y-cizgi); background: var(--surface); }
.yan-panel .sosyal-form { padding: 0; border: 0; background: none; }
.pencere { width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid var(--y-cizgi); border-radius: 20px; background: var(--surface); color: var(--text); box-shadow: 0 0 0 1px rgba(15, 16, 13, 0.06), 0 24px 56px -24px var(--y-golge); }
.pencere-dar { width: min(400px, calc(100vw - 32px)); }
.pencere::backdrop { background: var(--y-ort); }
.pencere[open] { animation: y-pencere 0.2s var(--y-ease); }
@keyframes y-pencere { from { opacity: 0; transform: scale(0.97); } }
.pencere-govde { display: grid; gap: 16px; padding: 24px; }
.pencere-baslik { font-family: var(--display); font-weight: 700; font-size: 1.25rem; letter-spacing: -0.02em; line-height: 1.2; }
.pencere-metin { color: var(--text-2); }
.pencere-eylem { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 4px; }
.pencere-rozet { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--y-cizgi); border-radius: 50%; background: var(--paper); color: var(--text-2); }
.bildirimler { position: fixed; right: 24px; bottom: 24px; z-index: 60; display: grid; gap: 8px; justify-items: end; pointer-events: none; }
.bildirim-bolge { display: grid; gap: 8px; justify-items: end; }
.bildirim {
  --focus: var(--night-text);
  pointer-events: auto; display: flex; align-items: center; gap: 10px; width: max-content; max-width: min(420px, calc(100vw - 32px));
  padding: 8px 6px 8px 14px; border-radius: 14px; background: var(--night-2); color: var(--night-text);
  border: 1px solid rgba(239, 237, 230, 0.12); box-shadow: 0 16px 32px -16px var(--y-golge);
  font-size: var(--y-fs-s); font-weight: 600; line-height: 1.35;
  opacity: 0; transform: translateY(12px); transition: opacity 0.2s, transform 0.25s var(--y-ease);
}
.bildirim.acik { opacity: 1; transform: none; }
.bildirim-ikon { display: grid; color: var(--y-gece-bilgi); }
.bildirim-ikon .ik { width: 18px; height: 18px; }
.bildirim-tamam .bildirim-ikon { color: var(--night-text); }
.bildirim-hata .bildirim-ikon { color: var(--y-gece-uyari); }
.bildirim-metin { flex: 1; min-width: 0; padding: 6px 0; }
.bildirim .dg-sessiz { color: var(--night-muted); }
@media (hover: hover) and (pointer: fine) { .bildirim .dg-sessiz:hover { background: rgba(239, 237, 230, 0.1); color: var(--night-text); } }
.oturum-uyari { position: fixed; left: 50%; bottom: 24px; z-index: 50; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; width: max-content; max-width: calc(100vw - 32px); padding: 8px 8px 8px 16px; border: 1px solid var(--accent); border-radius: 16px; background: var(--accent-soft); color: var(--text); font-size: var(--y-fs-s); font-weight: 600; box-shadow: 0 16px 32px -16px var(--y-golge); }
.oturum-uyari > .ik { color: var(--accent-text); }
.oturum-sayac { font-weight: 600; }

/* =========================================================================================================================
   6. Genel Bakış (bolumler/genel.js): seçenek B "sıcak krem" (sahip kararı, 10 Ekim 2026; maket panel2-maket/sonra-b.html).
   Tek sıcak ton: sitenin --accent ailesi (kum / krem). Lime yalnız "peşin fiyatına" sözünde (.pesin). Sayı şeridi tek yüzey; grafik ve
   huni yan yana (2 : 1); üç kart (1 : 1,25 : 1); son olaylar kutusuz düz tablo.
   ========================================================================================================================= */
.pesin { display: inline-block; padding: 0 6px; border-radius: 5px; background: var(--lime); color: var(--night); font-weight: 600; white-space: nowrap; line-height: 1.45; }
.gb { display: grid; gap: 16px; }
.gb > * { min-width: 0; }
.gb .kart { margin-top: 0; }
.gb-kart { display: flex; flex-direction: column; min-width: 0; padding: 20px 24px; }
.gb-kb { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-height: 32px; }
.gb-kb h2 { display: flex; align-items: center; min-width: 0; font-family: var(--display); font-size: 1.125rem; font-weight: 700; letter-spacing: -0.015em; line-height: 1.2; }
.gb-baslik-bag { color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .gb-baslik-bag:hover { text-decoration: underline; text-underline-offset: 3px; } }
.gb-not { font-size: var(--y-fs-xs); color: var(--y-soluk); line-height: 1.45; }
.gb-alt-baslik { margin: 2px 0 6px; }
.gb-bos { padding: 10px 0; font-size: var(--y-fs-s); color: var(--y-soluk); }
.gb-ek { display: inline-flex; align-items: center; gap: 3px; font-size: var(--y-fs-xs); color: var(--y-soluk); text-decoration: none; white-space: nowrap; }
.gb-ek .ik { width: 13px; height: 13px; }
a.gb-ek:hover { color: var(--text); }
.gb-soluk { color: var(--y-soluk); }

/* Başlıktaki bekleyen iş çipi (eski durum şeridinin yerine): krem nokta; kırmızı yalnız acil sorunda */
.ust-durum { display: flex; min-width: 0; }
.gb-cip { display: inline-flex; align-items: center; gap: 8px; min-width: 0; min-height: 40px; padding: 0 14px; border: 1px solid var(--y-cizgi); border-radius: 999px; background: var(--surface); color: var(--text-2); font-size: var(--y-fs-xs); text-decoration: none; }
.gb-cip b { color: var(--text); font-weight: 600; white-space: nowrap; }
.gb-cip-alt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gb-cip .ik { flex: none; width: 13px; height: 13px; color: var(--y-soluk); }
a.gb-cip:hover { border-color: var(--text-2); }
.gb-nokta { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 3px var(--good-soft); }
.gb-cip-dikkat .gb-nokta { background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.gb-cip-sorun { border-color: var(--y-sorun-cizgi); background: var(--y-sorun-zemin); }
.gb-cip-sorun .gb-nokta { background: var(--y-sorun-cizgi); box-shadow: 0 0 0 3px var(--surface); }
.gb-cip-sorun b { color: var(--y-sorun); }

/* B: sayı şeridi: tek yüzey, dört sütun, ince ayraç */
.gb-serit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); background: var(--surface); }
.gb-kpi { display: flex; flex-direction: column; min-width: 0; padding: 20px 22px 18px; }
.gb-kpi + .gb-kpi { border-left: 1px solid var(--y-cizgi); }
.gb-kpi-ad { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 0; min-height: 28px; font-family: var(--sans); font-size: var(--y-fs-s); font-weight: 600; color: var(--text-2); letter-spacing: 0; }
.gb-kpi-ad .pesin { margin-right: 5px; }
.gb-kpi-orta { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin: 8px 0 6px; }
.gb-sayi { font-family: var(--display); font-size: 2.25rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.05; font-variant-numeric: tabular-nums; white-space: nowrap; }
.gb-sayi-yok { color: var(--y-grafik); }
.gb-kiyas { font-size: var(--y-fs-xs); color: var(--text-2); }
.gb-kiyas b { font-family: var(--mono); font-weight: 600; color: var(--text); }
.gb-kiyas b.gb-yukari { color: var(--good-text); }
.gb-kiyas-iyi { color: var(--good-text); }
.gb-kiyas-kotu { color: var(--warn-text); }
.gb-donem-not { text-align: left; margin: 0 0 8px; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.gb-tanim { margin-top: 6px; font-size: var(--y-fs-xs); color: var(--y-soluk); line-height: 1.4; }
.gb-minik { flex: none; display: block; overflow: visible; }
.gb-minik-alan { fill: var(--y-krem-alan); }
.gb-minik-cizgi { fill: none; stroke: var(--accent-text); stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
.gb-minik-son { fill: var(--accent-text); }

/* C + D: grafik ve huni */
.gb-iki { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; }
.gb-donem { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--y-cizgi); border-radius: 999px; background: var(--paper); }
.gb-donem button { min-height: 32px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--y-soluk); font-size: var(--y-fs-xs); font-weight: 500; }
.gb-donem button[aria-pressed='true'] { background: var(--text); color: var(--paper); font-weight: 600; }
.gb-donem button:disabled { color: var(--y-soluk); text-decoration: line-through; text-decoration-color: var(--y-grafik); cursor: not-allowed; }
@media (hover: hover) and (pointer: fine) { .gb-donem button[aria-pressed='false']:not(:disabled):hover { color: var(--text); } }
.gb-donem-not { margin-top: 6px; text-align: right; }
.gb-grafik-ic { display: grid; gap: 6px; margin-top: 8px; }
.gb-grafik-ic.yenileniyor { opacity: 0.6; }
.gb-lejant { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: var(--y-fs-xs); color: var(--text-2); }
.gb-lejant i { display: inline-block; width: 18px; height: 0; margin-right: 6px; border-top: 2.5px solid var(--accent-text); vertical-align: 4px; }
.gb-lejant i.k { border-top: 2px dashed var(--text-2); }
.gb-ana-svg { display: block; overflow: visible; }
.gr-t { display: none; }
.gr-izgara { stroke: var(--y-cizgi); stroke-dasharray: 2 4; }
.gr-yazi { fill: var(--y-grafik); font-size: 13px; font-family: var(--mono); }
.gr-yazi-bugun { fill: var(--text); font-weight: 600; }
.gr-alan { fill: var(--y-krem-alan); }
.gr-cizgi { fill: none; stroke: var(--accent-text); stroke-width: 2.2; stroke-linejoin: round; }
.gr-giden { fill: none; stroke: var(--text-2); stroke-width: 1.6; stroke-dasharray: 4 4; }
.gr-nokta { fill: var(--surface); stroke: var(--accent-text); stroke-width: 2; }
.gr-nokta-bugun { fill: var(--surface); stroke-width: 2.4; }
.gr-giden-nokta { fill: var(--text); }
.gr-deger { fill: var(--text); font-size: 13px; font-weight: 600; font-family: var(--mono); }

.gb-adim { padding: 12px 0; }
.gb-adim + .gb-adim { border-top: 1px solid var(--y-cizgi); }
.gb-adim-ust { display: flex; align-items: baseline; gap: 10px; }
.gb-adim-sayi { min-width: 44px; font-family: var(--display); font-size: 1.75rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.gb-adim-ad { font-weight: 600; font-size: var(--y-fs-m); }
.gb-adim-oran { margin-left: auto; font-family: var(--mono); font-size: var(--y-fs-xs); font-weight: 500; color: var(--text-2); white-space: nowrap; }
.gb-adim .gb-not { margin-top: 6px; }
.gb-ray { height: 10px; margin-top: 10px; border-radius: 999px; background: var(--accent-soft); overflow: hidden; }
.gb-ray i { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(var(--oran, 0)); border-radius: 999px; background: var(--accent); }
.gb-ayri { display: flex; gap: 10px; align-items: flex-start; margin-top: 6px; padding-top: 12px; border-top: 1px dashed var(--y-cizgi); font-size: var(--y-fs-xs); color: var(--text-2); line-height: 1.5; }
.gb-ayri > .ik { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--y-soluk); }
.gb-ayri .ipucu-etiketli { margin-left: 0; }
.gb-ayri .ipucu-etiketli .ipucu-dugme { min-height: 0; font-size: var(--y-fs-xs); color: var(--text); }

/* B2: Yapay zekâdan gelenler (11 Ekim 2026; bolumler/ai-gelis.js): dört kutu, ince ayraç; telefonda alt alta */
.gb-ai-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px; }
.gb-ai-kutu { min-width: 0; padding: 4px 18px 6px; }
.gb-ai-kutu:first-child { padding-left: 0; }
.gb-ai-kutu:last-child { padding-right: 0; }
.gb-ai-kutu + .gb-ai-kutu { border-left: 1px solid var(--y-cizgi); }
.gb-ai-baslik { font-family: var(--sans); font-size: var(--y-fs-s); font-weight: 600; color: var(--text-2); letter-spacing: 0; }
.gb-ai-buyuk { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin: 6px 0 2px; }
.gb-ai-ek { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.gb-ai-alt { margin: 12px 0 2px; font-family: var(--sans); font-size: var(--y-fs-xs); font-weight: 600; color: var(--text-2); letter-spacing: 0; }
.gb-ai-dogru { margin-top: 8px; }
.gb-ai .gb-satir { min-height: 36px; padding: 5px 0; }
.gb-ai-bot .gb-ad { font-family: var(--mono); font-size: var(--y-fs-xs); }
.gb-ai .gb-ai-bot { gap: 8px; }
.gb-ai-hata { min-width: 40px; font-size: var(--y-fs-xs); font-weight: 500; color: var(--text-2); }
.gb-ai-hata.gb-kiyas-kotu { color: var(--warn-text); font-weight: 600; }
.gb-ai-sinir { font-style: italic; }
@media (max-width: 1100px) {
  .gb-ai-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; }
  .gb-ai-kutu:nth-child(odd) { padding-left: 0; border-left: 0; }
  .gb-ai-kutu:nth-child(even) { padding-right: 0; }
  .gb-ai-kutu:nth-child(n + 3) { padding-top: 16px; border-top: 1px solid var(--y-cizgi); }
}
@media (max-width: 640px) {
  .gb-ai-izgara { grid-template-columns: minmax(0, 1fr); }
  .gb-ai-kutu, .gb-ai-kutu:nth-child(even) { padding: 14px 0 0; border-left: 0; }
  .gb-ai-kutu + .gb-ai-kutu { border-top: 1px solid var(--y-cizgi); }
}

/* E, F, G: üç kart */
.gb-uc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; }
.gb-satir { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 0; font-size: var(--y-fs-s); }
.gb-satir + .gb-satir { border-top: 1px solid var(--y-cizgi); }
.gb-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
.gb-n { flex: none; font-family: var(--mono); font-size: var(--y-fs-s); font-weight: 600; text-align: right; }
.gb-ray-k { flex: 0 0 34%; max-width: 120px; height: 8px; margin-top: 0; }
.gb-sira { flex: none; width: 18px; font-family: var(--mono); font-size: var(--y-fs-xs); color: var(--y-soluk); }
.gb-urun-ad { flex: 1; min-width: 0; display: grid; }
.gb-urun-ad > a, .gb-urun-ad > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; color: var(--text); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { .gb-urun-ad > a:hover { text-decoration: underline; text-underline-offset: 3px; } }
.gb-urun-ad small { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.gb-tumu { display: none; align-self: flex-start; margin-top: 6px; font-size: var(--y-fs-xs); color: var(--text); text-underline-offset: 3px; }

.gb-kat-sayi { margin-top: 10px; font-weight: 600; }
.gb-buyuk { font-family: var(--display); font-size: 2.25rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.gb-kat-pay { margin: 8px 0 14px; font-size: var(--y-fs-s); }
.gb-kat-pay b { font-family: var(--mono); font-weight: 600; }
.gb-yigin { display: flex; gap: 2px; height: 14px; margin: 8px 0 10px; border-radius: 999px; overflow: hidden; }
.gb-yigin i { display: block; height: 100%; flex: var(--pay, 1) 1 0; min-width: 3px; }
.gb-yigin .r1, .gb-lej2 i.r1 { background: var(--text); }
.gb-yigin .r2, .gb-lej2 i.r2 { background: var(--text-2); }
.gb-yigin .r3, .gb-lej2 i.r3 { background: var(--chart-context); }
.gb-yigin .r4, .gb-lej2 i.r4 { background: var(--accent); }
.gb-yigin .r5, .gb-lej2 i.r5 { background: var(--line); }
.gb-lej2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 20px; font-size: var(--y-fs-xs); }
.gb-lej2 > span { display: flex; align-items: center; gap: 8px; min-width: 0; }
.gb-lej2 i { flex: none; width: 10px; height: 10px; border-radius: 3px; }
.gb-lej2 b { flex: none; font-family: var(--mono); font-weight: 500; }
.gb-kat-liste { margin-top: 12px; border-top: 1px solid var(--y-cizgi); }
.gb-kat-satir { flex-wrap: wrap; column-gap: 12px; row-gap: 2px; }
.gb-kat-satir .gb-ad { flex: 1 0 auto; display: flex; align-items: center; overflow: visible; white-space: nowrap; }
.gb-kat-satir .gb-n { margin-left: auto; white-space: nowrap; }

/* H: son olaylar: kutusuz düz tablo */
.gb-olaylar { margin-top: 8px; }
.gb-sekme { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.gb-sekme button { min-height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: var(--y-soluk); font-size: var(--y-fs-xs); }
.gb-sekme button[aria-pressed='true'] { background: var(--accent-soft); color: var(--text); font-weight: 600; }
@media (hover: hover) and (pointer: fine) { .gb-sekme button[aria-pressed='false']:hover { color: var(--text); } }
.gb-tablo { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: var(--y-fs-s); }
.gb-tablo th { padding: 8px 12px 8px 0; border-bottom: 1px solid var(--line); text-align: left; font-size: var(--y-fs-xs); font-weight: 500; color: var(--y-soluk); }
.gb-tablo td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--y-cizgi); vertical-align: middle; }
.gb-saat { width: 96px; font-family: var(--mono); color: var(--text-2); white-space: nowrap; }
.gb-alan, .gb-durum-h { width: 1%; white-space: nowrap; }
.gb-etiket { display: inline-block; padding: 3px 9px; border: 1px solid var(--y-cizgi); border-radius: 6px; font-size: var(--y-fs-xs); font-weight: 500; color: var(--text-2); }
.gb-dr { display: inline-flex; align-items: center; gap: 8px; font-size: var(--y-fs-xs); color: var(--text-2); }
.gb-dr i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--chart-context); }
.gb-dr-bekliyor i { background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.gb-dr-tamam i { background: var(--good); }
.gb-dr-hata i { background: var(--y-sorun-cizgi); }
.gb-dr-hata { color: var(--y-sorun); }

/* 11 Ekim 2026: tek "Bugün" bloğu (üç sayı + otomatik tıklama satırı) */
.gb-bugun { display: flex; flex-direction: column; gap: 8px; }
.gb-bugun-baslik { margin: 0; font-family: var(--sans); font-size: var(--y-fs-s); font-weight: 700; color: var(--text); }
.gb-serit-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gb-kucuk { margin: -2px 0 4px; }
.gb-oto { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; margin: 0; padding: 0 4px; font-size: var(--y-fs-xs); color: var(--text-2); line-height: 1.5; }
.gb-oto > .ik { flex: none; width: 16px; height: 16px; color: var(--y-soluk); }
.gb-oto .ipucu-etiketli .ipucu-dugme { min-height: 0; font-size: var(--y-fs-xs); color: var(--text); }

/* Tur 3 (10 Ekim 2026): beş sayılı şerit, kaynak işaretleri, kalış (hemen çıkan / kalan), mağazaya giden geçmişi, katalog alt satırları */
.gb-serit-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.gr-kaynak { stroke: var(--y-grafik); stroke-width: 1; stroke-dasharray: 2 3; }
.gr-kaynak-yazi { fill: var(--text-2); font-size: 12px; font-weight: 600; font-family: var(--mono); }
.gb-isaret-not { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.gb-isaret-no { display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-right: 2px; border: 1px solid var(--y-cizgi); border-radius: 50%; font-family: var(--mono); font-size: 12px; font-weight: 600; color: var(--text-2); }
.gb-kalis { margin: 0 0 4px; padding: 10px 0 12px 54px; border-top: 1px solid var(--y-cizgi); }
.gb-kalis-ust { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: var(--y-fs-s); color: var(--text-2); }
.gb-kalis-ust > span { display: inline-flex; align-items: center; gap: 6px; }
.gb-kalis-ust b { font-family: var(--mono); font-weight: 600; color: var(--text); }
.gb-kalis-ust i { flex: none; width: 10px; height: 10px; border-radius: 3px; }
.gb-kalis-ust i.h, .gb-kalis-cubuk i.h { background: var(--chart-context); }
.gb-kalis-ust i.k, .gb-kalis-cubuk i.k { background: var(--accent); }
.gb-kalis-cubuk { display: flex; gap: 2px; height: 8px; margin-top: 8px; border-radius: 999px; overflow: hidden; background: var(--y-cizgi); }
.gb-kalis-cubuk i { display: block; height: 100%; flex: var(--pay, 1) 1 0; min-width: 3px; }
.gb-kalis-cubuk i.s { background: repeating-linear-gradient(90deg, var(--y-cizgi) 0 4px, transparent 4px 7px); }
.gb-kalis .gb-not { margin-top: 6px; }
.gb-kalis-yok { padding: 8px 0 10px; border-top: 1px solid var(--y-cizgi); }
.gb-giden-seri { margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--line); }
.gb-giden-baslik { margin-bottom: 6px; font-size: var(--y-fs-s); font-weight: 600; }
.gb-giden-svg { overflow: visible; margin-top: 4px; }
.gb-giden-svg.gr-m { display: block; }
.gb-serit-5 .gb-sayi { font-size: 2rem; }
.gb-serit-5 .gb-kpi-orta { flex-wrap: wrap; }
.gb-serit-5 .gb-minik { width: 76px; height: 30px; }
.gr-bar-kisi { fill: var(--text-2); }
.gr-bar-tik { fill: none; stroke: var(--y-grafik); stroke-width: 1.2; stroke-dasharray: 2 2; }
.gb-lejant i.bar-k, .gb-lejant i.bar-t { width: 10px; height: 10px; border: 0; border-radius: 2px; vertical-align: -1px; }
.gb-lejant i.bar-k { background: var(--text-2); }
.gb-lejant i.bar-t { border: 1.2px dashed var(--y-grafik); }
.gb-kat-alt { min-height: 36px; padding-left: 14px; font-size: var(--y-fs-xs); color: var(--text-2); }
.gb-kat-alt .gb-ad { color: var(--text-2); }
.gb-kat-alt .gb-n { font-size: var(--y-fs-xs); font-weight: 500; }
.gb-kat-dag { margin-top: 14px; }
.gb-kat-sayi .ipucu { margin-left: 4px; }

/* Sayfa üst şeridi (bolumler/sayfa-ozeti.js): Genel Bakış şeridinin aynısı, sekmelerin üstünde */
.sayfa-ozeti { margin: -6px 0 18px; }
.sayfa-ozeti:not([hidden]) + .sekme-cubugu { margin-top: 0; }
.sayfa-serit-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sayfa-serit-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sayfa-serit-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sayfa-serit-1 { grid-template-columns: minmax(0, 1fr); }

/* Öteki sayfalar Genel Bakış'ın dilinde (tur 3): kutu ızgaraları tek yüzey ve ince ayraç, sayılar büyük ve kalın, küçük çizgi krem, tablolar kutusuz.
   Kapsam: Genel Bakış dışındaki bütün sayfalar (kabuk body[data-sayfa] yazar). Bileşenler (bilesenler.js) değişmedi; yalnız görünüş. */
body[data-sayfa]:not([data-sayfa='genel']) .icerik .kpi-izgara,
body[data-sayfa]:not([data-sayfa='genel']) .icerik .ist-izgara { gap: 0; border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); background: var(--surface); overflow: clip; }
body[data-sayfa]:not([data-sayfa='genel']) .icerik .kpi-izgara > .kpi,
body[data-sayfa]:not([data-sayfa='genel']) .icerik .ist-izgara > .ist { border: 0; border-radius: 0; box-shadow: -1px -1px 0 var(--y-cizgi); padding: 18px 22px 16px; }
body[data-sayfa]:not([data-sayfa='genel']) .icerik .kpi-sayi,
body[data-sayfa]:not([data-sayfa='genel']) .icerik .ist-deger { font-family: var(--display); font-weight: 700; letter-spacing: -0.02em; }
body[data-sayfa]:not([data-sayfa='genel']) .icerik .kpi-etiket,
body[data-sayfa]:not([data-sayfa='genel']) .icerik .ist-etiket { font-weight: 600; }
body[data-sayfa]:not([data-sayfa='genel']) .icerik .minik-alan { fill: var(--y-krem-alan); opacity: 1; }
body[data-sayfa]:not([data-sayfa='genel']) .icerik .minik-cizgi { stroke: var(--accent-text); }
body[data-sayfa]:not([data-sayfa='genel']) .icerik :is(.kpi-ilerleme, .pay-cubuk, .sira-cubuk, .oran-cubuk, .huni-cubuk) i { background: var(--accent); }
body[data-sayfa]:not([data-sayfa='genel']) .icerik :is(.kpi-ilerleme, .pay-cubuk, .sira-cubuk, .oran-cubuk, .huni-cubuk) { background: var(--accent-soft); }
body[data-sayfa]:not([data-sayfa='genel']) .icerik .tablo th { border-bottom-color: var(--line); }
body[data-sayfa]:not([data-sayfa='genel']) .icerik .kart-baslik,
body[data-sayfa]:not([data-sayfa='genel']) .icerik .ozet-bas-baslik,
body[data-sayfa]:not([data-sayfa='genel']) .icerik .bolum-baslik { font-weight: 700; letter-spacing: -0.015em; }

/* =========================================================================================================================
   7. Bölümlere özel (henüz yeniden yapılmayan sayfalar yeni kabukta ve belirteçlerle açılır)
   ========================================================================================================================= */
/* --- Eski Pano (Ziyaretçiler › Ayrıntı, bolumler/ozet.js) ve Ölçüm ------------------------------------------------------------ */
.ozet-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ozet-iki > .kart + .kart { margin-top: 0; }
.ozet-uclu { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.ozet-site .ist { display: flex; flex-direction: column; }
.ozet-gun .kpi-izgara + * { margin-top: 0; }
.ozet-ust { position: sticky; top: 8px; z-index: 5; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 16px; padding: 10px 12px 10px 16px; border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); background: var(--paper); }
.ozet-ust-sol { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; min-width: 0; }
.ozet-ust-sag { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ozet-ust .ozet-bas-baslik { font-size: 1.125rem; }
.ozet-ust .ozel-aralik { grid-column: 1 / -1; }
.ozet-donem-not { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: var(--y-fs-s); color: var(--text-2); }
.ozet-donem-not strong { color: var(--text); font-weight: 600; }
.ozel-aralik { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 10px; width: 100%; padding: 10px 12px; border: 1px solid var(--y-cizgi); border-radius: 16px; background: var(--surface); }
.ozel-aralik[hidden] { display: none; }
.ozel-etiket { font-size: var(--y-fs-s); font-weight: 600; color: var(--text); }
.ozel-alan { display: grid; gap: 4px; flex: 1 1 160px; max-width: 220px; }
.ozel-tarih { width: 100%; min-width: 0; min-height: 40px; font-family: var(--mono); font-size: var(--y-fs-m); }
.ozel-aralik .alan-hata { width: 100%; }
.ozet-ayrinti { background: var(--surface); border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); }
.ozet-ayrinti > summary { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 20px; font-weight: 600; font-size: var(--y-fs-g); color: var(--text); }
.ozet-ayrinti > summary small { font-weight: 400; color: var(--y-soluk); font-size: var(--y-fs-s); }
.ozet-ayrinti > .ayrinti-ic { padding: 4px 16px 16px; display: grid; gap: 16px; }
.trafik-aciklama { display: block; margin: 2px 0 0; font-size: var(--y-fs-xs); color: var(--y-soluk); font-weight: 400; }
.trafik-son-not { margin: 0; }
.trafik-kategori .tablo-kap { max-height: none; overflow-x: auto; }
.trafik2 { display: grid; gap: 18px; }
.trafik2-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; }
.trafik2-buyuk { display: flex; align-items: baseline; gap: 8px; }
.trafik2-buyuk strong { font-family: var(--mono); font-size: var(--y-fs-kpi); font-weight: 500; letter-spacing: -0.03em; line-height: 1; }
.trafik2-buyuk span { font-size: var(--y-fs-m); color: var(--text-2); }
.trafik2-not { flex: 1 1 240px; font-size: var(--y-fs-s); color: var(--text-2); line-height: 1.5; }
.trafik2-not strong { color: var(--text); font-weight: 600; }
.trafik2 .ayrinti { border-top: 1px dashed var(--y-cizgi); }
.trafik2 .veri-birikiyor { margin-top: 0; }
.nasil { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr); gap: 10px 20px; font-size: var(--y-fs-m); }
.nasil dt { font-weight: 600; }
.nasil dd { margin: 0; color: var(--text-2); }
.gsc-cumle { font-size: var(--y-fs-m); color: var(--text-2); }
.olcum-yer { display: grid; gap: 16px; }
.olcum-yer > .kart + .kart, .olcum-yer > * + .kart { margin-top: 0; }
.olcum-yer .ayrinti { padding: 0 16px; border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); background: var(--surface); }
.olcum-nasil { display: grid; gap: 8px; }
.olcum-magaza { display: grid; gap: 22px; }
.olcum-grafik .ag { margin-top: 0; }

/* --- Canlı ziyaretler (Ziyaretçiler › Şimdi, bolumler/canli.js) --------------------------------------------------------------- */
.canli-bant { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin-bottom: 16px; padding: 10px 10px 10px 16px; background: var(--surface); border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); }
.canli-bant-uyari { border-color: var(--y-dikkat-cizgi); background: var(--y-dikkat-zemin); }
.canli-bant-durum { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: var(--y-fs-m); }
.canli-bant-durum strong { font-weight: 600; }
.canli-bant-saat { display: inline-flex; align-items: center; gap: 4px; color: var(--y-soluk); font-size: var(--y-fs-s); }
.canli-bant-saat .mono { color: var(--text-2); }
.canli-bant-not { flex: 1 1 260px; font-size: var(--y-fs-s); color: var(--text-2); }
.canli-bant-dugme { margin-left: auto; }
.canli-bant .nabiz { margin-right: 2px; }
.canli-govde .tablo td { overflow-wrap: anywhere; vertical-align: top; }
.canli-govde .tablo td:first-child { white-space: nowrap; }
.canli-govde .ist-izgara { margin-top: 12px; }
.canli-govde .canli-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; }
.canli-govde .canli-dugmeler:empty { display: none; }
.canli-govde .ist-izgara + .bolum-not { margin-top: 12px; }
.canli-gunluk { margin-top: 16px; }
.canli-gunluk .ayrinti-ic { padding-top: 0; }
.canli-gunluk .tablo td:nth-child(3), .canli-gunluk .tablo td:nth-child(4) { white-space: nowrap; }
.canli-acik .tablo td:nth-child(2), .canli-acik .tablo td:nth-child(3), .canli-acik .tablo td:nth-child(5) { white-space: nowrap; }
.kpi-izgara.canli-kpi { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.kpi-canli { background: var(--night); border-color: var(--night); color: var(--night-text); }
.kpi-canli .kpi-etiket, .kpi-canli .kpi-sayi { color: var(--night-text); }
.kpi-canli .kpi-not { color: var(--y-gece-soluk); }
.kpi-canli .ipucu-im { background: var(--y-gece-2); color: var(--night-text); }
.kpi-canli .kpi-deger { align-items: center; gap: 14px; }
.kpi-canli .nabiz { width: 18px; height: 18px; }
.kpi-canli .nabiz-nokta { width: 13px; height: 13px; background: var(--good-night); }
.kpi-canli .nabiz-halka { border-color: var(--good-night); }
.kpi-canli .nabiz-kapali .nabiz-nokta { background: var(--y-gece-soluk); }
.kpi-canli.kpi-sifir .kpi-sayi { color: var(--y-gece-soluk); }
.kpi-canli .minik-cizgi { stroke: var(--night-text); }
.kpi-canli .minik-alan { fill: var(--night-text); }
.canli-ust { align-items: start; }
.canli-tek { grid-template-columns: minmax(0, 1fr); }
.canli-grup-ad, .canli-simdi { display: inline-flex; align-items: center; gap: 8px; }
.canli-izgara-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; align-items: start; }
.canli-izgara-3 > .kart + .kart { margin-top: 0; }
.canli-izgara-3 + .kart, .kart + .canli-izgara-3 { margin-top: 16px; }
.canli-ayrinti > .canli-izgara-3 { margin-top: 0; }
.canli-ayrinti > .kart { margin-top: 16px; }
.canli-grafik-kart .kart-ic { padding-top: 16px; }
.canli-grafik .grafik-ozet { margin-bottom: 14px; padding: 0; border-top: 0; }
.canli-grafik-alt { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--y-cizgi); font-size: var(--y-fs-s); color: var(--y-soluk); }
.canli-grafik-alt strong { color: var(--text); font-weight: 600; }
.canli-suan, .canli-biten { display: flex; flex-direction: column; min-width: 0; }
.canli-acik { flex: 1; min-height: 0; }
.ziyaretciler { display: grid; gap: 8px; padding: 10px; max-height: 360px; overflow-y: auto; overscroll-behavior: contain; }
.ziyaretci { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 4px 12px; align-items: start; padding: 10px 12px; background: var(--paper); border: 1px solid var(--y-cizgi); border-radius: 14px; }
.ziyaretci-ikon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--surface); border: 1px solid var(--y-cizgi); color: var(--text-2); }
.ziyaretci-ikon .ik { width: 18px; height: 18px; }
.ziyaretci-govde { min-width: 0; }
.ziyaretci-bas { font-size: var(--y-fs-m); line-height: 1.35; }
.ziyaretci-bas strong { font-weight: 600; }
.ziyaretci-zaman { display: grid; justify-items: end; gap: 2px; font-size: var(--y-fs-s); font-weight: 600; white-space: nowrap; }
.ziyaretci-zaman small { font-weight: 400; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.ziyaretci-govde .ozet-satir { font-size: var(--y-fs-s); margin-top: 2px; }
.canli-rozet { display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-text); font-size: var(--y-fs-xs); font-weight: 600; line-height: 1.6; white-space: nowrap; }
.canli-rozet-ai { margin-left: 6px; vertical-align: 1px; background: var(--y-ton); color: var(--text-2); }
.canli-bos { padding: 28px 18px; text-align: center; }
.ziyaret-ozetler { display: grid; gap: 8px; margin: 0; padding: 10px; list-style: none; }
@media (min-width: 900px) { .canli-biten .ziyaret-ozetler { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }
.ziyaret-ozet { min-width: 0; padding: 10px 14px 11px; background: var(--paper); border: 1px solid var(--y-cizgi); border-radius: 14px; }
.ziyaret-ozet-saat { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.ziyaret-ozet-bas { margin-top: 2px; font-size: var(--y-fs-m); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.ozet-satir { margin-top: 3px; font-size: var(--y-fs-s); line-height: 1.45; color: var(--text); overflow-wrap: anywhere; }
.ozet-etiket { color: var(--y-soluk); }
.ozet-satir-simgeli > .pl-tas, .ozet-satir-simgeli > .ozet-cihaz { margin-right: 6px; }
.ozet-cihaz { display: inline-grid; place-items: center; width: 20px; height: 20px; color: var(--text-2); vertical-align: -5px; }
.ozet-cihaz .ik { width: 17px; height: 17px; }
.ozet-satir-magaza { line-height: 1.9; }
.ozet-magaza { white-space: normal; }
.ozet-magaza > .pl-logo, .ozet-magaza > .pl-tas { margin-right: 5px; vertical-align: middle; }
.canli-biten-eski { margin: 0 16px 12px; }
.canli-kaynak { display: grid; gap: 20px; }
.canli-kaynak .canli-kaynak-grup { display: block; margin-top: 0; padding: 0 0 18px; border-bottom: 1px dashed var(--y-cizgi); }
.canli-kaynak-grup { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: var(--y-fs-s); color: var(--text-2); }
.canli-kaynak-grup .yc-oge { font-size: var(--y-fs-m); }
.canli-ulke-bayrak { display: inline-grid; place-items: center; width: 26px; font-size: 1.25rem; line-height: 1; font-family: 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif; }
.urun-taslar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.urun-tas-bag { display: grid; grid-template-rows: auto 1fr; gap: 10px; height: 100%; padding: 10px; color: inherit; text-decoration: none; background: var(--surface); border: 1px solid var(--y-cizgi); border-radius: 16px; transition: border-color 0.15s; }
a.urun-tas-bag:hover { border-color: var(--text); }
.urun-tas-kutu { position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: 10px; background: var(--media-well); overflow: hidden; }
.urun-tas-gorsel { width: 100%; height: 100%; object-fit: contain; padding: 8%; }
.urun-tas-yok { font-family: var(--display); font-weight: 700; font-size: 1.75rem; letter-spacing: -0.03em; color: var(--y-soluk); }
.urun-tas-sira { position: absolute; top: 6px; left: 6px; min-width: 22px; height: 22px; padding: 0 6px; display: grid; place-items: center; border-radius: 999px; background: var(--night); color: var(--night-text); font-size: var(--y-fs-xs); font-weight: 600; }
.urun-tas-metin { display: grid; align-content: space-between; gap: 4px; min-width: 0; }
.urun-tas-ad { font-size: var(--y-fs-s); font-weight: 500; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.urun-tas-sayi { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.urun-tas-sayi strong { font-size: var(--y-fs-m); color: var(--text); font-weight: 600; }
.canli-cihaz { display: flex; flex-wrap: wrap; gap: 16px 20px; align-items: center; }
.canli-kaydir { max-height: 300px; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; }
.canli-kaydir .sira-ad { white-space: normal; overflow-wrap: anywhere; }
.canli-kararlar { display: grid; gap: 8px; }
.canli-karar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; align-items: center; padding: 10px 14px; background: var(--paper); border: 1px solid var(--y-cizgi); border-radius: 14px; min-width: 0; }
.canli-karar-ad { font-size: var(--y-fs-m); font-weight: 500; }
.canli-karar-deger { grid-row: 1 / 3; grid-column: 2; font-family: var(--mono); font-size: 1.375rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.15; }
.canli-karar-not { font-size: var(--y-fs-xs); color: var(--y-soluk); line-height: 1.35; }
.canli-karar-yok { grid-column: 1 / -1; margin: 0; }

/* --- Denk (Kullanım, Öğret) ----------------------------------------------------------------------------------------------------- */
.denk-bas { align-items: center; }
.denk-bas .donem-secici { margin-left: auto; }
.denk-olcu { display: flex; flex-direction: column; gap: 2px; }
.denk-olcu small { color: var(--y-soluk); font-size: var(--y-fs-xs); font-weight: 400; line-height: 1.35; }
.denk-tablo .tablo td:first-child { min-width: 12rem; }
.denk-tablo .tablo td.sayi { white-space: nowrap; }
.denk-tablo .tablo-kap { max-height: none; }
.denk-kisa { display: none; }
.denk-ayrinti { margin-top: 12px; }
.denk-ayrinti .kart { margin-top: 8px; }
.denk-ogret { display: flex; align-items: flex-start; gap: 10px; margin-top: 16px; padding: 12px 14px; border-radius: var(--y-r-ic); background: var(--y-dikkat-zemin); color: var(--text); font-size: var(--y-fs-m); line-height: 1.45; }
.denk-ogret .ik { flex: none; width: 20px; height: 20px; margin-top: 1px; color: var(--y-dikkat); }
.denk-ogret strong { color: var(--y-dikkat); }
.denk-yonlendir { margin-top: 12px; text-align: center; }
.denk-ayrinti-ic { display: grid; gap: 12px; }
.denk-ayrinti-ic > .kart { margin-top: 0; }
.denk-ayrinti-bas { margin-top: 8px; font-size: var(--y-fs-m); font-weight: 600; }
.denk-ayrinti-ic > .denk-ayrinti-bas:first-child { margin-top: 0; }
.denk-ayrinti-not { margin: 0; }
.dsorular { display: grid; list-style: none; margin: 0; padding: 0; }
.dsoru { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 6px 14px; padding: 14px 0; border-bottom: 1px solid var(--y-cizgi); }
.dsoru:first-child { padding-top: 2px; }
.dsoru:last-child { border-bottom: 0; }
.dsoru-metin { min-width: 0; }
.dsoru-soru { font-size: var(--y-fs-m); font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
.dsoru-alt { margin-top: 4px; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.dsoru-alt strong { color: var(--text); font-weight: 600; }
.dsoru-eylem { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end; gap: 4px 8px; }
.dsoru-ayrinti > summary { font-size: var(--y-fs-s); }
.dsoru-ayrinti[open] { flex-basis: 100%; order: 2; }

/* --- Sosyal paylaşım (İletişim › Paylaşımlar) ------------------------------------------------------------------------------------ */
.sosyal-ust-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sosyal-ust-eylem .bolum-not { margin: 0 6px 0 0; }
.sosyal-ust-a { align-items: center; }
.sosyal-ust-a .sosyal-son { margin: 0; padding-top: 0; border-top: 0; }
.sosyal-son { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding-top: 12px; border-top: 1px dashed var(--y-cizgi); }
.sosyal-son .ik { width: 16px; height: 16px; flex: none; margin-top: 2px; }
.sosyal-kanal { display: grid; gap: 8px; align-content: start; min-width: 0; }
.sosyal-kanal .ist-not { overflow-wrap: anywhere; }
.sosyal-suzgec { display: grid; gap: 6px; list-style: none; margin: 0; padding: 0; }
.sosyal-uyari { display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border: 1px solid var(--y-cizgi); border-radius: var(--y-r-ic); font-size: var(--y-fs-s); line-height: 1.45; color: var(--text-2); overflow-wrap: anywhere; }
.sosyal-uyari strong { color: var(--text); }
.sosyal-uyari-ik { width: 16px; height: 16px; flex: none; margin-top: 2px; }
.sosyal-uyari-engel { border-color: var(--warn); color: var(--text); }
.sosyal-uyari-engel strong, .sosyal-uyari-engel .sosyal-uyari-ik { color: var(--warn-text); }
.sosyal-uyari-uyari { border-color: var(--accent); background: var(--accent-soft); color: var(--text); }
.sosyal-uyari-uyari .sosyal-uyari-ik { color: var(--accent-text); }
.sosyal-uyari-bilgi, .sosyal-uyari-iyi { background: var(--paper); }
.sosyal-onizlemeler { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.sosyal-onizleme { display: grid; gap: 8px; align-content: start; min-width: 0; padding: 12px 14px; border: 1px solid var(--y-cizgi); border-radius: 16px; background: var(--paper); }
.sosyal-onizleme-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.sosyal-zaman { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.sosyal-onizleme-baslik { font-weight: 700; overflow-wrap: anywhere; }
.sosyal-sr { font-size: var(--y-fs-s); font-weight: 600; color: var(--text-2); }
.sosyal-onizleme-metin { white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--y-fs-m); line-height: 1.5; }
.sosyal-onizleme-alt { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.sosyal-onizleme-alt .mono { font-size: var(--y-fs-xs); }
.sosyal-onizleme-medya { display: block; width: 100%; max-height: 260px; object-fit: contain; border-radius: 10px; background: var(--surface); }
.sosyal-onizleme-panel { display: grid; gap: 16px; }
.sosyal-sonuc { font-size: var(--y-fs-s); overflow-wrap: anywhere; }
.sosyal-sonuc-hata { color: var(--warn-text); font-weight: 600; }
.sosyal-form { display: grid; gap: 16px; padding: 20px; border: 1px solid var(--y-cizgi); border-radius: var(--y-r-kart); background: var(--surface); }
.sosyal-form-ust { display: grid; gap: 4px; }
.sosyal-form-ust .bolum-not { margin: 0; }
.sosyal-form-adim { display: grid; gap: 14px; min-width: 0; padding: 16px 0 0; border: 0; border-top: 1px dashed var(--y-cizgi); }
.sosyal-form-adim-bas { display: flex; align-items: center; gap: 10px; padding: 0; font-family: var(--display); font-weight: 700; font-size: 1.0625rem; letter-spacing: -0.01em; margin-bottom: 4px; float: left; width: 100%; }
.sosyal-form-adim-bas + * { clear: both; }
.sosyal-form-no { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--night); color: var(--night-text); font-size: var(--y-fs-xs); font-weight: 600; }
.sosyal-metin { min-height: 120px; resize: vertical; line-height: 1.5; }
.sosyal-dosya { max-width: 100%; font-size: var(--y-fs-m); }
.sosyal-medya { display: grid; gap: 8px; justify-items: start; max-width: 320px; }
.sosyal-medya-yeri { margin-top: 8px; }
.sosyal-kanal-sec { display: flex; flex-wrap: wrap; gap: 8px 20px; min-width: 0; padding: 0; border: 0; }
.sosyal-kanal-sec legend { margin-bottom: 8px; }
.sosyal-onay { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; font-size: var(--y-fs-m); font-weight: 500; }
.sosyal-onay input { width: 18px; height: 18px; accent-color: var(--text); }
.sosyal-onay-not { color: var(--y-soluk); font-size: var(--y-fs-s); }
.sosyal-tarih { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
.sosyal-ayrintili summary { cursor: pointer; font-weight: 600; font-size: var(--y-fs-m); min-height: 40px; display: flex; align-items: center; }
.sosyal-km { display: grid; gap: 12px; margin-top: 8px; }
.sosyal-km-kanal { display: grid; gap: 10px; min-width: 0; padding: 12px 14px; border: 1px solid var(--y-cizgi); border-radius: 16px; }
.sosyal-km-kanal legend { padding: 0 6px; font-weight: 700; font-size: var(--y-fs-s); }
.sosyal-plan-satir { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 8px 0; border-bottom: 1px dashed var(--y-cizgi); }
.sosyal-sinir { display: inline-flex; align-items: center; gap: 8px; font-size: var(--y-fs-s); color: var(--text-2); }
.sosyal-sayi { width: 96px; min-height: 40px; }
.sosyal-sayi[type='time'] { width: 132px; }
.sosyal-acil { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding: 16px 20px; border-top: 1px dashed var(--y-cizgi); }
.sosyal-acil .bolum-not { margin: 2px 0 0; }
.sosyal-acil-a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 12px 20px; border-top: 1px solid var(--y-cizgi); font-size: var(--y-fs-s); color: var(--y-soluk); }
.sosyal-tablo .tablo td, .sosyal-kanal-tablo .tablo td { vertical-align: middle; }
.sosyal-icerik-hucre { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sosyal-kucuk-gorsel { flex: none; width: 40px; height: 40px; border-radius: 10px; object-fit: cover; background: var(--y-ton); border: 1px solid var(--y-cizgi); }
.sosyal-kucuk-bos { display: grid; place-items: center; color: var(--y-soluk); }
.sosyal-kucuk-bos .ik { width: 18px; height: 18px; }
.sosyal-icerik-ad { display: block; font-weight: 600; overflow-wrap: anywhere; }
.sosyal-icerik-ad button { padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.sosyal-icerik-ad button:hover { text-decoration: underline; text-underline-offset: 3px; }
.sosyal-icerik-alt { display: block; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.sosyal-satir-eylem { display: flex; justify-content: flex-end; gap: 6px; flex-wrap: nowrap; }
.sosyal-bilgi-satir { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: var(--y-fs-s); color: var(--text-2); }
.sosyal-bilgi-satir span { white-space: nowrap; }
.sosyal-panel-bas { font-size: var(--y-fs-xs); font-weight: 600; color: var(--y-soluk); }
.kanal-cip { display: inline-block; margin: 2px 4px 2px 0; padding: 1px 8px; border: 1px solid var(--y-cizgi); border-radius: 999px; background: var(--paper); font-size: var(--y-fs-xs); font-weight: 500; white-space: nowrap; }
.kanal-ad { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; }
.kanal-harf { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: var(--y-ton); font-family: var(--mono); font-size: var(--y-fs-xs); font-weight: 600; color: var(--text-2); }
.saatler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; list-style: none; margin: 0; padding: 0; }
.saat-oge { display: grid; justify-items: start; gap: 6px; padding: 12px; border: 1px solid var(--y-cizgi); border-radius: 16px; background: var(--paper); }
.saat-nokta { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; border: 2px dashed var(--y-cizgi); color: var(--paper); }
.saat-nokta .ik { width: 16px; height: 16px; stroke-width: 2.4; }
.saat-gitti .saat-nokta { border: 0; background: var(--y-iyi-cizgi); }
.saat-siradaki { border-color: var(--y-dikkat-cizgi); background: var(--y-dikkat-zemin); }
.saat-siradaki .saat-nokta { border: 0; background: var(--y-dikkat-cizgi); color: #1b1300; }
.saat-zaman { font-family: var(--mono); font-size: 1.375rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; color: var(--text); }
.saat-gitmedi .saat-zaman, .saat-sirada .saat-zaman { color: var(--text-2); }
.saat-not { font-size: var(--y-fs-xs); color: var(--y-soluk); line-height: 1.35; overflow-wrap: anywhere; }
.pk-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 14px; }
.pk { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--y-cizgi); border-radius: 16px; background: var(--surface); }
.pk-gorsel { position: relative; aspect-ratio: 4 / 5; background: var(--media-well); border-bottom: 1px solid var(--y-cizgi); }
.pk-img { display: block; width: 100%; height: 100%; object-fit: contain; animation: y-belir var(--y-hiz) ease-out both; }
.pk-gorsel-yok { display: grid; place-items: center; width: 100%; height: 100%; color: var(--y-soluk); background: var(--y-ton); }
.pk-gorsel-yok .ik { width: 32px; height: 32px; }
.pk-rozet { position: absolute; left: 8px; bottom: 8px; }
.pk-rozet .durum { background: var(--surface); }
.pk-rozet .durum-tamam { border-color: var(--y-iyi-cizgi); color: var(--y-iyi); }
.pk-govde { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px 12px; flex: 1 1 auto; }
.pk-ust { font-size: var(--y-fs-xs); color: var(--y-soluk); }
.pk-baslik { font-size: var(--y-fs-s); font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; overflow-wrap: anywhere; }
.pk-baslik a { color: var(--text); text-decoration: underline; text-decoration-color: var(--y-cizgi); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.pk-baslik a:hover { text-decoration-color: var(--text); }
.pk-alt { font-size: var(--y-fs-xs); color: var(--text-2); }
.pk-eylem { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 8px; }
.pk-eylem .dg { flex: 1 1 auto; padding: 0 10px; }
.pk-metin { margin-top: 4px; }
.pk-metin > summary { font-size: var(--y-fs-s); }
.pk-metin-ic { white-space: pre-wrap; font-size: var(--y-fs-s); color: var(--text-2); overflow-wrap: anywhere; }
.pk-not { margin-bottom: 12px; }
.pk-hatalar { display: grid; gap: 8px; margin: 14px 0 0; padding: 12px 0 0; list-style: none; border-top: 1px dashed var(--y-cizgi); }
.pk-hatalar li { display: flex; align-items: flex-start; gap: 8px; font-size: var(--y-fs-s); color: var(--text-2); overflow-wrap: anywhere; }

/* --- Mesajlar, kayıt kartları, katalog, üyeler, yayın --------------------------------------------------------------------------- */
.mesaj-bos { display: grid; gap: 10px; }
.mesaj-eski-not { display: flex; align-items: center; gap: 8px; margin: 0; padding: 10px 12px; border-radius: var(--y-r-ic); background: var(--y-ton); color: var(--text-2); }
.mesaj-eski-not .ik { width: 18px; height: 18px; flex: none; }
.kayit-govde { display: grid; gap: 8px; font-size: var(--y-fs-m); }
.kayit-govde > p { margin: 0; overflow-wrap: anywhere; }
.kayit-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.kapali-liste { display: grid; gap: 6px; }
.kapali-liste li { display: grid; gap: 2px; }
.tazelik { display: grid; gap: 10px; }
.tazelik-uclar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tazelik-uclar p { display: grid; gap: 2px; margin: 0; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.tazelik-uclar strong { font-size: var(--y-fs-m); font-weight: 600; color: var(--text); }
.icerik .kart-ic p.mono, .icerik .kart-ic .bolum-not.mono, .icerik .kayit-govde code, .icerik p.mono, .icerik td .mono { overflow-wrap: anywhere; word-break: break-word; }
.uye-ozet { display: grid; gap: 16px; }
.uye-ozet:not(:empty) { margin-bottom: 16px; }
.uye-arac { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; }
.uye-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 200px)); gap: 12px; }
.uye-arac-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 14px; }
.uye-sayfa { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 14px; font-size: var(--y-fs-s); color: var(--y-soluk); }
.uye-sayfa .bolum-eylem { justify-content: flex-start; }
.uye-govde { margin-top: 16px; }
.uye-govde .tablo td { vertical-align: top; }
.uye-govde .tablo td:nth-child(2), .uye-govde .tablo td:nth-child(3), .uye-govde .tablo td:nth-child(4) { white-space: nowrap; }
.uye-ad { font-weight: 600; overflow-wrap: anywhere; }
.uye-eposta { font-size: var(--y-fs-s); overflow-wrap: anywhere; }
.uye-alt { display: block; margin-top: 2px; font-size: var(--y-fs-xs); color: var(--y-soluk); }
.uye-alt.uye-mobil { display: none; }
.uye-et { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: var(--y-fs-xs); font-weight: 600; white-space: nowrap; background: var(--y-ton); color: var(--text-2); }
.uye-et-evet { background: var(--accent-soft); color: var(--accent-text); }
.uye-et-kapali { background: var(--warn-soft); color: var(--warn-text); }
.cihaz-govde { padding-top: 8px; }
.cihaz-govde > .bos { margin: 12px 20px 20px; }
.yayin-govde .tablo-kap { margin-top: 4px; }
.yayin-govde .tablo td { overflow-wrap: anywhere; vertical-align: top; }
.yayin-govde .tablo td .mono { font-size: var(--y-fs-s); }
.yayin-govde .tablo td:nth-child(2) { overflow-wrap: normal; white-space: nowrap; }

/* --- Paneli nasıl okurum (bolumler/rehber.js) ------------------------------------------------------------------------------------ */
.rehber { display: grid; gap: 16px; max-width: 1100px; }
.rehber-bas { display: grid; gap: 4px; }
.rehber-baslik { font-family: var(--display); font-size: 1.25rem; font-weight: 700; letter-spacing: -0.01em; color: var(--text); }
.rehber-alt { font-size: var(--y-fs-m); line-height: 1.5; color: var(--text-2); max-width: 70ch; }
.rehber-kart .kart-ic { display: grid; gap: 14px; }
.rehber-not { font-size: var(--y-fs-s); color: var(--text-2); }
.rehber-ziyaret { border: 2px dashed var(--y-cizgi); border-radius: 16px; padding: 14px; display: grid; gap: 12px; }
.rehber-ziyaret-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: var(--y-fs-s); color: var(--text-2); }
.rehber-ziyaret-son { font-size: var(--y-fs-xs); color: var(--text-2); }
.rehber-akis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 0; }
.rehber-adim { position: relative; display: grid; align-content: start; gap: 6px; padding: 12px; border: 1px solid var(--y-cizgi); border-radius: 14px; background: var(--paper); }
.rehber-adim + .rehber-adim::before { content: '→'; position: absolute; left: -10px; top: 50%; transform: translate(-50%, -50%); font-weight: 700; color: var(--text-2); }
.rehber-adim-magaza { background: var(--y-ton); }
.rehber-adim-ust { font-family: var(--mono); font-size: var(--y-fs-xs); color: var(--text-2); }
.rehber-adim-ad { font-size: var(--y-fs-m); line-height: 1.3; }
.rehber-etiketler { display: flex; flex-wrap: wrap; gap: 4px; }
.rehber-etiket { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 999px; font-size: var(--y-fs-xs); font-weight: 600; border: 1px solid var(--text); color: var(--text); background: var(--surface); white-space: nowrap; }
.rehber-etiket-ziyaret { background: var(--night); color: var(--night-text); }
.rehber-etiket-urun { border-style: dashed; }
.rehber-etiket-tiklama { background: var(--y-ton); }
.rehber-toplam { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; }
.rehber-toplam-oge { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--y-cizgi); border-radius: 14px; background: var(--surface); }
.rehber-toplam-oge dt { font-size: var(--y-fs-xs); color: var(--text-2); }
.rehber-toplam-oge dd { margin: 0; font-family: var(--mono); font-size: 1.375rem; font-weight: 500; }
.rehber-tanimlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--y-cizgi); }
.rehber-tanim { display: grid; align-content: start; gap: 8px; padding: 16px 20px; border-bottom: 1px solid var(--y-cizgi); }
.rehber-tanim:nth-child(odd) { border-right: 1px solid var(--y-cizgi); }
.rehber-tanim h3 { font-size: 1.0625rem; font-weight: 700; }
.rehber-tanim-kisa { font-size: var(--y-fs-m); line-height: 1.45; }
.rehber-nerede, .rehber-tanim-not { font-size: var(--y-fs-xs); color: var(--text-2); }
.rehber-dh { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rehber-dh-bas { display: flex; align-items: center; gap: 4px; font-size: var(--y-fs-xs); font-weight: 700; }
.rehber-dh-bas .ik { width: 16px; height: 16px; }
.rehber-dh ul { margin: 4px 0 0; padding-left: 18px; display: grid; gap: 3px; font-size: var(--y-fs-xs); line-height: 1.4; color: var(--text-2); list-style: disc; }
.rehber-suzgecler { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rehber-suzgec { display: grid; grid-template-columns: minmax(0, 13rem) minmax(0, 1fr) auto; align-items: center; gap: 4px 14px; padding: 10px 12px; border: 1px solid var(--y-cizgi); border-radius: 14px; font-size: var(--y-fs-s); }
.rehber-suzgec strong { font-size: var(--y-fs-m); }
.rehber-suzgec > span:not(.rehber-suzgec-sonuc) { color: var(--text-2); }
.rehber-suzgec-sonuc { justify-self: end; padding: 2px 10px; border-radius: 999px; font-size: var(--y-fs-xs); font-weight: 600; border: 1px solid var(--y-cizgi); white-space: nowrap; }
.rehber-suzgec-cik { background: var(--surface); }
.rehber-suzgec-cik .rehber-suzgec-sonuc { color: var(--text-2); }
.rehber-suzgec-yarim .rehber-suzgec-sonuc { border-style: dashed; color: var(--text); }
.rehber-suzgec-gir { background: var(--y-ton); border-color: var(--text); }
.rehber-suzgec-gir .rehber-suzgec-sonuc { background: var(--night); color: var(--night-text); border-color: var(--night); }
.rehber-ekranlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
.rehber-ekranlar li { display: grid; gap: 2px; padding: 10px 0; border-bottom: 1px solid var(--y-cizgi); font-size: var(--y-fs-s); color: var(--text-2); }
.rehber-ekranlar a { display: inline-flex; align-items: center; gap: 4px; color: var(--text); text-decoration: none; }
.rehber-ekranlar a:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.rehber-ekranlar strong { color: var(--text); font-size: var(--y-fs-m); }
.rehber-isaretler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
.rehber-isaret { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 12px; align-items: start; }
.rehber-isaret p { margin-top: 2px; font-size: var(--y-fs-s); line-height: 1.45; color: var(--text-2); }
.rehber-isaret-gorsel { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 4px 8px; border: 1px solid var(--y-cizgi); border-radius: 10px; background: var(--surface); font-size: var(--y-fs-s); }
.rehber-kesik { display: block; width: 48px; border-top: 2px dashed var(--text-2); }
.rehber-sozluk { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 8px 16px; margin: 0; font-size: var(--y-fs-m); }
.rehber-sozluk dt { font-weight: 700; }
.rehber-sozluk dd { margin: 0; color: var(--text-2); line-height: 1.5; }

/* =========================================================================================================================
   8. Dokunmatik ve dar ekran
   ========================================================================================================================= */
@media (pointer: coarse) {
  .dg, .dg-kucuk, .donem-dugme, .dugme-sec, .satir-bag, .tablo-bag, .ist-bag, .kpi-bag, .serit-is, .ayrinti > summary, .ozet-ayrinti > summary, .yan-link, .kart-bag, a.cip, .suzgec-dugme, .sira-bag, .gb-donem button, .gb-sekme button, .sekme-cubugu .sekme { min-height: var(--y-dokun); }
  .dg-ikon, .dg-kucuk.dg-ikon { width: var(--y-dokun); min-height: var(--y-dokun); }
  /* "?" ve küçük rozet görünür boyutunu korur, dokunma alanı 48 px (görünmez genişletme) */
  .ipucu-dugme::after { content: ''; position: absolute; left: 50%; top: 50%; width: var(--y-dokun); height: var(--y-dokun); transform: translate(-50%, -50%); }
}

@media (max-width: 1180px) {
  .urun-taslar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .canli-izgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .canli-izgara-3 > .kart:first-child:nth-last-child(3) { grid-column: 1 / -1; }
}
@media (max-width: 1100px) {
  .kpi-izgara, .kpi-izgara.canli-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ozet-uclu { grid-template-columns: minmax(0, 1fr); }
  .sosyal-tg .saatler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* Genel Bakış: sayılar 2 × 2, grafik ve huni alt alta, üç kart: iki üstte + katalog altta tam genişlik */
  .gb-serit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gb-kpi:nth-child(3) { border-left: 0; }
  .gb-kpi:nth-child(n + 3) { border-top: 1px solid var(--y-cizgi); }
  .gb-serit-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sayfa-serit-3, .sayfa-serit-4, .sayfa-serit-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sayfa-serit-5 .gb-kpi:nth-child(5) { grid-column: 1 / -1; }
  .sayfa-serit .gb-kpi:nth-child(odd) { border-left: 0; }
  .sayfa-serit-3 .gb-kpi:nth-child(3) { grid-column: 1 / -1; }
  .gb-serit-5 .gb-kpi:nth-child(odd) { border-left: 0; }
  .gb-serit-5 .gb-kpi:nth-child(5) { grid-column: 1 / -1; }
  .gb-serit-3 .gb-kpi:nth-child(3) { grid-column: 1 / -1; }
  .gb-iki { grid-template-columns: minmax(0, 1fr); }
  .gb-uc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gb-katalog { grid-column: 1 / -1; }
  .ust { flex-wrap: wrap; }
  .ust-durum { order: 3; flex-basis: 100%; }
}
@media (max-width: 1000px) {
  .ozet-iki { grid-template-columns: minmax(0, 1fr); }
}

/* Telefon (≤ 900 px): üstte logo + yenile + profil, kenar menüsü soldan çekmece, altta yüzen koyu menü */
@media (max-width: 900px) {
  .kabuk { display: block; padding: 0; }
  .yan {
    position: fixed; inset: 0 auto 0 0; top: 0; z-index: 30; width: min(320px, 86vw); height: 100%; border-radius: 0 22px 22px 0;
    transform: translateX(-100%); visibility: hidden;
    transition: transform 0.3s var(--y-ease), visibility 0s linear 0.3s;
  }
  .yan.acik { transform: none; visibility: visible; transition: transform 0.3s var(--y-ease), visibility 0s; box-shadow: 0 24px 56px -24px var(--y-golge); }
  .yan-ic { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
  .yan-kapat { display: inline-flex; }
  .ana { padding: 0 16px calc(104px + env(safe-area-inset-bottom)); }
  .tel-ust { display: flex; align-items: center; justify-content: space-between; padding: 24px 0 8px; }
  .tel-ust .logo { font-size: 20px; }
  .tel-ust-sag { display: flex; gap: 8px; }
  .yenile-yuvarlak { width: 40px; min-height: 40px; border-color: var(--y-cizgi); background: var(--surface); }
  .ust { flex-wrap: wrap; gap: 10px; min-height: 0; padding: 8px 0 14px; }
  .ust-sag { display: none; }
  .ust-durum { order: 3; flex-basis: 100%; }
  .sayfa-baslik { font-size: 1.6875rem; }
  .gb-cip { width: 100%; min-height: 44px; }
  .sekme-cubugu { margin: -4px 0 14px; }
  .alt-menu { display: block; position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 20; padding: 8px; border-radius: 20px; background: var(--night); }
  .alt-menu ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; }
  .alt-link { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 100%; min-height: 56px; padding: 6px 2px; border: 0; border-radius: 14px; background: none; color: var(--y-gece-soluk); font-size: 0.82rem; font-weight: 500; text-decoration: none; -webkit-tap-highlight-color: transparent; }
  .alt-link > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .alt-link[aria-current='page'], .alt-link.etkin { background: var(--lime); color: var(--night); font-weight: 600; }
  .kabuk-a .alt-link[aria-current='page'], .kabuk-a .alt-link.etkin { background: var(--accent-soft); color: var(--text); }
  .alt-link:focus-visible { outline: 2px solid var(--night-text); outline-offset: -2px; }
  .alt-ik { position: relative; display: grid; }
  .alt-rozet { position: absolute; top: -5px; right: -12px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--lime); color: var(--night); font-size: var(--y-fs-xs); font-weight: 700; line-height: 18px; text-align: center; }
  .alt-link[aria-current='page'] .alt-rozet { background: var(--night); color: var(--night-text); }
  .kabuk-a .alt-menu { border: 1px solid var(--y-cizgi); background: var(--surface); box-shadow: 0 10px 28px -14px var(--y-golge); }
  .kabuk-a .alt-link { color: var(--y-soluk); }
  .kabuk-a .alt-link:focus-visible { outline-color: var(--focus); }
  .kabuk-a .alt-rozet, .kabuk-a .alt-link[aria-current='page'] .alt-rozet { background: var(--accent); color: var(--on-accent); }
  .kabuk-a .ana { padding-top: 0; }
  .bildirimler { left: 16px; right: 16px; bottom: calc(96px + env(safe-area-inset-bottom)); justify-items: stretch; }
  .bildirim-bolge { justify-items: stretch; }
  .bildirim { width: auto; max-width: none; }
  .oturum-uyari { bottom: calc(96px + env(safe-area-inset-bottom)); width: calc(100vw - 32px); flex-wrap: wrap; }
  .oturum-uyari p { flex: 1; min-width: 0; }
  /* "?" telefonda alttan açılan kart: başlık + kapatma düğmesi + metin; arkası karartılır (10 Ekim 2026, panel analizi görsel 3) */
  .ipucu-ic { position: fixed; left: 0; right: 0; top: auto; bottom: 0; z-index: 70; width: auto; max-width: none; max-height: 70vh; overflow-y: auto; padding: 10px 20px calc(24px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; background: var(--surface); color: var(--text); font-size: var(--y-fs-g); line-height: 1.55; box-shadow: 0 -16px 40px -16px var(--y-golge); }
  .ipucu-ic::before { content: ''; position: static; display: block; width: 40px; height: 4px; margin: 0 auto 10px; border-radius: 4px; background: var(--y-cizgi); }
  .ipucu-sag > .ipucu-ic { right: 0; }
  .ipucu-ust > .ipucu-ic { top: auto; bottom: 0; }
  .ipucu-ic .ipucu-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
  .ipucu-baslik { font-family: var(--display); font-size: 1.25rem; font-weight: 700; letter-spacing: -0.015em; }
  .ipucu-kapat { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 1px solid var(--y-cizgi); border-radius: 50%; background: var(--surface); color: var(--text); }
  .ipucu-ort:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 65; background: var(--y-ort); }
  .profil-menu { position: fixed; top: 64px; right: 16px; }

  /* Genel Bakış (maket B telefon): tek sütun, aynı sıra; sayılar 2 × 2, küçük çizgi sayının altında; listeler üç satır + "Tümünü gör" */
  .gb { gap: 12px; }
  .gb-kart { padding: 16px; border-radius: 18px; }
  .gb-serit { border-radius: 18px; }
  .gb-kpi { position: relative; padding: 14px 14px 12px; }
  .gb-kpi-ad { padding-right: 24px; font-size: var(--y-fs-xs); }
  .gb-kpi-ad > .ipucu { position: absolute; top: 18px; right: 10px; margin: 0; }
  .gb-kpi-orta { flex-direction: column; align-items: flex-start; gap: 6px; }
  .gb-sayi { font-size: 1.75rem; }
  .gb-minik { width: 72px; height: 28px; }
  .gb-kalis { padding-left: 0; }
  .gb-giden-svg.gr-m { display: none; }
  .gb-giden-svg.gr-t { display: block; }
  .gb-iki, .gb-uc { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .gb-katalog { grid-column: auto; }
  .gb-kb h2 { font-size: 1.0625rem; }
  .gb-grafik .gb-kb h2 { flex-basis: 100%; }
  .gb-donem { display: flex; width: 100%; }
  .gb-donem button { flex: 1; min-height: 44px; }
  .gb-donem-not { text-align: left; }
  .gr-m { display: none; }
  .gr-t { display: block; }
  .gb-fazla { display: none; }
  .gb-tumu { display: inline-block; }
  .gb-tumu-ust { display: none; }
  .gb-ray-k { flex-basis: 30%; }
  .gb-lej2 { gap: 4px 12px; }
  /* Son olaylar: satır başına iki satır (saat + ne oldu; altında alan ve durum) */
  .gb-tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .gb-tablo, .gb-tablo tbody { display: block; }
  .gb-tablo tr { display: grid; grid-template-columns: auto auto minmax(0, 1fr); column-gap: 12px; row-gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--y-cizgi); }
  .gb-tablo td { display: block; width: auto; padding: 0; border: 0; }
  .gb-tablo .gb-saat { grid-column: 1; grid-row: 1 / span 2; }
  .gb-tablo .gb-ne { grid-column: 2 / 4; grid-row: 1; }
  .gb-tablo .gb-alan { grid-column: 2; grid-row: 2; }
  .gb-tablo .gb-durum-h { grid-column: 3; grid-row: 2; align-self: center; }
  .gb-sekme { width: 100%; }

  .kpi-izgara.canli-kpi { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .kpi-izgara.canli-kpi > .kpi-canli { grid-column: 1 / -1; }
  .canli-kpi .kpi:not(.kpi-canli) { padding: 12px 10px 10px; gap: 4px; }
  .canli-kpi .kpi:not(.kpi-canli) .kpi-sayi { font-size: 1.5rem; }
  .canli-kpi .kpi:not(.kpi-canli) .kpi-not, .canli-kpi .kpi:not(.kpi-canli) .kpi-cizgi { display: none; }
  .canli-kpi .kpi:not(.kpi-canli) .kpi-ust { min-height: 0; flex-wrap: wrap; }
  .canli-kpi .kpi:not(.kpi-canli) .kpi-etiket { padding: 0 18px 0 0; font-size: var(--y-fs-xs); }
  .canli-kpi .kpi:not(.kpi-canli) .kpi-ust .ipucu { position: absolute; top: 8px; right: 6px; }
  .kpi-izgara { gap: 10px; }
  .kpi { padding: 14px 14px 12px; }
  .kpi-ust .ipucu { margin-left: 0; }
  .bu-kpi-3 .kpi { padding: 12px 10px 10px; }
  .mesaj-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ozet-ust { top: 8px; grid-template-columns: minmax(0, 1fr); padding: 10px; }
  .ozet-ust-sag { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .ozet-ust .donem-secici { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .ozet-ust .donem-dugme { padding: 0 4px; }
  .ozet-ust .dugme-sec { justify-content: center; }
  .ozet-ayrinti > summary { flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }
  .ozet-ayrinti > summary small { flex: 1 0 100%; padding-left: 24px; }
  .kgrafik-y, .kgrafik-cizim, .ag-y, .ag-cizim { height: 180px; }
  .kgrafik-govde { grid-template-columns: 34px minmax(0, 1fr); gap: 6px; }
  .kgrafik-x { margin-left: 40px; }
  .kgrafik-x span:nth-child(2), .kgrafik-x span:nth-child(4) { display: none; }
  .yan-panel { width: 100vw; border-left: 0; }
  .yan-panel-ust, .yan-panel-govde, .yan-panel-eylem { padding-left: 16px; padding-right: 16px; }
  .nasil { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .nasil dd { margin-bottom: 10px; }
  .serit-eylem { display: grid; grid-template-columns: minmax(0, 1fr); }
  .serit-is { display: flex; width: 100%; }
  .serit-is > span:not(.serit-sayi) { flex: 1; }
  .halka { justify-content: center; }
  .grafik-ozet p strong { font-size: 1.25rem; }
  .olcum-yer { gap: 12px; }
  .icerik > .olcum-yer:not(:first-child) { margin-top: 32px; }
  .uye-arac { grid-template-columns: 1fr 1fr; }
  .uye-arac > :first-child { grid-column: 1 / -1; }
  .kayit-eylem { display: grid; grid-template-columns: minmax(0, 1fr); }
  .kayit-eylem .dg { width: 100%; justify-content: center; }
  .kayit-eylem .dg-tehlikeli { width: auto; justify-self: start; }
  .icerik .bolum-eylem { justify-content: flex-start; }
  .rehber-akis, .rehber-toplam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rehber-adim + .rehber-adim::before { content: none; }
  .rehber-tanimlar, .rehber-ekranlar, .rehber-isaretler { grid-template-columns: minmax(0, 1fr); }
  .rehber-tanim:nth-child(odd) { border-right: 0; }
  .rehber-suzgec { grid-template-columns: minmax(0, 1fr); }
  .rehber-suzgec-sonuc { justify-self: start; white-space: normal; }
  .rehber-sozluk { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .rehber-sozluk dd { margin-bottom: 8px; }
  .ozel-alan { max-width: none; flex-basis: 130px; }
  .canli-izgara-3 { grid-template-columns: minmax(0, 1fr); }
  .canli-izgara-3 > .kart:first-child:nth-last-child(3) { grid-column: auto; }
}
@media (max-width: 640px) {
  .kart-ust { padding: 14px 16px 2px; }
  .kart-ic { padding: 10px 16px 16px; }
  .kart-aciklama { padding: 8px 16px 0; }
  .kart { border-radius: 18px; }
  .ist-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ist { padding: 12px 14px; border-radius: 18px; }
  .ist-deger { font-size: 1.375rem; }
  .bolum-baslik { font-size: 1.1875rem; }
  .satir { flex-wrap: wrap; padding: 12px 16px; }
  .satir-metin { flex-basis: 100%; }
  .satir-deger { margin-right: auto; }
  .bos { padding: 32px 16px; }
  .tablo th, .tablo td { padding-left: 10px; padding-right: 10px; }
  .kart .tablo-kap { padding: 2px 6px 4px; }
  .liste-sade li { padding: 9px 16px; }
  .saglik { padding: 2px 16px 6px; }
  .grafik-ozet { padding: 10px 16px; gap: 4px 16px; }
  .sekme-liste { padding: 0 6px; }
  .pay { justify-content: flex-start; }
  .adimlar { grid-auto-flow: row; grid-auto-columns: auto; gap: 12px; }
  .adim-o:not(:last-child)::after { top: 34px; bottom: -12px; left: 15px; right: auto; border-top: 0; border-left: 2px dashed var(--y-cizgi); }
  .adim-tamam:not(:last-child)::after { border-left-style: solid; border-left-color: var(--text); }
  .adimlar-kucuk { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0; }
  .adimlar-kucuk .adim-o { flex-direction: column; align-items: flex-start; gap: 4px; padding-right: 4px; }
  .adimlar-kucuk .adim-o:not(:last-child)::after { top: 11px; bottom: auto; left: 30px; right: 4px; border-left: 0; border-top: 1.5px dashed var(--y-cizgi); }
  .adimlar-kucuk .adim-tamam:not(:last-child)::after { border-top-style: solid; border-top-color: var(--text); }
  /* Yığın tablo: her satır kısa bir kart; ad tam genişlikte, öteki alanlar "etiket ……… değer" satırı. İç kaydırma yok. */
  .tablo-kap:has(> .tablo-yigin) { max-height: none; overflow: visible; }
  .tablo-yigin thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .tablo-yigin, .tablo-yigin tbody, .tablo-yigin tr, .tablo-yigin td { display: block; width: 100%; }
  .tablo-yigin tr { padding: 10px 0; border-bottom: 1px solid var(--y-cizgi); }
  .tablo-yigin tbody tr:last-child { border-bottom: 0; }
  .tablo-yigin td, .tablo-yigin tbody tr:last-child td { border: 0; padding: 3px 10px; text-align: left; white-space: normal; }
  .tablo-yigin td.sayi { text-align: left; }
  .tablo-yigin td[data-etiket] { display: flex; align-items: baseline; justify-content: space-between; gap: 6px 12px; flex-wrap: wrap; }
  .tablo-yigin td[data-etiket]::before { content: attr(data-etiket); display: inline; flex: none; margin-right: auto; font-family: var(--sans); font-size: var(--y-fs-xs); font-weight: 500; color: var(--y-soluk); }
  .tablo-yigin td[data-etiket] > * { min-width: 0; text-align: right; }
  .tablo-yigin td.genis { display: block; padding-bottom: 6px; }
  .tablo-yigin td.genis::before { display: none; }
  .tablo-yigin td.genis > * { text-align: left; }
  .canli-bant { padding: 10px 10px 10px 12px; gap: 6px 10px; }
  .canli-bant-not { flex-basis: 100%; }
  .canli-bant-dugme { order: 5; margin-left: 0; }
  .canli-govde .tablo th, .canli-govde .tablo td { padding-left: 8px; padding-right: 8px; }
  .canli-gunluk .tablo th:nth-child(3), .canli-gunluk .tablo td:nth-child(3) { display: none; }
  .canli-gunluk .tablo td:nth-child(4), .canli-acik .tablo td { white-space: normal; }
  .urun-taslar { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .urun-tas-bag { grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: none; align-items: center; gap: 12px; padding: 8px; }
  .urun-tas-kutu { width: 64px; }
  .urun-tas-sira { top: 3px; left: 3px; min-width: 18px; height: 18px; padding: 0 4px; }
  .urun-tas-yok { font-size: 1.125rem; }
  .ziyaretciler { padding: 6px; max-height: 420px; }
  .ziyaret-ozetler { padding: 6px; }
  .ziyaret-ozet { padding: 10px 12px; }
  .ziyaretci { grid-template-columns: 32px minmax(0, 1fr); padding: 10px; }
  .ziyaretci-ikon { width: 32px; height: 32px; }
  .ziyaretci-zaman { grid-column: 2; justify-items: start; grid-auto-flow: column; justify-content: start; gap: 8px; align-items: baseline; }
  .canli-karar { padding: 10px 12px; }
  .canli-karar-deger { font-size: 1.25rem; }
  .denk-tablo .tablo th, .denk-tablo .tablo td { padding-left: 6px; padding-right: 6px; }
  .denk-tablo .tablo th:first-child, .denk-tablo .tablo td:first-child { padding-left: 12px; min-width: 0; }
  .denk-tablo .tablo td.sayi { white-space: normal; font-size: var(--y-fs-s); }
  .denk-uzun { display: none; }
  .denk-kisa { display: inline; }
  .dsoru { grid-template-columns: minmax(0, 1fr); }
  .dsoru-eylem { justify-content: space-between; align-items: center; }
  .sosyal-form { padding: 16px; }
  .sosyal-onizlemeler { grid-template-columns: minmax(0, 1fr); }
  .sosyal-acil { padding: 16px; }
  .sosyal-acil .dg { width: 100%; }
  .sosyal-satir-eylem { justify-content: flex-start; flex-wrap: wrap; }
  .saatler, .sosyal-tg .saatler { grid-template-columns: minmax(0, 1fr); gap: 0; border: 1px solid var(--y-cizgi); border-radius: 16px; overflow: hidden; }
  .saat-oge { grid-template-columns: auto auto minmax(0, 1fr); align-items: center; justify-items: start; column-gap: 12px; border: 0; border-bottom: 1px solid var(--y-cizgi); border-radius: 0; }
  .saat-oge:last-child { border-bottom: 0; }
  .saat-oge .durum { justify-self: end; }
  .saat-not { grid-column: 2 / -1; }
  .pk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .pk-govde { padding: 8px 10px 10px; }
  .pk-eylem .dg { width: 100%; }
  .uye-govde .tablo th, .uye-govde .tablo td { padding-left: 10px; padding-right: 10px; }
  .uye-govde .tablo th:nth-child(2), .uye-govde .tablo td:nth-child(2), .uye-govde .tablo th:nth-child(3), .uye-govde .tablo td:nth-child(3), .uye-govde .tablo th:nth-child(4), .uye-govde .tablo td:nth-child(4) { display: none; }
  .uye-alt.uye-mobil { display: block; }
  .uye-ozet .ist-izgara { grid-template-columns: 1fr 1fr; gap: 8px; }
  .yayin-govde .tablo th, .yayin-govde .tablo td { padding-left: 8px; padding-right: 8px; }
  .yayin-govde .tablo th:nth-child(2), .yayin-govde .tablo td:nth-child(2) { display: none; }
  .yayin-govde .tablo td:first-child { overflow-wrap: normal; font-size: var(--y-fs-xs); }
}
@media (max-width: 480px) {
  .fis { padding: 18px 20px 28px; }
  .fis-baslik { font-size: 1.625rem; }
  .yedek-liste { grid-template-columns: 1fr; }
  .tek { padding-top: 24px; }
  .sira-numarali .sira-no { display: none; }
  .denk-bas .donem-secici { margin-left: 0; width: 100%; }
  .denk-bas .donem-secici .donem-dugme { flex: 1 1 0; }
  .tazelik-uclar { grid-template-columns: minmax(0, 1fr); }
  .tazelik-uclar p { grid-template-columns: 7rem minmax(0, 1fr); align-items: baseline; }
  .rehber-dh, .rehber-akis { grid-template-columns: minmax(0, 1fr); }
  .rehber-etiket { white-space: normal; }
  .ozet-ust .donem-dugme { padding: 0 10px; }
}
@media (max-width: 380px) {
  .kpi-izgara, .mesaj-kpi, .bu-kpi-3, .bu-kpi-2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 360px) { .pk-izgara { grid-template-columns: minmax(0, 1fr); } }

/* =========================================================================================================================
   9. Hareket: en çok 300 ms, yalnız transform ve opaklık. "Hareketi azalt" açıkken hiç yok (temel.css de süreleri sıfırlar).
   ========================================================================================================================= */
@keyframes y-buyu-x { from { transform: scaleX(0); } }
@keyframes y-belir { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .sira-cubuk i, .huni-cubuk i, .kpi-ilerleme i, .oran-cubuk i, .yc-parca, .ag-alan, .ag-cizgi, .halka-dilim, .pk-img { animation: none; }
  .bildirim { transform: none; }
  .isk-cubuk, .dg-mesgul::after, .nabiz-halka { animation: none; }
  .yan-panel[open], .pencere[open] { animation: none; }
  .ayrinti-ok, .suzgec-dugme { transition: none; }
}

/* Yazdırma: kurulumdaki yedek kodlar kağıda temiz çıksın (düğme, tema ve not basılmaz). */
@media print {
  :root { color-scheme: light; }
  body { background: #ffffff; color: #0f100d; }
  .tek-ust #tema-yeri, .tek-ust .tema-dugme, .tek-not, .sir-eylem, .onay-kutu, .dg, .bildirimler { display: none !important; }
  .fis { filter: none; border: 1px solid #b9b6aa; }
  .fis::after { display: none; }
}