/* ============================================================================
   BULURO — kurumsal.css
   Kurumsal sayfalar: tanıtım (/kurumsal), kayıt, giriş, şifre, e-posta
   doğrulama, geliştirme posta kutusu ve üye paneli (/panel).

   buluro.css'in ÜSTÜNE yüklenir: renk token'ları, üst bar, footer, ikonlar
   oradan gelir. Kurallar onun katmanlarına yazılıyor — katman sırası
   özgüllükten önce gelir (tokens, base, layout, components, utilities):
     tokens      → kurumsal sayfalara özel birkaç değer
     components  → .kr-* bileşenleri
     utilities   → terminal düzenini (100dvh, kaydırmasız) kapatan sayfa
                   kuralları ve ekran genişliği uyarlamaları
   Bütün renkler token; açık/koyu tema kendiliğinden geçerli. Metin
   renkleri 4,5:1 kontrastın altına inmez — marka mavisi (#1e9bd7) küçük
   yazıda bu eşiği tutmadığı için etiketlerde --fg-nav kullanılıyor.
   ========================================================================== */

@layer tokens {
  :root {
    --kr-hero:
      radial-gradient(120% 140% at 8% -20%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 55%),
      linear-gradient(100deg, var(--hdr-1) 0%, var(--hdr-2) 55%, var(--hdr-3) 100%);
    --kr-doku: repeating-linear-gradient(118deg, rgba(255,255,255,.07) 0 1px, rgba(255,255,255,0) 1px 22px);
    --kr-r: 14px;

    --kr-hata:         #b42318;   /* --down-bg üzerinde 5,6:1 */
    --kr-iyi:          #0b6e2e;   /* --up-bg üzerinde 6:1 */
    /* uyarı ve eksik: açık kırmızı (panelde sarı ton yok — kullanıcı tercihi);
       yazı koyu kırmızı, zeminde 7,6:1 */
    --kr-uyari-bg:     #fef2f2;
    --kr-uyari-cizgi:  #f9c4c4;
    --kr-uyari-fg:     #991b1b;
    /* zorunlu kısım eksik: biraz daha dolgun açık kırmızı (yazı zeminde 8:1) */
    --kr-eksik-bg:     #fee2e2;
    --kr-eksik-cizgi:  #f5a3a3;
    --kr-eksik-fg:     #7f1d1d;
    --kr-halka:        rgba(30,155,215,.16);
    /* ödeme onay bekliyor: mavi (eksik kırmızı, tamam yeşil) */
    --kr-bekliyor-bg:    #e6f3fb;
    --kr-bekliyor-cizgi: #9fcfe9;
    --kr-bekliyor-fg:    #0b4f75;
    /* grafikte ikinci seri (tekil kullanıcı) */
    --kr-seri2:        #e0600f;
  }
  :root[data-theme="dark"] {
    --kr-hata:         #ff8a80;
    --kr-iyi:          #5fe39a;
    --kr-uyari-bg:     rgba(248,113,113,.10);
    --kr-uyari-cizgi:  rgba(248,113,113,.34);
    --kr-uyari-fg:     #fca5a5;
    --kr-eksik-bg:     rgba(248,113,113,.18);
    --kr-eksik-cizgi:  rgba(248,113,113,.5);
    --kr-eksik-fg:     #fecaca;
    --kr-halka:        rgba(52,179,237,.22);
    --kr-bekliyor-bg:    rgba(52,179,237,.14);
    --kr-bekliyor-cizgi: rgba(52,179,237,.45);
    --kr-bekliyor-fg:    #9bd7f5;
    --kr-seri2:        #fb923c;
  }
}

@layer components {

  /* ———————————————————————————— kap ———————————————————————————— */
  .kr-kap { width: min(1240px, 100% - 48px); margin-inline: auto; }
  .kr-dar { width: min(820px, 100% - 48px); padding: 40px 0 64px; }

  /* —————————————————————— üst bar ekleri —————————————————————— */
  .kr-ust-dugme {
    display: inline-flex; align-items: center; height: 34px; padding: 0 16px;
    border-radius: var(--r-full); background: #fff; color: var(--hdr-1);
    font-size: 13px; font-weight: 800; white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
    transition: background-color var(--dur-2) var(--ease);
  }
  .kr-ust-dugme:hover { background: #e6f5fc; }
  .kr-ust-firma {
    max-width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-weight: 700; opacity: .92;
  }
  .kr-header .top-btn .icon { width: 15px; height: 15px; }
  /* panelde üst barda KURUMSAL'ın yerinde firmanın adı (bağlantı değil); uzunsa kısalır, tamamı üzerine gelince */
  .kr-nav-firma {
    align-self: center; flex: 0 1 auto; min-width: 0; max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    color: #fff; font-size: 14px; font-weight: 800; letter-spacing: .1px;
  }
  /* sol menünün üstünde KURUMSAL başlığı (tıklanmaz); sağında üyenin numarası (kullanıcı isteği) */
  .kr-panel-baslik {
    display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
    margin: 0 0 -6px; padding: 0 14px; font-size: 12.5px; font-weight: 800; letter-spacing: .18em; color: var(--fg-nav);
    user-select: none; cursor: default;
  }
  .kr-uye-no {
    display: inline-flex; align-items: baseline; gap: 5px;
    color: var(--fg-muted); font-size: 12px; font-weight: 700; white-space: nowrap; letter-spacing: .02em; user-select: text;
  }
  .kr-uye-no b { color: var(--fg-nav); }
  /* telefonda başlık gizli: "Daha fazla" menüsünün başında */
  .kr-uye-no--menu { display: none; }
  /* sayfanın renkleri: tek düğme "Koyu tema" / "Açık tema" — yönetimdeki düğmenin aynısı (kullanıcı isteği, 21.10.2026) */
  .kr-tema-dugme {
    align-self: center; flex: none; font: inherit; font-size: 12px; font-weight: 700; line-height: 1.2; color: #fff;
    background: none; border: 1px solid rgba(255, 255, 255, .45); padding: 3px 10px; border-radius: var(--r-full);
    cursor: pointer; white-space: nowrap;
  }
  .kr-tema-dugme:hover { background: rgba(255, 255, 255, .14); }
  .kr-tema-dugme:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  .kr-uye-no[hidden] { display: none; }
  .kr-uye-no b { font-weight: 800; font-variant-numeric: tabular-nums; }
  @media (max-width: 560px) {
    /* firma adı kalan genişliğin hepsini alır; sığmazsa iki satır, sonra üç nokta (tamamı üzerine gelince) */
    .kr-header .kr-nav-firma {
      flex: 1 1 0; max-width: none; white-space: normal; line-height: 1.2;
      display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
    }
  }

  /* —————————————————————————— düğmeler —————————————————————————— */
  .kr-dugme {
    position: relative;
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    height: 44px; padding: 0 20px;
    border: 1px solid transparent; border-radius: var(--r-lg);
    font-size: 15px; font-weight: 800; white-space: nowrap; cursor: pointer;
    transition: background-color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease),
                color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease),
                transform var(--dur-1) var(--ease);
  }
  .kr-dugme:active { transform: translateY(1px); }
  .kr-dugme .icon { width: 17px; height: 17px; }
  .kr-dugme--buyuk { height: 50px; padding: 0 24px; font-size: 16px; border-radius: 10px; }
  .kr-dugme--kucuk { height: 36px; padding: 0 14px; font-size: 13.5px; }
  .kr-dugme--tam { width: 100%; }

  .kr-dugme--birincil { background: var(--blue2); color: #fff; box-shadow: var(--sh-brand); }
  .kr-dugme--birincil:hover { background: var(--blue3); }
  .kr-dugme--beyaz { background: #fff; color: var(--hdr-1); box-shadow: 0 10px 26px -12px rgba(0,0,0,.5); }
  .kr-dugme--beyaz:hover { background: #e6f5fc; }
  .kr-dugme--cizgi { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.55); color: #fff; }
  .kr-dugme--cizgi:hover { background: rgba(255,255,255,.14); border-color: #fff; }
  .kr-dugme--ikincil { background: var(--surface-2); border-color: var(--line-card); color: var(--fg-nav); }
  .kr-dugme--ikincil:hover { border-color: var(--line-accent); }

  .kr-dugme[disabled] { opacity: .55; cursor: not-allowed; transform: none; }
  /* Beklerken yazı gizlenir, yerinde dönen halka çıkar; genişlik değişmez. */
  .kr-dugme--bekliyor, .kr-dugme--bekliyor[disabled] { color: transparent; opacity: 1; cursor: progress; }
  .kr-dugme--bekliyor::after {
    content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50%;
    border: 2.5px solid rgba(255,255,255,.4); border-top-color: #fff;
    animation: kr-don .7s linear infinite;
  }
  .kr-dugme--ikincil.kr-dugme--bekliyor::after { border-color: var(--line-strong); border-top-color: var(--fg-nav); }

  /* ———————————————————————————— giriş ———————————————————————————— */
  .kr-hero, .kr-giris-yan, .kr-cagri-kutu {
    position: relative; isolation: isolate; overflow: hidden;
    background: var(--kr-hero); color: #fff;
  }
  .kr-hero::after, .kr-giris-yan::after, .kr-cagri-kutu::after {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: var(--kr-doku); pointer-events: none;
  }

  .kr-hero-kap {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
    gap: clamp(32px, 5vw, 80px); align-items: center;
    padding: clamp(48px, 7vw, 92px) 0 clamp(56px, 8vw, 104px);
  }
  .kr-etiket {
    display: inline-flex; align-items: center; gap: 8px; align-self: flex-start;
    padding: 7px 14px; border-radius: var(--r-full);
    background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28);
    font-size: 12px; font-weight: 800; letter-spacing: .14em; color: #fff;
  }
  .kr-hero h1 {
    margin: 22px 0 18px;
    font-size: clamp(38px, 4.4vw, 60px); line-height: 1.06; letter-spacing: -1.6px;
    color: #fff; text-wrap: balance;
  }
  .kr-hero-giris { max-width: 560px; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.9); }
  .kr-eylemler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
  .kr-hero-notlar {
    display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 26px;
    font-size: 14.5px; font-weight: 600; color: rgba(255,255,255,.9);
  }
  .kr-hero-notlar li { display: inline-flex; align-items: center; gap: 8px; }
  .kr-hero-notlar .icon { color: #a8ecc4; }

  /* örnek fiyat ekranı */
  .kr-ekran {
    margin: 0; overflow: hidden; border-radius: 16px;
    background: var(--surface); color: var(--fg);
    box-shadow: 0 44px 80px -34px rgba(2,24,36,.7), 0 0 0 1px rgba(255,255,255,.16);
  }
  .kr-ekran-cubuk {
    display: flex; align-items: center; gap: 12px; padding: 11px 14px;
    background: var(--surface-2); border-bottom: 1px solid var(--line-card);
  }
  .kr-ekran-noktalar { display: inline-flex; gap: 6px; flex: none; }
  .kr-ekran-noktalar i { width: 10px; height: 10px; border-radius: 50%; background: var(--line-strong); }
  .kr-ekran-adres {
    flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 6px;
    height: 28px; padding: 0 12px; border-radius: var(--r-full);
    background: var(--surface); border: 1px solid var(--line-card);
    font-size: 12.5px; font-weight: 700; color: var(--fg-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .kr-ekran-adres .icon { color: var(--up); }
  .kr-ekran-bas {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 18px 22px 12px;
  }
  .kr-ekran-firma { font-size: 18px; font-weight: 800; letter-spacing: .08em; color: var(--fg-strong); }
  .kr-ekran-sag { display: inline-flex; align-items: center; gap: 12px; }
  .kr-ekran-ornek {
    padding: 3px 8px; border-radius: var(--r-full);
    background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    color: var(--fg-muted);
  }
  .kr-canli {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 11.5px; font-weight: 800; letter-spacing: .12em; color: var(--live);
  }
  /* açık temada yeşil yazı beyaz kartta 3,4:1 kalıyordu: yazı koyu yeşil, nokta canlı yeşil (1.119) */
  :root:not([data-theme="dark"]) .kr-canli { color: #0b7a36; }
  .kr-canli::before {
    content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--live);
    animation: kr-nabiz 1.8s var(--ease-out) infinite;
  }
  .kr-ekran-tablo { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
  .kr-ekran-tablo th, .kr-ekran-tablo td { padding: 11px 22px; text-align: right; }
  .kr-ekran-tablo th:first-child { text-align: left; }
  .kr-ekran-tablo thead th {
    padding-block: 8px; border-bottom: 1px solid var(--line-card);
    font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
    color: var(--fg-muted);
  }
  .kr-ekran-tablo thead th:nth-child(2) { color: var(--buy-fg); }
  .kr-ekran-tablo thead th:nth-child(3) { color: var(--sell-fg); }
  .kr-ekran-tablo tbody th { font-size: 14.5px; font-weight: 700; color: var(--fg-2); }
  .kr-ekran-tablo tbody td { font-size: 16px; font-weight: 800; }
  .kr-ekran-tablo tbody td:nth-child(2) { background: var(--buy-bg); color: var(--buy-fg); }
  .kr-ekran-tablo tbody td:nth-child(3) { background: var(--sell-bg); color: var(--sell-fg); }
  .kr-ekran-tablo tbody tr + tr > * { border-top: 1px solid var(--line-soft); }
  .kr-ekran-alt {
    display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px;
    padding: 12px 22px 16px; border-top: 1px solid var(--line-card);
    font-size: 12.5px; color: var(--fg-muted);
  }
  .kr-ekran-alt b { color: var(--fg-2); }

  /* ——————————————————————————— bölümler ——————————————————————————— */
  .kr-bolum { padding: clamp(56px, 7vw, 96px) 0; }
  .kr-bolum--zemin { background: var(--bg-sunken); border-block: 1px solid var(--line-soft); }
  .kr-bolum-bas { max-width: 720px; margin: 0 auto clamp(32px, 4vw, 52px); text-align: center; }
  .kr-ust-etiket {
    font-size: 12.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
    color: var(--fg-nav);
  }
  .kr-bolum-bas h2, .kr-paket-metin h2 {
    margin-top: 10px;
    font-size: clamp(28px, 2.8vw, 40px); line-height: 1.12; letter-spacing: -.8px;
    color: var(--fg-strong); text-wrap: balance;
  }
  .kr-bolum-bas h2 + p { margin-top: 14px; font-size: 17px; line-height: 1.6; color: var(--fg-muted); }

  .kr-adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .kr-adim {
    padding: 28px 26px 26px; border-radius: var(--kr-r);
    background: var(--surface); border: 1px solid var(--line-card); box-shadow: var(--sh-2);
  }
  .kr-adim-no {
    display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%;
    background: var(--blue2); color: #fff; font-size: 18px; font-weight: 800;
    box-shadow: var(--sh-brand);
  }
  .kr-adim h3, .kr-ozellik h3 { margin: 18px 0 8px; font-size: 19px; letter-spacing: -.3px; color: var(--fg-strong); }
  .kr-adim p, .kr-ozellik p { font-size: 15.5px; line-height: 1.6; color: var(--fg-muted); }
  .kr-link-ornek {
    display: inline-block; margin-top: 6px; padding: 2px 9px; border-radius: 6px;
    background: var(--surface-2); border: 1px solid var(--line-card);
    color: var(--fg-nav); font-size: 14px; font-weight: 700; white-space: nowrap;
  }

  .kr-ozellikler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .kr-ozellik {
    padding: 26px; border-radius: var(--kr-r);
    background: var(--surface); border: 1px solid var(--line-card);
  }
  .kr-ozellik-ikon, .kr-bilgi-ikon, .kr-cihaz-ikon, .kr-kart-ikon {
    display: grid; place-items: center; flex: none;
    background: var(--surface-2); border: 1px solid var(--line-card); color: var(--fg-nav);
  }
  .kr-ozellik-ikon { width: 46px; height: 46px; border-radius: 12px; }
  .kr-ozellik-ikon .icon { width: 22px; height: 22px; }

  /* paketler: cihaz modeli */
  .kr-paket {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
    gap: clamp(32px, 6vw, 88px); align-items: center;
  }
  .kr-paket-metin > p:not(.kr-ust-etiket):not(.kr-not) {
    max-width: 560px; margin-top: 14px; font-size: 17px; line-height: 1.65; color: var(--fg-muted);
  }
  .kr-tik-liste { display: grid; gap: 12px; margin-top: 22px; }
  .kr-tik-liste li { display: flex; align-items: center; gap: 11px; font-size: 15.5px; font-weight: 600; color: var(--fg-2); }
  .kr-tik-liste .icon {
    flex: none; width: 24px; height: 24px; padding: 5px; border-radius: 50%;
    background: var(--up-bg); color: var(--up);
  }
  .kr-tik-liste--acik li { color: #fff; }
  .kr-tik-liste--acik .icon { background: rgba(255,255,255,.16); color: #b8f0cf; }
  .kr-not {
    display: inline-block; margin-top: 24px; padding: 8px 14px; border-radius: var(--r-full);
    background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 13.5px; font-weight: 700; color: var(--fg-muted);
  }

  .kr-cihazlar {
    display: grid; gap: 12px; padding: 22px; border-radius: 18px;
    background: var(--surface); border: 1px solid var(--line-card); box-shadow: var(--sh-4);
  }
  .kr-cihazlar-bas { display: flex; align-items: center; justify-content: space-between; padding: 2px 4px 6px; }
  .kr-cihazlar-bas b { font-size: 16px; color: var(--fg-strong); }
  .kr-cihaz-sayac {
    padding: 4px 11px; border-radius: var(--r-full);
    background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 13px; font-weight: 800; color: var(--fg-nav); font-variant-numeric: tabular-nums;
  }
  .kr-cihaz {
    display: flex; align-items: center; gap: 14px; padding: 14px 16px;
    border-radius: 12px; border: 1px solid var(--line-card); background: var(--bg);
  }
  .kr-cihaz-ikon { width: 42px; height: 42px; border-radius: 10px; }
  .kr-cihaz-ikon .icon { width: 21px; height: 21px; }
  .kr-cihaz-ad { display: grid; gap: 3px; flex: 1; min-width: 0; }
  .kr-cihaz-ad b { font-size: 15px; color: var(--fg-strong); }
  .kr-cihaz-ad small { font-size: 12.5px; color: var(--fg-muted); }
  .kr-cihaz-durum { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 800; color: var(--kr-iyi); }
  .kr-cihaz-durum::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--up); }
  .kr-cihaz--bos { border-style: dashed; background: transparent; }

  /* Paket ve ödeme → Paket kullanımı */
  .kr-kullanim-bas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; }
  .kr-kullanim-bas h2 { margin-bottom: 6px; }
  .kr-kullanim-bas .kr-alt-yazi { margin: 0; }
  .kr-kullanim .kr-bildirim { margin-bottom: 12px; }
  .kr-kullanim-liste { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 10px; }
  .kr-kullanim-satir .kr-cihaz-durum { flex: none; }
  .kr-kullanim-satir--disinda { border-color: var(--down-line); background: var(--down-bg); }
  /* Paket kullanımı: yalnız paket (mevcut, seçilen); değiştir ve iptal düğmeleri */
  .kr-kullanim-parca { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 12px; padding: 0; list-style: none; }
  .kr-kullanim-parca:empty { display: none; }
  .kr-kullanim-cip--secim { border-color: var(--line-accent); }
  .kr-kullanim-cip--bekliyor { border-color: var(--kr-bekliyor-cizgi); background: var(--kr-bekliyor-bg); }
  .kr-kullanim-cip--bekliyor small { color: var(--kr-bekliyor-fg); }
  /* Paket seçin: onay bekleyen havale varken kilitli (mavi not; altındakiler soluk) */
  .kr-siparis-kilit {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin: 0 0 16px; padding: 12px 14px; border-radius: 12px;
    background: var(--kr-bekliyor-bg); border: 1px solid var(--kr-bekliyor-cizgi); color: var(--kr-bekliyor-fg); font-size: 14px; line-height: 1.5;
  }
  .kr-siparis-kilit[hidden] { display: none; }
  .kr-siparis-kilit p { flex: 1 1 260px; margin: 0; }
  .kr-siparis-kilit-ikon .icon { width: 20px; height: 20px; }
  .kr-siparis--kilitli > [inert] { opacity: .45; filter: grayscale(.4); user-select: none; }
  .kr-kullanim-cip--iptal b { color: var(--fg-2); }
  .kr-kullanim-ozet--bekliyor { color: var(--kr-bekliyor-fg); font-weight: 700; }
  .kr-kullanim-eylem { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 12px; }
  .kr-kullanim-cip { display: grid; gap: 2px; min-width: 120px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-kullanim-cip small { font-size: 12px; font-weight: 700; color: var(--fg-muted); }
  .kr-kullanim-cip b { font-size: 16px; color: var(--fg-strong); font-variant-numeric: tabular-nums; }
  /* Cihaz takip: ek cihaz alındıysa paketin hakları ve ek cihazlar ayrı başlıklarla */
  .kr-cihaz-grup { margin-top: 6px; padding: 0 2px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-cihaz-grup:first-child { margin-top: 0; }
  /* Cihaz takip → en altta Ek cihaz al */
  .kr-ek-al {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px;
    margin-top: 16px; padding: 16px 18px; border-radius: 12px; border: 1px dashed var(--line-accent); background: var(--surface-2);
  }
  .kr-ek-al-metin { display: grid; gap: 3px; }
  .kr-ek-al-metin b { font-size: 15.5px; color: var(--fg-strong); }
  .kr-ek-al-metin span { font-size: 13.5px; line-height: 1.5; color: var(--fg-muted); }
  /* Ek cihaz al'dan gelince ek cihaz alanı kısa süre vurgulanır */
  .kr-vurgu { border-radius: 12px; animation: kr-vurgu 1.8s ease-out 1; }
  @keyframes kr-vurgu {
    0%, 45% { box-shadow: 0 0 0 6px var(--kr-halka), 0 0 0 2px var(--line-accent); }
    100% { box-shadow: 0 0 0 0 transparent; }
  }
  @media (max-width: 560px) {
    .kr-kullanim-satir { flex-wrap: wrap; }
    .kr-kullanim-satir .kr-dugme { margin-left: auto; }
  }
  .kr-cihaz--bos .kr-cihaz-ikon { background: transparent; border-style: dashed; border-color: var(--line-strong); color: var(--fg-muted); }

  /* sık sorulanlar */
  .kr-sss { display: grid; gap: 12px; max-width: 860px; margin: 0 auto; }
  .kr-sss details {
    border-radius: 12px; background: var(--surface); border: 1px solid var(--line-card);
    transition: border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
  }
  .kr-sss details[open] { border-color: var(--line-strong); box-shadow: var(--sh-2); }
  .kr-sss summary {
    display: flex; align-items: center; justify-content: space-between; gap: 18px;
    padding: 20px 22px; border-radius: 12px; cursor: pointer; list-style: none;
    font-size: 16.5px; font-weight: 800; color: var(--fg-strong);
  }
  .kr-sss summary::-webkit-details-marker { display: none; }
  .kr-sss summary::after {
    content: ""; flex: none; width: 9px; height: 9px;
    border-right: 2.5px solid var(--fg-nav); border-bottom: 2.5px solid var(--fg-nav);
    transform: translateY(-3px) rotate(45deg);
    transition: transform var(--dur-2) var(--ease);
  }
  .kr-sss details[open] summary::after { transform: translateY(2px) rotate(225deg); }
  .kr-sss details p { max-width: 72ch; padding: 0 22px 20px; font-size: 15.5px; line-height: 1.7; color: var(--fg-muted); }

  /* çağrı bandı */
  .kr-cagri { padding: clamp(48px, 6vw, 80px) 0 clamp(56px, 7vw, 88px); }
  .kr-cagri-kutu {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 32px;
    padding: clamp(28px, 4vw, 48px); border-radius: 20px; box-shadow: var(--sh-4);
  }
  .kr-cagri-kutu h2 { font-size: clamp(24px, 2.4vw, 34px); letter-spacing: -.6px; color: #fff; }
  .kr-cagri-kutu p { margin-top: 8px; font-size: 16.5px; line-height: 1.55; color: rgba(255,255,255,.88); }

  /* ———————————————————— giriş / kayıt düzeni ———————————————————— */
  /* Yükseklik hesapla değil esneyerek dolduruluyor: <main> bir sütun ve
     bu düzenler kalan alanı alıyor. calc(100vh − üst bar − footer) footer'ın
     gerçek yüksekliğini tutmadığında altta beyaz bir şerit kalıyordu. */
  .kr-giris-duzen {
    flex: 1 0 auto;
    display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
  .kr-giris-yan {
    display: flex; flex-direction: column; justify-content: center; gap: 24px;
    padding: clamp(40px, 6vw, 88px);
  }
  .kr-giris-yan h2 { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.1; letter-spacing: -1px; color: #fff; }
  .kr-giris-yan-yazi { max-width: 440px; font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.88); }
  .kr-giris-yan .kr-tik-liste { margin-top: 0; }
  .kr-giris-form-kap {
    display: grid; place-items: center; padding: clamp(32px, 5vw, 64px) 24px;
    background: var(--bg-sunken);
  }
  .kr-ortala {
    flex: 1 0 auto;
    display: grid; place-items: center; padding: clamp(40px, 7vw, 96px) 24px;
    background: var(--bg-sunken);
  }

  .kr-kart {
    width: min(480px, 100%); padding: clamp(24px, 3vw, 36px); border-radius: 18px;
    background: var(--surface); border: 1px solid var(--line-card); box-shadow: var(--sh-3);
  }
  .kr-kart h1 { font-size: 27px; line-height: 1.2; letter-spacing: -.5px; color: var(--fg-strong); }
  .kr-kart h2 { margin-bottom: 18px; font-size: 19px; color: var(--fg-strong); }
  .kr-kart--genis { width: 100%; margin-bottom: 20px; box-shadow: var(--sh-1); }
  .kr-kart--sonuc { text-align: center; }
  .kr-kart--sonuc .kr-kart-ikon { margin-inline: auto; }
  .kr-kart--sonuc .kr-dugme { margin-top: 10px; }
  .kr-kart-ikon { width: 52px; height: 52px; margin-bottom: 18px; border-radius: 14px; }
  .kr-kart-ikon .icon { width: 24px; height: 24px; }
  .kr-kart-ikon--iyi { background: var(--up-bg); border-color: var(--up-line); color: var(--up); }
  .kr-kart-ikon--kotu { background: var(--down-bg); border-color: var(--down-line); color: var(--down); }
  .kr-alt-yazi { margin: 8px 0 24px; font-size: 15px; line-height: 1.6; color: var(--fg-muted); }
  .kr-kart--sonuc .kr-alt-yazi { margin-bottom: 14px; }
  .kr-alt-yazi b { color: var(--fg-2); }

  /* form alanları — align-content: iki sütunlu satırda kısa alan uzun
     olana gerilince satırları aşağı yaymasın, girdiler aynı hizada kalsın. */
  .kr-alan { display: grid; align-content: start; gap: 7px; margin-bottom: 18px; }
  .kr-form-not { margin: -4px 0 18px; }
  .kr-alan-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .kr-alan > label:not(.kr-onay), .kr-alan-bas label { font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-alan-ikili { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 14px; }
  /* Bölümler arası ayırıcı çizgi (panelin her sayfasında): formlarda alt alta duran alan
     grupları arasında ince çizgi — Profil'deki "Yetkili kişi" ayracıyla aynı çizgi.
     Gizli (hidden) gruplar sayılmaz; yan yana alanlar (.kr-alan-ikili, Genel kuralın üst
     sırası) kendi içinde bölünmez; kendi kutusu olan görsel alanı ve hemen ardından
     ayraç başlığı gelen grup çizgi almaz (çift çizgi olmasın). Özel gün formu yan yana
     dizilen tek satırlık bir giriş satırıdır; o da bölünmez. */
  [data-panel-bolum] :is(form:not(.kr-ozel-form), .kr-kart, .kr-gorunum-sube, .kr-gorunum-sube-ayar, .kr-akis-kontroller, .kr-akis-sube-ayar) > :is(.kr-alan, .kr-alan-ikili, .kr-kural-ust):not(.kr-gorsel-alan):not(:has(+ .kr-form-bolum--ayrac)):has(~ :is(.kr-alan, .kr-alan-ikili, .kr-kural-farklar, .kr-gorunum-sube):not([hidden])) {
    padding-bottom: 18px; border-bottom: 1px solid var(--line-card);
  }
  .kr-girdi {
    width: 100%; height: 48px; padding: 0 14px;
    border: 1px solid var(--line-strong); border-radius: 10px;
    background: var(--surface); color: var(--fg-strong); font-size: 15.5px;
    transition: border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
  }
  .kr-girdi::placeholder { color: var(--fg-muted); opacity: .7; }
  .kr-girdi:hover { border-color: var(--muted); }
  .kr-girdi:focus { border-color: var(--line-accent); box-shadow: 0 0 0 3px var(--kr-halka); }
  .kr-girdi[aria-invalid="true"] { border-color: var(--kr-hata); box-shadow: 0 0 0 3px var(--down-bg); }
  .kr-girdi[readonly] { background: var(--surface-2); color: var(--fg-muted); }
  .kr-alan-ipucu { font-size: 12.5px; line-height: 1.5; color: var(--fg-muted); }
  .kr-alan-hata { font-size: 13px; font-weight: 700; line-height: 1.45; color: var(--kr-hata); }
  /* Bilgilendirme: alan açıklamaları "ⓘ Bilgilendirme" düğmesinin arkasında; üzerine gelince
     ya da tıklayınca açılır (kurumsal-panel.js aciklamaBagla). Yazı kutusu üst katmanda
     (popover) açılır, kartların taşma ve opaklık sınırlarına takılmaz; yeri açılırken ölçülür
     (aciklamaYerlestir: ekrana sığar, altta yer yoksa düğmenin üstüne çıkar). */
  .kr-aciklama { position: relative; justify-self: start; display: flex; width: fit-content; max-width: 100%; }
  .kr-aciklama-dugme {
    display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 4px 11px 4px 7px;
    border: 1px solid var(--line-card); border-radius: var(--r-full); background: var(--surface);
    color: var(--fg-nav); font: inherit; font-size: 12.5px; font-weight: 800; line-height: 1.2;
    white-space: nowrap; cursor: pointer; touch-action: manipulation;
    transition: border-color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);
  }
  .kr-aciklama-dugme .icon { width: 16px; height: 16px; }
  .kr-aciklama-dugme:hover, .kr-aciklama--acik > .kr-aciklama-dugme { border-color: var(--line-accent); background: var(--surface-3); }
  .kr-aciklama-dugme:focus-visible { outline: 2px solid var(--line-accent); outline-offset: 2px; }
  .kr-aciklama-metin {
    display: none; position: absolute; z-index: 80; inset: auto; left: 0; top: 0; margin: 0;
    width: max-content; max-width: min(440px, calc(100 * var(--vw, 1vw) - 32px));
    padding: 11px 14px; border: 1px solid var(--line-accent); border-radius: 12px;
    background: var(--surface); color: var(--fg-2); box-shadow: var(--sh-pop);
    font-size: 13.5px; line-height: 1.55; text-align: left; overflow: visible;
  }
  .kr-aciklama--acik > .kr-aciklama-metin { display: block; }
  /* boş açıklama (ör. birim yokken alış / satış örneği) düğmesiyle birlikte gizli */
  .kr-aciklama:has(> .kr-aciklama-metin:empty) { display: none; }
  /* düğmeyi gösteren ok; ::after düğmeyle kutu arasındaki boşluğu kapatır (fare geçerken kapanmasın) */
  .kr-aciklama-metin::before {
    content: ""; position: absolute; top: -6px; left: var(--ok-x, 16px); width: 10px; height: 10px; margin-left: -5px;
    border: solid var(--line-accent); border-width: 1px 0 0 1px; background: var(--surface); transform: rotate(45deg);
  }
  .kr-aciklama-metin::after { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 12px; }
  .kr-aciklama--ustte > .kr-aciklama-metin::before { top: auto; bottom: -6px; border-width: 0 1px 1px 0; }
  .kr-aciklama--ustte > .kr-aciklama-metin::after { bottom: auto; top: 100%; }
  .kr-aciklama-metin b { color: var(--fg-strong); }
  .kr-aciklama-metin a { color: var(--fg-nav); font-weight: 800; }
  .kr-sifre-kutu { position: relative; }
  .kr-sifre-kutu .kr-girdi { padding-right: 52px; }
  .kr-sifre-goster {
    position: absolute; top: 50%; right: 5px; transform: translateY(-50%);
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: 8px;
    color: var(--fg-muted); transition: background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);
  }
  .kr-sifre-goster:hover { background: var(--surface-2); color: var(--fg-nav); }
  .kr-sifre-goster .icon { width: 18px; height: 18px; }
  .kr-onay { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.55; color: var(--fg-muted); cursor: pointer; }
  .kr-onay input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--blue2); cursor: pointer; }
  .kr-onay a, .kr-form-alt a, .kr-bildirim a {
    color: var(--fg-nav); font-weight: 800;
    text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
  }
  .kr-kucuk-bag { font-size: 13px; font-weight: 700; color: var(--fg-nav); }
  .kr-kucuk-bag:hover { text-decoration: underline; text-underline-offset: 3px; }
  .kr-form-alt { margin-top: 18px; text-align: center; font-size: 14.5px; color: var(--fg-muted); }

  /* bildirimler */
  .kr-bildirim {
    margin-bottom: 18px; padding: 12px 14px; border-radius: 10px;
    background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 14.5px; line-height: 1.55; color: var(--fg-2);
  }
  .kr-bildirim--hata { background: var(--down-bg); border-color: var(--down-line); color: var(--kr-hata); font-weight: 700; }
  .kr-bildirim--iyi { background: var(--up-bg); border-color: var(--up-line); color: var(--kr-iyi); font-weight: 700; }
  .kr-bildirim--uyari { background: var(--kr-uyari-bg); border-color: var(--kr-uyari-cizgi); color: var(--kr-uyari-fg); }

  /* ——————————————————————————— panel ——————————————————————————— */
  /* Panel sayfanın tamamını kullanır: solda menü ve içerik, sağda (geniş
     ekranda) fiyat ekranının önizlemesi. Ortalanmış dar kap yok. */
  .kr-panel {
    display: grid; grid-template-columns: 266px minmax(0, 1fr); gap: 28px;
    align-items: start; padding: 32px 0 64px;
  }
  .kr-kap.kr-panel { width: auto; max-width: none; margin-inline: 0; padding-inline: 24px; }
  .kr-panel.kr-panel--onizlemeli { grid-template-columns: 266px minmax(0, 1fr) clamp(340px, 30vw, 600px); }

  .kr-onizleme { display: none; }
  .kr-panel--onizlemeli .kr-onizleme {
    display: grid; gap: 12px; align-content: start;
    position: sticky; top: calc(var(--hdr-h) + 20px);
    padding: 16px; border-radius: 16px;
    background: var(--surface); border: 1px solid var(--line-card); box-shadow: var(--sh-1);
  }
  .kr-onizleme-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
  .kr-onizleme-bas h2 { margin: 4px 0 0; font-size: 18px; color: var(--fg-strong); }
  .kr-onizleme-bas .kr-rozet { flex: none; margin-top: 2px; }
  .kr-onizleme-cihaz { justify-self: start; }
  /* TV/Telefon ve sağında (birden çok şubede) "Link görünümü" */
  .kr-onizleme-ayar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
  .kr-onizleme-hedef { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 12.5px; font-weight: 800; color: var(--fg-2); }
  .kr-onizleme-hedef .kr-girdi { width: auto; max-width: 230px; height: 34px; padding: 0 8px; font-size: 13px; }
  /* birden çok şubede: tek önizleme ya da hepsi alt alta (liste kaydırılır) */
  .kr-onizleme-duzen { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; font-size: 12.5px; font-weight: 800; color: var(--fg-2); }
  .kr-onizleme-liste {
    display: grid; align-content: start; gap: 14px; min-height: 220px;
    max-height: calc(100vh - var(--hdr-h) - 290px); overflow-y: auto; overscroll-behavior: contain;
    padding-right: 4px; scrollbar-gutter: stable;
  }
  .kr-onizleme-sube { display: grid; gap: 8px; }
  .kr-onizleme-sube .kr-onizleme-yayin { margin: 0; }
  .kr-onizleme-sube-bas { display: grid; justify-items: start; gap: 4px; min-width: 0; }
  .kr-onizleme-sube-ad { font-size: 13.5px; color: var(--fg-strong); overflow-wrap: anywhere; }
  .kr-onizleme-cerceve {
    position: relative; overflow: hidden; border-radius: 10px;
    background: #06141b; border: 1px solid var(--line-card);
  }
  /* tıklanır: linkli görsele, iletişime basılınca ekranın kendisi açar (ekran.js gorselLinkiAc) */
  .kr-onizleme-cerceve iframe {
    position: absolute; top: 0; left: 0; border: 0; background: transparent;
    transform-origin: 0 0;
  }
  .kr-onizleme [data-onizleme-not] { margin: 0; }
  .kr-onizleme-eylem { display: flex; flex-wrap: wrap; gap: 8px; }
  .kr-onizleme-dugme {
    position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 60;
    display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 999px; cursor: pointer;
    background: var(--blue2); color: #fff; font-size: 14px; font-weight: 800; box-shadow: var(--sh-pop);
  }
  .kr-onizleme-dugme .icon { width: 18px; height: 18px; }
  .kr-panel-yan {
    position: sticky; top: calc(var(--hdr-h) + 20px);
    display: grid; gap: 2px; padding: 10px; border-radius: 16px;
    background: var(--surface); border: 1px solid var(--line-card); box-shadow: var(--sh-1);
  }
  .kr-panel-yan a, .kr-panel-yakinda {
    display: flex; align-items: center; gap: 11px; padding: 11px 12px; border-radius: 10px;
    font-size: 14.5px; font-weight: 700; color: var(--fg-2); white-space: nowrap;
    transition: background-color var(--dur-2) var(--ease);
  }
  /* sağda zorunlu kısım sayacı: dar kalırsa ad alt satıra geçer, taşmaz */
  .kr-panel-yan a { white-space: normal; line-height: 1.3; }
  .kr-panel-yan a .icon, .kr-panel-yan .kr-panel-sayi { flex: none; }
  .kr-panel-yan a:hover { background: var(--surface-2); }
  .kr-panel-yan a[aria-current="page"] { background: var(--blue2); color: #fff; box-shadow: var(--sh-brand); }
  .kr-panel-yan .icon { width: 18px; height: 18px; }
  /* Sol sütun: menü ve altında Buluro Duyuru Panosu birlikte ekrana sabit; ekrandan uzunsa kendi içinde kayar */
  /* sol sütun üst bardan alt bandın hemen üstüne kadar (%90 ölçekte görüntü alanı --vh ile; 100vh altta boşluk
     bırakıyordu); menü ve pano uzunsa sütun kendi içinde kayar, sürüm kutusu en altta sabit kalır */
  .kr-panel-sol {
    position: sticky; top: calc(var(--hdr-h) + 20px); align-self: start;
    display: flex; flex-direction: column; gap: 14px; min-width: 0;
    height: calc(100 * var(--vh, 1vh) - var(--hdr-h) - var(--foot-h, 44px) - 40px);
    /* kaydırma yalnız son çare (çok kısa ekran); menü ve pano aşağıdaki kademelerle sığar */
    overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
    container: kr-sol / size;
  }
  .kr-panel-sol > * { flex: none; }
  /* Duyuru Panosu kalan boşluk kadar küçülür (kullanıcı isteği, 20.10.2026: sol sütun hiçbir ekranda kaydırılmasın);
     sığmayan duyuru varsa altta "Tümünü gör" (kurumsal-panel.js duyuruTasmaDenetle) */
  .kr-panel-sol > .kr-duyuru-pano:not([hidden]) { flex: 0 1 auto; min-height: 92px; display: flex; flex-direction: column; overflow: hidden; }
  .kr-duyuru-pano > .kr-duyuru-liste { flex: 1 1 auto; min-height: 0; overflow: hidden; align-content: start; }
  .kr-duyuru-pano--tasan > .kr-duyuru-liste { -webkit-mask-image: linear-gradient(#000 calc(100% - 26px), transparent); mask-image: linear-gradient(#000 calc(100% - 26px), transparent); }
  .kr-duyuru-hepsi {
    flex: none; align-self: stretch; padding: 7px 10px; border-radius: 10px; cursor: pointer;
    border: 1px solid var(--line-accent); background: var(--surface-2); color: var(--fg-nav); font: inherit; font-size: 12.5px; font-weight: 800;
  }
  .kr-duyuru-hepsi[hidden] { display: none; }
  .kr-duyuru-hepsi:hover { background: var(--surface-3); }
  .kr-duyuru-dialog { width: min(520px, calc(100vw - 32px)); }
  .kr-duyuru-tum { display: grid; gap: 10px; max-height: min(60vh, 560px); overflow-y: auto; margin-top: 12px; }
  /* sütun yüksekliğine göre sıklaşan menü (yükseklik sütunun kendi CSS pikseli; %90 ölçekten bağımsız) */
  @container kr-sol (max-height: 820px) {
    .kr-panel-yan a, .kr-panel-yakinda { padding-block: 8px; font-size: 14px; }
    .kr-panel-sol { gap: 10px; }
  }
  @container kr-sol (max-height: 720px) {
    .kr-panel-yan { padding: 6px; gap: 1px; }
    .kr-panel-yan a, .kr-panel-yakinda { padding: 5px 10px; gap: 9px; font-size: 13.5px; line-height: 1.25; }
    .kr-panel-yan .icon { width: 16px; height: 16px; }
    .kr-duyuru-pano { padding: 10px 12px; gap: 8px; }
    .kr-surum { padding: 8px 12px; }
    .kr-surum-son { margin-bottom: 4px; }
  }
  @container kr-sol (max-height: 620px) {
    .kr-panel-sol { gap: 8px; }
    .kr-panel-yan a, .kr-panel-yakinda { padding: 3px 10px; font-size: 13px; }
    .kr-panel-yan .kr-panel-sayi { padding-block: 0; }
    .kr-surum-son { display: none; }
    .kr-surum-bas { margin-bottom: 2px; }
    .kr-panel-sol > .kr-duyuru-pano:not([hidden]) { min-height: 76px; }
    .kr-duyuru-pano h2 { font-size: 13px; }
  }
  .kr-panel-sol .kr-panel-yan { position: static; }
  .kr-duyuru-pano {
    display: grid; gap: 10px; padding: 14px; border-radius: 16px;
    background: var(--surface); border: 1px solid var(--line-card); box-shadow: var(--sh-1);
  }
  .kr-duyuru-pano[hidden] { display: none; }
  .kr-duyuru-pano h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 800; color: var(--fg-strong); }
  .kr-duyuru-pano h2 .icon { flex: none; width: 17px; height: 17px; color: var(--blue2); }
  .kr-duyuru-liste { display: grid; gap: 8px; }
  .kr-duyuru { display: grid; gap: 4px; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line-card); color: var(--fg-2); }
  /* ödeme hatırlatması: yaklaşırken uyarı, süresi dolunca eksik rengi (panelde sarı yok) */
  .kr-duyuru--uyari { background: var(--kr-uyari-bg); border-color: var(--kr-uyari-cizgi); color: var(--kr-uyari-fg); }
  .kr-duyuru--eksik { background: var(--kr-eksik-bg); border-color: var(--kr-eksik-cizgi); color: var(--kr-eksik-fg); }
  .kr-duyuru-baslik { font-size: 13.5px; line-height: 1.3; color: var(--fg-strong); }
  /* indirim kodu duyurusu: kod ve yanında Kopyala */
  .kr-duyuru-kod { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
  .kr-duyuru-kod code {
    padding: 2px 8px; border-radius: 6px; border: 1px dashed var(--line-accent); background: var(--surface);
    font: 800 13px/1.4 ui-monospace, Consolas, monospace; letter-spacing: .04em; color: var(--fg-strong);
  }
  .kr-duyuru-kopyala {
    padding: 3px 10px; border-radius: 999px; cursor: pointer; border: 1px solid var(--line-accent); background: var(--surface);
    color: var(--blue2); font: inherit; font-size: 11.5px; font-weight: 800;
  }
  .kr-duyuru-kopyala:hover { background: var(--surface-3); }
  .kr-duyuru--uyari .kr-duyuru-baslik, .kr-duyuru--eksik .kr-duyuru-baslik { color: inherit; }
  .kr-duyuru-metin { margin: 0; font-size: 13px; line-height: 1.45; white-space: pre-line; overflow-wrap: anywhere; }
  .kr-duyuru-tarih { font-size: 11.5px; color: var(--fg-muted); }
  .kr-duyuru-bag { justify-self: start; font-size: 12.5px; font-weight: 800; color: inherit; text-decoration: underline; }
  /* havale kartı: "Havaleyi yaptım" iptalden önce; bildirildiyse zamanı */
  .kr-havale-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .kr-havale-eylem .kr-bildirim { flex: 1 1 100%; margin: 0; }
  .kr-siparis-not { display: block; margin-top: 3px; font-size: 11px; font-weight: 700; color: var(--kr-iyi); }
  .kr-panel-grup {
    margin: 14px 12px 6px; font-size: 11px; font-weight: 800;
    letter-spacing: .14em; text-transform: uppercase; color: var(--fg-muted);
  }
  .kr-panel-yakinda { color: var(--fg-muted); cursor: default; }
  .kr-panel-yakinda small {
    margin-left: auto; padding: 2px 8px; border-radius: var(--r-full);
    background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 10.5px; font-weight: 800; letter-spacing: .04em;
  }
  .kr-panel-yukleniyor { padding: 40px 0; font-size: 15px; color: var(--fg-muted); }
  .kr-panel-yukleniyor[hidden] { display: none; }
  /* hesap yüklenemedi: ne olduğu, yeniden dene, bize yazın (kurumsal-panel.js yuklemeHatasi) */
  .kr-yukleme-hata {
    display: flex; gap: 14px; align-items: flex-start; margin: 8px 0 24px; padding: 20px; border-radius: 14px;
    background: var(--kr-eksik-bg); border: 1px solid var(--kr-eksik-cizgi); color: var(--fg-2);
  }
  .kr-yukleme-hata[hidden] { display: none; }
  .kr-yukleme-hata-ikon { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--surface); color: var(--kr-eksik-fg); }
  .kr-yukleme-hata-ikon .icon { width: 20px; height: 20px; }
  .kr-yukleme-hata h2 { margin: 0 0 6px; font-size: 18px; color: var(--fg-strong); }
  .kr-yukleme-hata p { margin: 0 0 8px; line-height: 1.55; }
  .kr-yukleme-hata .kr-dugme-sirasi { margin-top: 12px; }
  :root.kr-yukleme-hatasi .kr-onizleme, :root.kr-yukleme-hatasi .kr-onizleme-dugme { display: none !important; }
  /* sol sütunun en altında panelin sürümü (kullanıcı isteği): no · tarih, son sürümde yapılan, Bütün yenilikler.
     Sütun kısa olunca en alta iner (margin-top: auto), uzun olunca kayan sütunun altına yapışır */
  .kr-surum {
    position: sticky; bottom: 0; z-index: 2; margin: auto 0 0; padding: 11px 14px; border-radius: 14px;
    border: 1px solid var(--line-card); background: var(--surface); box-shadow: 0 -6px 14px -10px rgba(8, 41, 57, .25);
  }
  .kr-surum[hidden] { display: none; }
  .kr-surum-bas { margin: 0 0 4px; font-size: 12.5px; font-weight: 800; color: var(--fg-2); }
  .kr-surum-bas b { color: var(--fg-nav); font-variant-numeric: tabular-nums; }
  .kr-surum-bas small { font-weight: 600; color: var(--fg-muted); }
  .kr-surum-son { margin: 0 0 6px; font-size: 12px; line-height: 1.4; color: var(--fg-muted); }
  .kr-surum-son:empty { display: none; }
  .kr-surum-hepsi { padding: 0; border: 0; background: none; font: inherit; font-size: 12px; font-weight: 800; color: var(--fg-nav); cursor: pointer; }
  .kr-surum-dialog { width: min(560px, calc(100vw - 32px)); }
  .kr-surum-tum { display: grid; gap: 14px; max-height: min(60vh, 520px); overflow-y: auto; padding-right: 4px; }
  .kr-surum-kalem h3 { margin: 0; font-size: 15px; color: var(--fg-strong); }
  .kr-surum-kalem h3 b { color: var(--fg-nav); }
  .kr-surum-kalem p { margin: 2px 0 6px; }
  .kr-surum-kalem ul { margin: 0; padding-left: 18px; font-size: 13.5px; line-height: 1.55; color: var(--fg-2); }
  /* bilgi bildirimi (mavi): kart yakında, giriş sayfasındaki açık oturum */
  .kr-bildirim--bilgi { background: var(--kr-bekliyor-bg); border-color: var(--kr-bekliyor-cizgi); color: var(--kr-bekliyor-fg); }
  .kr-kart-yakinda { margin: 0 0 14px; }
  .kr-sonuk-yazi { font-size: 12.5px; font-weight: 700; color: var(--fg-muted); }
  /* Profil → Fatura bilgileri */
  .kr-fatura [hidden] { display: none; }
  .kr-fatura .kr-secenekler { margin-bottom: 14px; }
  .kr-fatura .kr-kart-bas .kr-rozet:empty { display: none; }
  /* Profil → Hesap ve veriler */
  .kr-hesap-veri-sira { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 0; border-top: 1px solid var(--line-soft); }
  .kr-hesap-veri-sira > div { flex: 1 1 300px; }
  .kr-hesap-veri-sira b { color: var(--fg-strong); font-size: 14.5px; }
  .kr-hesap-veri-sira .kr-alan-ipucu { margin: 3px 0 0; }
  .kr-hesap-veri-sira .kr-dugme .icon { width: 16px; height: 16px; margin-right: 6px; }
  .kr-kapat-form { margin-top: 10px; padding: 14px; border-radius: 12px; border: 1px solid var(--kr-eksik-cizgi); background: var(--kr-eksik-bg); }
  .kr-kapat-form[hidden] { display: none; }
  /* dolu kırmızı (iki temada aynı: koyu temada --kr-eksik-fg açık pembe, beyaz yazı okunmuyordu) */
  .kr-dugme--tehlike-dolu { background: #b42318; border-color: #b42318; color: #fff; }
  /* ---- Panel yönetimi (1.109): kullanıcılar, roller, açık oturumlar, işlem günlüğü (kurumsal-yonetim.js) */
  .kr-kisi-satir { display: flex; align-items: center; gap: 7px; min-width: 0; margin: 10px 0 -4px; padding: 0 14px; font-size: 13px; font-weight: 700; color: var(--fg-2); }
  .kr-kisi-satir[hidden] { display: none; }
  .kr-kisi-satir .icon { width: 15px; height: 15px; flex: none; color: var(--fg-nav); }
  .kr-kisi-satir span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .kr-rol-cip {
    display: inline-flex; align-items: center; padding: 1px 8px; border-radius: var(--r-full);
    border: 1px solid var(--line-card); background: var(--surface-2); color: var(--fg-2);
    font-size: 11.5px; font-weight: 800; white-space: nowrap;
  }
  .kr-rol-cip--yonetici { background: var(--kr-bekliyor-bg); border-color: var(--kr-bekliyor-cizgi); color: var(--kr-bekliyor-fg); }
  .kr-rol-cip--fiyat { background: var(--up-bg); border-color: var(--up-line); color: var(--kr-iyi); }
  .kr-ekip-cip {
    display: inline-flex; align-items: center; padding: 1px 8px; border-radius: var(--r-full);
    border: 1px solid var(--line-accent); background: var(--surface-3); color: var(--fg-nav);
    font-size: 11px; font-weight: 800; white-space: nowrap;
  }
  .kr-ekip-cip--sonuk { border-color: var(--line-card); background: var(--surface-2); color: var(--fg-muted); }
  .kr-ekip-cip--iyi { border-color: var(--up-line); background: var(--up-bg); color: var(--kr-iyi); }
  /* rolün değiştiremediği bölümün başında (mavi bilgi; panelde sarı yok) */
  .kr-rol-not {
    display: flex; align-items: flex-start; gap: 9px; margin: 0 0 16px; padding: 11px 14px; border-radius: 12px;
    border: 1px solid var(--kr-bekliyor-cizgi); background: var(--kr-bekliyor-bg); color: var(--kr-bekliyor-fg);
    font-size: 13.5px; font-weight: 700; line-height: 1.5;
  }
  .kr-rol-not .icon { width: 16px; height: 16px; flex: none; margin-top: 2px; }
  [data-rol-kilit]:disabled { cursor: not-allowed; }
  button[data-rol-kilit]:disabled, label:has(> input[data-rol-kilit]:disabled) { opacity: .55; }
  .kr-bolum-kilitli [data-kayit-cubugu] { display: none !important; }
  .kr-ekip-tablo td { vertical-align: middle; }
  .kr-ekip-tablo .kr-ekip-kisi { min-width: 220px; white-space: normal; }
  .kr-ekip-kisi b { margin-right: 6px; color: var(--fg-strong); }
  .kr-ekip-kisi .kr-ekip-cip { margin-right: 4px; }
  .kr-ekip-kisi small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--fg-muted); overflow-wrap: anywhere; }
  .kr-ekip-rol { width: auto; min-width: 120px; padding-block: 6px; font-size: 13.5px; }
  .kr-ekip-son { font-size: 13px; color: var(--fg-2); }
  .kr-tablo .kr-ekip-eylem { text-align: right; }
  .kr-ekip-eylem .kr-kucuk-dugme { margin: 2px 0 2px 6px; }
  .kr-kucuk-dugme--tehlike { color: var(--kr-hata); }
  .kr-kucuk-dugme--tehlike:hover { border-color: var(--kr-eksik-cizgi); }
  .kr-ekip-davet { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line-soft); }
  .kr-ekip-davet[hidden] { display: none; }
  .kr-ekip-davet h3 { margin: 0 0 12px; font-size: 15.5px; color: var(--fg-strong); }
  .kr-ekip-davet-alanlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 0 14px; }
  .kr-ekip-davet-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
  .kr-ekip-davet-alt .kr-alan-ipucu { margin: 0; }
  .kr-ekip-davet-alt .kr-dugme .icon { width: 16px; height: 16px; margin-right: 6px; }
  .kr-rol-liste { display: grid; gap: 8px; margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid var(--line-soft); list-style: none; }
  .kr-rol-liste li { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: baseline; gap: 10px; font-size: 13.5px; line-height: 1.5; color: var(--fg-2); }
  .kr-rol-liste .kr-rol-cip { justify-self: start; }
  .kr-oturum-liste { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
  .kr-oturum { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-oturum--bu { border-color: var(--up-line); }
  .kr-oturum-ikon { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 10px; background: var(--surface-3); color: var(--fg-nav); }
  .kr-oturum-ikon .icon { width: 18px; height: 18px; }
  .kr-oturum-metin { flex: 1 1 auto; min-width: 0; }
  .kr-oturum-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
  .kr-oturum-ust b { font-size: 14px; color: var(--fg-strong); }
  .kr-oturum-kisi { font-size: 13px; font-weight: 700; color: var(--fg-2); }
  .kr-oturum-metin small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--fg-muted); }
  .kr-oturum .kr-kucuk-dugme { flex: none; }
  .kr-kart-bas [data-oturum-diger] { margin-left: auto; }
  .kr-kart-bas [data-oturum-diger][hidden] { display: none; }
  .kr-kart-bas [data-oturum-diger] .icon { width: 15px; height: 15px; margin-right: 6px; }
  .kr-gunluk-suzgec { width: auto; min-width: 160px; margin-left: auto; padding-block: 6px; font-size: 13.5px; }
  .kr-gunluk-liste { margin: 0; padding: 0; list-style: none; }
  .kr-gunluk-oge { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-top: 1px solid var(--line-soft); }
  .kr-gunluk-oge:first-child { border-top: 0; }
  .kr-gunluk-zaman { padding-top: 1px; font-size: 12.5px; font-weight: 700; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  .kr-gunluk-metin p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--fg-2); }
  .kr-gunluk-metin b { margin-right: 6px; color: var(--fg-strong); }
  .kr-gunluk-metin .kr-rol-cip { margin-right: 6px; vertical-align: 1px; }
  .kr-gunluk-metin small { display: block; margin-top: 1px; font-size: 12.5px; color: var(--fg-muted); }
  .kr-gunluk-daha { margin-top: 10px; padding: 0; border: 0; background: none; cursor: pointer; }
  .kr-gunluk-daha[hidden] { display: none; }
  @media (max-width: 560px) {
    .kr-gunluk-oge { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .kr-rol-liste li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .kr-gunluk-suzgec { width: 100%; margin-left: 0; }
  }
  /* kayıt formu: giriş güvenliği seçimi; giriş: kod */
  .kr-kayit-guvenlik { display: grid; gap: 8px; padding: 12px 14px; border: 1px solid var(--line-card); border-radius: 12px; }
  .kr-kayit-guvenlik legend { padding: 0 6px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-kayit-guvenlik .kr-alan-ipucu { margin: 0; }
  /* seçenekler anahtar (sözleşme onay kutusuyla karışmasın); yazı onay kutularından hafif */
  .kr-kayit-guvenlik .kr-anahtar { font-size: 14px; font-weight: 600; }
  .kr-davet-rol { margin: 6px 0 18px; }
  .kr-kod-girdi { font-size: 22px; font-weight: 800; letter-spacing: .4em; text-align: center; font-variant-numeric: tabular-nums; }
  button.kr-kucuk-bag { padding: 0; border: 0; background: none; font-family: inherit; cursor: pointer; }
  /* Raporlama → indir ve haftalık özet */
  .kr-rapor-disari { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: -6px 0 16px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-rapor-disari .kr-dugme .icon { width: 15px; height: 15px; margin-right: 6px; }
  .kr-rapor-disari .kr-bosluk { flex: 1 1 auto; }
  .kr-rapor-gun { width: auto; height: 34px; padding: 0 10px; font-size: 13.5px; }
  .kr-rapor-gun[hidden] { display: none; }
  .kr-rapor-disari .kr-alan-ipucu { flex: 1 1 100%; margin: 0; text-align: right; }
  /* İletişim → dosya eki */
  .kr-ilt-ek { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 12px; }
  .kr-ilt-ek[hidden] { display: none; }
  .kr-ilt-ek-sec { position: relative; cursor: pointer; }
  .kr-ilt-ek-sec .icon { width: 15px; height: 15px; margin-right: 6px; }
  .kr-ilt-ek .kr-alan-ipucu { margin: 0; }
  .kr-ilt-ek-liste { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 100%; margin: 0; padding: 0; list-style: none; }
  .kr-ilt-ek-liste:empty { display: none; }
  .kr-ilt-ek-oge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 10px; border-radius: 999px; border: 1px solid var(--line-card); background: var(--surface); font-size: 12.5px; color: var(--fg-2); }
  .kr-ilt-ek-oge--yukleniyor { opacity: .6; }
  .kr-ilt-ek-sil { width: 22px; height: 22px; border: 0; border-radius: 50%; background: var(--surface-2); color: var(--fg-muted); font-size: 15px; line-height: 1; cursor: pointer; }
  .kr-ilt-ek .kr-alan-hata { flex: 1 1 100%; margin: 0; }
  .kr-ilt-ekler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
  .kr-ilt-ek-bag { display: inline-block; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line-card); background: var(--surface); font-size: 12.5px; font-weight: 700; color: var(--fg-nav); text-decoration: none; }
  .kr-ilt-ek-bag:hover { border-color: var(--line-accent); }
  /* Kaynak ve marj → Genel kural: yedek kaynaklar (veri koparsa) */
  .kr-yedek-kaynak { display: grid; gap: 6px; margin-top: 12px; padding: 10px 12px; border-radius: 12px; border: 1px dashed var(--line-card); background: var(--surface-2); }
  .kr-yedek-etiket { font-size: 12.5px; font-weight: 800; color: var(--fg-2); }
  .kr-yedek-sira { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .kr-yedek-alan { display: grid; gap: 3px; min-width: 0; }
  .kr-yedek-alan small { font-size: 11.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-yedek-alan .kr-girdi { height: 40px; font-size: 14px; }
  .kr-yedek-kaynak .kr-alan-ipucu { margin: 0; }
  /* marj: kaydetmeden önce ekrandaki fiyatı bir anda çok değişecek birim (kurumsal-panel.js sapmaDenetle) */
  .kr-plan-tablo tr.kr-plan-sapma > td, .kr-plan-tablo tr.kr-plan-sapma > th { background: var(--kr-eksik-bg); }
  .kr-plan-tablo tr.kr-plan-sapma > :first-child { box-shadow: inset 3px 0 0 var(--kr-eksik-fg); }
  /* Profil → Bildirim e-postaları */
  .kr-bildirim-secenek { padding: 12px 0; border-top: 1px solid var(--line-soft); }
  .kr-bildirim-secenek .kr-alan-ipucu { margin: 4px 0 0 56px; }
  /* Ekran görünümü → Tatil ve özel günler */
  .kr-bugun-kapali { padding: 12px 14px; margin-bottom: 14px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line-card); }
  .kr-bugun-kapali .kr-alan-ipucu { margin: 4px 0 0 56px; }
  .kr-ozel-bas { margin: 6px 0 8px; font-size: 15px; color: var(--fg-strong); }
  .kr-ozel-liste { display: grid; gap: 6px; margin: 0 0 10px; padding: 0; list-style: none; }
  .kr-ozel-gun { display: grid; grid-template-columns: minmax(120px, 160px) minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line-card); background: var(--surface); }
  .kr-ozel-gun--kapali { border-left: 3px solid var(--kr-eksik-fg); }
  .kr-ozel-gun--yarim, .kr-ozel-gun--saat { border-left: 3px solid var(--kr-bekliyor-fg); }
  .kr-ozel-tarih { font-size: 14px; font-weight: 800; color: var(--fg-strong); font-variant-numeric: tabular-nums; }
  .kr-ozel-ne { display: grid; min-width: 0; }
  .kr-ozel-ne b { font-size: 14px; color: var(--fg-2); overflow-wrap: anywhere; }
  .kr-ozel-ne small { font-size: 12px; color: var(--fg-muted); }
  .kr-ozel-ne small:empty { display: none; }
  .kr-ozel-gun .kr-kucuk-dugme { margin-left: 0; }
  /* tek satır: Tarih · Ad · O gün · Ekle; sığmazsa alt satıra geçer (Saat / Şube açılınca Ekle onların yanına) */
  .kr-ozel-form { display: flex; flex-wrap: wrap; gap: 0 12px; align-items: flex-end; padding: 12px; border-radius: 12px; border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-ozel-form .kr-alan { flex: 1 1 150px; min-width: 0; margin-bottom: 10px; }
  .kr-ozel-form .kr-ozel-saat { flex-basis: 240px; }
  .kr-ozel-form .kr-girdi { height: 42px; }
  .kr-ozel-form [hidden] { display: none; }
  .kr-ozel-ekle { flex: none; margin-bottom: 10px; }
  .kr-ozel-form .kr-alan-hata { flex: 1 1 100%; margin: 0 0 6px; }
  /* "Farklı saat": çalışma saatleri listesindeki aralık burada her zaman görünür, girdiler satırla aynı boyda */
  .kr-ozel-saat .kr-calisma-aralik { display: flex; }
  .kr-ozel-form .kr-calisma-saat { flex: 1 1 0; width: auto; height: 42px; }
  .kr-ozel-liste:empty { display: none; }
  .kr-bos-yazi[data-ozel-bos] { margin: 0 0 10px; padding: 14px; }
  .kr-ozel-tatil { margin-top: 12px; }
  .kr-tatil-kutu { margin-top: 10px; padding: 12px; border-radius: 12px; border: 1px solid var(--line-card); background: var(--surface); }
  .kr-tatil-kutu[hidden] { display: none; }
  .kr-tatil-liste { display: grid; gap: 4px; max-height: 320px; overflow-y: auto; margin: 8px 0 12px; padding: 0; list-style: none; }
  @media (max-width: 560px) {
    .kr-ozel-gun { grid-template-columns: minmax(0, 1fr) auto; }
    .kr-ozel-tarih { grid-column: 1 / -1; }
    .kr-yedek-sira { grid-template-columns: minmax(0, 1fr); }
  }

  .kr-sayfa-bas { margin-bottom: 24px; }
  .kr-sayfa-bas h1 { margin-top: 8px; font-size: clamp(26px, 2.4vw, 34px); letter-spacing: -.6px; color: var(--fg-strong); }
  /* sayfa başlığının altındaki açıklama: 16 → 14 px (kullanıcı isteği; bütün bölümlerde aynı) */
  .kr-sayfa-bas > p:not(.kr-ust-etiket) { max-width: 680px; margin-top: 10px; font-size: 14px; line-height: 1.55; color: var(--fg-muted); }

  .kr-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
  .kr-bilgi-kart {
    display: grid; align-content: start; gap: 6px; padding: 20px; border-radius: var(--kr-r);
    background: var(--surface); border: 1px solid var(--line-card);
  }
  .kr-bilgi-ikon { width: 38px; height: 38px; margin-bottom: 6px; border-radius: 10px; }
  .kr-bilgi-ikon .icon { width: 19px; height: 19px; }
  .kr-bilgi-kart small { font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--fg-muted); }
  .kr-bilgi-kart b { font-size: 21px; color: var(--fg-strong); }
  .kr-bilgi-kart > span:last-child { font-size: 13.5px; line-height: 1.5; color: var(--fg-muted); }

  .kr-kurulum { padding: 24px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line-card); }
  .kr-kurulum h2 { margin-bottom: 10px; font-size: 19px; color: var(--fg-strong); }
  .kr-kurulum-adim { display: flex; align-items: center; gap: 14px; padding: 13px 6px; }
  .kr-kurulum-adim + .kr-kurulum-adim { border-top: 1px solid var(--line-soft); }
  .kr-kurulum-isaret {
    display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%;
    border: 2px solid var(--line-strong); color: transparent;
  }
  .kr-kurulum-isaret .icon { width: 15px; height: 15px; }
  .kr-kurulum-adim--tamam .kr-kurulum-isaret { background: var(--up); border-color: var(--up); color: #fff; }
  .kr-kurulum-adim--siradaki .kr-kurulum-isaret { border-color: var(--line-accent); box-shadow: 0 0 0 4px var(--kr-halka); }
  .kr-kurulum-metin { display: grid; gap: 2px; }
  .kr-kurulum-metin b { font-size: 15.5px; color: var(--fg-strong); }
  .kr-kurulum-metin small { font-size: 13px; color: var(--fg-muted); }
  .kr-kurulum-adim--tamam .kr-kurulum-metin small { color: var(--kr-iyi); font-weight: 700; }
  .kr-kurulum-adim--siradaki .kr-kurulum-metin small { color: var(--fg-nav); font-weight: 700; }
  .kr-kurulum-adim--yakinda .kr-kurulum-metin b { color: var(--fg-muted); }

  .kr-serit {
    display: flex; align-items: center; gap: 16px; margin-bottom: 24px; padding: 16px 18px;
    border-radius: var(--kr-r); background: var(--kr-uyari-bg); border: 1px solid var(--kr-uyari-cizgi);
    color: var(--kr-uyari-fg);
  }
  .kr-serit-ikon {
    display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 10px;
    background: rgba(255,255,255,.65);
  }
  :root[data-theme="dark"] .kr-serit-ikon { background: rgba(0,0,0,.22); }
  .kr-serit-ikon .icon { width: 20px; height: 20px; }
  .kr-serit-metin { display: grid; gap: 3px; flex: 1; min-width: 0; font-size: 14.5px; line-height: 1.5; }
  .kr-serit-metin b { font-size: 15.5px; }
  .kr-serit-sonuc { font-weight: 700; }

  /* geliştirme posta kutusu */
  .kr-posta-araclar { display: flex; justify-content: flex-end; margin-bottom: 14px; }
  .kr-posta-liste { display: grid; gap: 14px; }
  .kr-posta { padding: 20px 22px; border-radius: var(--kr-r); background: var(--surface); border: 1px solid var(--line-card); }
  .kr-posta-bas { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px; font-size: 13px; color: var(--fg-muted); }
  .kr-posta h2 { margin: 8px 0 10px; font-size: 17px; color: var(--fg-strong); }
  .kr-posta-metin { white-space: pre-wrap; font-size: 14.5px; line-height: 1.6; color: var(--fg-2); }
  .kr-posta .kr-dugme { margin-top: 14px; }
  .kr-posta-bos {
    padding: 28px; border-radius: var(--kr-r); border: 1px dashed var(--line-strong);
    text-align: center; color: var(--fg-muted);
  }

  @keyframes kr-don { to { transform: rotate(360deg); } }
  @keyframes kr-nabiz {
    0%   { box-shadow: 0 0 0 0 rgba(0,161,65,.45); }
    100% { box-shadow: 0 0 0 8px rgba(0,161,65,0); }
  }
}

@layer utilities {
  /* Terminal düzeni (100dvh, kaydırmasız) kurumsal sayfalarda yok. */
  :root[data-kurumsal] { height: auto; }
  :root[data-kurumsal] body {
    height: auto; min-height: calc(100 * var(--vh));
    display: flex; flex-direction: column; overflow: visible;
  }
  :root[data-kurumsal] .kr-main { flex: 1 0 auto; display: flex; flex-direction: column; }
  :root[data-kurumsal] .footer { margin-top: 0; }
  /* Alt bant ana sitedeki gibi hep görünür: sayfa uzunsa ekranın altına
     yapışır, kısaysa sayfanın sonunda durur. */
  :root[data-kurumsal] .kr-footer { position: sticky; bottom: 0; z-index: 40; }
  /* Dar ekranda alt bant sütuna döner (buluro.css); sosyal medya simgeleri telif
     satırının sağında kalsın, bağlantılar alt satırda — yapışkan bant uzamasın. */
  @media (max-width: 810px) {
    :root[data-kurumsal] .kr-footer { flex-direction: row; flex-wrap: wrap; align-items: center; }
    :root[data-kurumsal] .kr-footer .footer-copy { flex: 1 1 auto; }
    :root[data-kurumsal] .kr-footer .social { margin-left: auto; }
    :root[data-kurumsal] .kr-footer .social + .links { flex-basis: 100%; margin-left: 0; }
  }
  /* sağ alttaki önizleme düğmesi ve penceresi bandın üstünde kalsın */
  :root[data-kurumsal] .kr-onizleme-dugme { bottom: calc(var(--foot-h, 44px) + 16px + env(safe-area-inset-bottom, 0px)); }

  @media (prefers-reduced-motion: reduce) {
    .kr-canli::before, .kr-dugme--bekliyor::after { animation-duration: 0s; animation-iteration-count: 1; }
    .kr-canli-nokta, .kr-link-isik-nokta { animation: none !important; }
  }

  /* Dar ekranda önizleme sütun olmaz; sağ altta açılan pencere olur. */
  @media (max-width: 1279px) {
    .kr-panel.kr-panel--onizlemeli { grid-template-columns: 266px minmax(0, 1fr); }
    .kr-panel--onizlemeli .kr-onizleme {
      position: fixed; top: auto; right: 16px; z-index: 60;
      bottom: calc(var(--foot-h, 44px) + 16px + env(safe-area-inset-bottom, 0px));
      width: min(480px, calc(100vw - 32px)); max-height: calc(100vh - var(--foot-h, 44px) - 32px); overflow: auto;
      box-shadow: var(--sh-pop);
    }
  }
  @media (max-width: 1100px) {
    .kr-hero-kap, .kr-paket { grid-template-columns: minmax(0, 1fr); }
    .kr-ekran, .kr-cihazlar { width: 100%; max-width: 620px; }
    .kr-ozellikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 900px) {
    .kr-adimlar, .kr-kartlar { grid-template-columns: minmax(0, 1fr); }
    .kr-giris-duzen { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    .kr-giris-yan { display: none; }
    .kr-ortala, .kr-giris-form-kap { min-height: 0; padding-block: 32px 48px; }
    .kr-panel, .kr-panel.kr-panel--onizlemeli { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-top: 18px; }
    .kr-panel-yan {
      position: static; display: flex; gap: 6px; padding: 8px;
      overflow-x: auto; scrollbar-width: none;
    }
    .kr-panel-yan::-webkit-scrollbar { display: none; }
    .kr-panel-yan a, .kr-panel-yakinda { flex: none; white-space: nowrap; }
    /* dar ekranda sol sütun sayfanın başında: menü yatay kayar, pano altında tam genişlikte */
    .kr-panel-sol { position: static; height: auto; max-height: none; overflow: visible; container-type: normal; }
    .kr-surum { position: static; margin-top: 0; box-shadow: none; }
    .kr-panel-grup { display: none; }
    .kr-ust-firma { display: none; }
    .kr-nav-firma { max-width: 52vw; font-size: 13px; }
  }

  @media (max-width: 560px) {
    .kr-kap { width: calc(100% - 32px); }
    .kr-kap.kr-panel { width: auto; padding-inline: 16px; }
    .kr-ozellikler, .kr-alan-ikili { grid-template-columns: minmax(0, 1fr); }
    .kr-hero h1 { letter-spacing: -1px; }
    .kr-ekran-tablo th, .kr-ekran-tablo td { padding-inline: 14px; }
    .kr-ekran-bas, .kr-ekran-alt { padding-inline: 14px; }
    .kr-cagri-kutu { flex-direction: column; align-items: flex-start; }
    .kr-serit { flex-wrap: wrap; }
    .kr-ust-giris { display: none; }
    .kr-giris-form-kap, .kr-ortala { padding-inline: 16px; }
  }
}

/* =========================================================================
   PANEL BÖLÜMLERİ — Linkim, Kaynak ve marj, Cihazlar, Paket ve ödeme
   ========================================================================= */
@layer components {
  .kr-panel-sayi {
    margin-left: auto; padding: 1px 7px; border-radius: var(--r-full);
    background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 11px; font-weight: 800; color: var(--fg-muted); font-variant-numeric: tabular-nums;
  }
  .kr-panel-sayi:empty { display: none; }
  .kr-panel-yan a[aria-current="page"] .kr-panel-sayi { background: rgba(255,255,255,.18); border-color: transparent; color: #fff; }
  /* bölümün zorunlu kısımları: eksikse açık kırmızı, hepsi tamamsa yeşil (seçili bölümde de) */
  .kr-panel-yan .kr-panel-sayi--eksik, .kr-panel-yan a[aria-current="page"] .kr-panel-sayi--eksik { background: var(--kr-eksik-bg); border-color: var(--kr-eksik-cizgi); color: var(--kr-eksik-fg); }
  .kr-panel-yan .kr-panel-sayi--tamam, .kr-panel-yan a[aria-current="page"] .kr-panel-sayi--tamam { background: var(--up-bg); border-color: var(--up-line); color: var(--kr-iyi); }
  /* Gelen formlar: okunmamış form sayısı */
  .kr-panel-yan .kr-panel-sayi--yeni, .kr-panel-yan a[aria-current="page"] .kr-panel-sayi--yeni { background: var(--up-bg); border-color: var(--up-line); color: var(--kr-iyi); }
  :root[data-theme="dark"] .kr-panel-yan a[aria-current="page"] .kr-panel-sayi--eksik { background: #3d1414; }
  :root[data-theme="dark"] .kr-panel-yan a[aria-current="page"] .kr-panel-sayi--tamam { background: #0d3a22; }

  .kr-bilgi-kart--bag { transition: border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease); }
  .kr-bilgi-kart--bag:hover { border-color: var(--line-accent); box-shadow: var(--sh-2); }
  .kr-kurulum-adim > .kr-dugme { margin-left: auto; }

  /* ortak küçük parçalar */
  .kr-rozet {
    display: inline-flex; align-items: center; padding: 2px 9px; border-radius: var(--r-full);
    background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 11px; font-weight: 800; letter-spacing: .02em; color: var(--fg-muted); white-space: nowrap;
    vertical-align: middle;
  }
  .kr-rozet--iyi { background: var(--up-bg); border-color: var(--up-line); color: var(--kr-iyi); }
  .kr-rozet--uyari { background: var(--kr-uyari-bg); border-color: var(--kr-uyari-cizgi); color: var(--kr-uyari-fg); }
  .kr-rozet--kotu { background: var(--down-bg); border-color: var(--down-line); color: var(--kr-hata); }
  .kr-kart h2 .kr-rozet { margin-left: 8px; }
  .kr-dugme-sirasi { display: flex; flex-wrap: wrap; gap: 10px; }
  .kr-dugme--tehlike { color: var(--kr-hata); }
  .kr-dugme--tehlike:hover { border-color: var(--kr-hata); }
  .kr-kucuk-dugme {
    margin-left: 8px; padding: 3px 10px; border-radius: var(--r-full); cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface-2); color: var(--fg-nav);
    font-size: 12px; font-weight: 800;
  }
  .kr-kucuk-dugme:hover { border-color: var(--line-accent); }
  .kr-bos-yazi { padding: 18px; border-radius: 12px; border: 1px dashed var(--line-strong); text-align: center; color: var(--fg-muted); }
  .kr-secenekler { border: 0; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px 18px; }
  .kr-secenekler legend { width: 100%; margin-bottom: 8px; padding: 0; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-secenek { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; color: var(--fg-2); cursor: pointer; }
  .kr-secenek input { width: 17px; height: 17px; margin: 0; accent-color: var(--blue2); }

  /* ——————————————————————————— linkim ——————————————————————————— */
  .kr-link-goster {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 16px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line-card);
  }
  .kr-link-adres { font-size: 17px; font-weight: 800; color: var(--fg-nav); word-break: break-all; }
  a.kr-link-adres:hover { text-decoration: underline; text-underline-offset: 3px; }
  /* üstte alan adındaki hâli, altında şimdilik açıldığı adres */
  .kr-link-metin { display: grid; gap: 3px; min-width: 0; }
  .kr-link-simdi { font-size: 12.5px; font-weight: 600; color: var(--fg-muted); word-break: break-all; }
  .kr-link-simdi a { color: var(--fg-nav); font-weight: 700; }
  .kr-link-eylem { display: flex; gap: 8px; }
  .kr-link-notlar { display: grid; gap: 6px; margin-top: 14px; font-size: 14px; color: var(--fg-muted); }
  .kr-link-notlar a { color: var(--fg-nav); font-weight: 700; }
  .kr-link-girdi { display: flex; align-items: stretch; }
  .kr-link-girdi .kr-girdi { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .kr-link-son {
    display: inline-flex; align-items: center; padding: 0 14px; white-space: nowrap;
    border: 1px solid var(--line-strong); border-left: 0; border-radius: 0 10px 10px 0;
    background: var(--surface-2); color: var(--fg-muted); font-size: 15px; font-weight: 700;
  }
  .kr-link-uygun { min-height: 1.4em; font-size: 13.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-link-uygun--iyi { color: var(--kr-iyi); }
  .kr-link-uygun--kotu { color: var(--kr-hata); }

  /* ———————————————————————— kaynak ve marj ———————————————————————— */
  /* Genel kural: üstte kaynak, Firma Kaynak Verileri ekle ve yuvarlama; altında alış
     ve satış alt alta; rakamın solunda −, sağında + (dar ekranda örnek yazı alta kayar) */
  .kr-kural-ust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
  .kr-kaynak-ekle-etiket { font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-kaynak-ekle-dugme { width: 100%; height: 48px; border-style: dashed; border-color: var(--line-accent); }
  .kr-kaynak-talep { margin: -4px 0 18px; padding: 16px 18px 4px; border-radius: 12px; border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-kaynak-talep h3 { margin: 0 0 4px; font-size: 16px; color: var(--fg-strong); }
  .kr-kaynak-talep .kr-alt-yazi { margin: 0 0 14px; font-size: 13.5px; }
  .kr-kaynak-talep textarea.kr-girdi { height: auto; min-height: 64px; padding: 10px 14px; resize: vertical; }
  .kr-kaynak-talep .kr-kaydet-sira { margin: 0 0 14px; justify-content: flex-end; }
  .kr-kaynak-talepler { display: grid; gap: 8px; margin: -4px 0 18px; padding: 0; list-style: none; }
  .kr-kaynak-talep-satir {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 10px 14px; border-radius: 10px; border: 1px dashed var(--line-strong);
  }
  .kr-kaynak-talep-ad { display: grid; gap: 2px; min-width: 0; }
  .kr-kaynak-talep-ad b { font-size: 14px; color: var(--fg-strong); }
  .kr-kaynak-talep-ad small { font-size: 12.5px; color: var(--fg-muted); overflow-wrap: anywhere; }
  .kr-kaynak-talep-satir--iptal { opacity: .6; border-style: solid; }
  .kr-kaynak-talep .kr-bildirim { margin: 0 0 14px; }
  /* Kaynak ↔ firma kaynak verileri (kurumsal-panel.js kaynakModuCiz): seçili olmayan taraf
     soluk; tıklanınca uyarı çıkar, onaylanınca seçili olan iptal olur */
  .kr-kural[data-kaynak-modu="firma"] #mKaynak { opacity: .55; cursor: not-allowed; background-color: var(--surface-2); }
  .kr-kural[data-kaynak-modu="liste"] .kr-kaynak-ekle-dugme { opacity: .6; }
  .kr-kural[data-kaynak-modu="liste"] .kr-kaynak-ekle-dugme:hover { opacity: .9; }
  .kr-kural[data-kaynak-modu="firma"] .kr-kaynak-ekle-dugme { border-style: solid; border-color: var(--up-line); background: var(--up-bg); }
  .kr-kural label .kr-rozet, .kr-kaynak-ekle-etiket .kr-rozet { margin-left: 6px; vertical-align: 2px; }
  .kr-kaynak-iptal-not { margin: 6px 0 0; font-size: 12.5px; font-weight: 700; line-height: 1.45; color: var(--kr-uyari-fg); }
  .kr-kaynak-uyari {
    display: grid; gap: 12px; margin: 0 0 18px; padding: 14px 16px; border-radius: 12px;
    border: 1px solid var(--kr-uyari-cizgi); background: var(--kr-uyari-bg); color: var(--kr-uyari-fg);
  }
  .kr-kaynak-uyari-metin { display: flex; gap: 10px; align-items: flex-start; }
  .kr-kaynak-uyari-metin p { margin: 0; font-size: 14px; line-height: 1.5; }
  .kr-kaynak-uyari-ikon { flex: none; margin-top: 1px; }
  .kr-kaynak-uyari-ikon .icon { width: 20px; height: 20px; }
  .kr-kaynak-uyari .kr-kaydet-sira { margin: 0; justify-content: flex-end; }
  .kr-kural-farklar { display: grid; gap: 10px; margin: 2px 0 16px; }
  .kr-kural-fark {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
    padding: 10px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line-card);
  }
  .kr-kural-etiket { flex: 0 0 136px; display: grid; font-size: 15px; font-weight: 800; color: var(--fg-strong); }
  .kr-kural-etiket small { font-size: 12px; font-weight: 700; color: var(--fg-muted); }
  .kr-kural-fark .kr-aciklama { flex: none; }
  .kr-adimli { display: inline-flex; flex: none; }
  .kr-adimli .kr-girdi {
    width: 92px; height: 42px; padding: 0 6px; border-radius: 0; border-left: 0; border-right: 0;
    text-align: center; font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums;
  }
  .kr-adimli-dugme {
    width: 42px; height: 42px; display: grid; place-items: center; cursor: pointer; touch-action: manipulation;
    border: 1px solid var(--line-strong); background: var(--surface); color: var(--fg-nav);
    font-size: 22px; font-weight: 800; line-height: 1; user-select: none;
  }
  .kr-adimli-dugme:first-child { border-radius: 10px 0 0 10px; }
  .kr-adimli-dugme:last-child { border-radius: 0 10px 10px 0; }
  .kr-adimli-dugme:hover { background: var(--surface-3); }
  .kr-adimli-dugme:active { background: var(--line-card); }
  .kr-kural-tur { flex: 0 0 124px; width: 124px; height: 42px; font-size: 14.5px; }
  .kr-kural-yuvarlama { flex: 0 0 auto; width: auto; min-width: 176px; height: 42px; font-size: 14.5px; }
  /* firma kaynak verileri seçiliyken alış, satış ve yuvarlama kilitli (kaynakModuCiz) */
  .kr-kural-kilit-not { margin: 0; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--kr-uyari-cizgi); background: var(--kr-uyari-bg); color: var(--kr-uyari-fg); font-size: 13.5px; font-weight: 700; line-height: 1.5; }
  /* soluklaşan denetimler; Bilgilendirme düğmesi açık kalır. Yenileme farklardan ayrı: kilitlenmez. */
  .kr-kural[data-kaynak-modu="firma"] .kr-kural-fark:not(.kr-kural-yenileme) > :not(.kr-aciklama) { opacity: .55; }
  .kr-kural[data-kaynak-modu="firma"] .kr-kural-fark:not(.kr-kural-yenileme) :is(input, select, button):not(.kr-aciklama-dugme) { cursor: not-allowed; }

  /* Hızlı seçim: "Hepsi" ve bölüm kutuları tablodaki tikleri toptan atar */
  .kr-hizli {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-bottom: 12px;
    padding: 10px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line-card);
  }
  .kr-hizli-baslik { margin-right: 4px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-hizli-kutu {
    display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 10px; cursor: pointer;
    border: 1px solid var(--line-strong); background: var(--surface); font-size: 14px; font-weight: 800; color: var(--fg-strong);
  }
  .kr-hizli-kutu:hover { border-color: var(--line-accent); }
  .kr-hizli-kutu:has(input:checked) { border-color: var(--line-accent); background: var(--surface-3); color: var(--fg-nav); }
  .kr-hizli-kutu input { width: 18px; height: 18px; margin: 0; accent-color: var(--blue2); cursor: pointer; }
  .kr-hizli-kutu small { font-size: 12px; font-weight: 700; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  .kr-hizli-kutu--hepsi { margin-right: 6px; }
  /* Tablodaki bölüm satırı kutusu: altında "Tümü" yazar */
  .kr-plan-hepsi { display: inline-grid; justify-items: center; gap: 1px; cursor: pointer; }
  .kr-plan-hepsi span { font-size: 10px; font-weight: 800; letter-spacing: .02em; color: var(--fg-nav); }
  .kr-plan-tablo td.kr-plan-bos { padding: 18px 12px; text-align: center; white-space: normal; font-size: 14px; color: var(--fg-muted); }
  select.kr-girdi { padding-right: 10px; cursor: pointer; }
  /* Yenileme: farklardan ayrı (firma kaynak verileri seçiliyken soluklaşmaz) */
  .kr-kural-yenileme { margin: 0 0 16px; }
  /* Örnek: Satış'ın hemen altında, farkların arasında (ornekCiz); birim yoksa boş kalır, yer tutmaz */
  .kr-kural-ornek { margin: 0; padding: 0 12px; font-size: 14.5px; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  .kr-kural-ornek:empty { display: none; }
  .kr-kural-not {
    margin: 4px 0 10px; padding: 9px 12px; border-radius: 10px; font-size: 13.5px; font-weight: 700; line-height: 1.5;
    background: var(--kr-uyari-bg); border: 1px solid var(--kr-uyari-cizgi); color: var(--kr-uyari-fg);
  }
  .kr-kural-ornek b { color: var(--fg-strong); }
  .kr-ok { color: var(--fg-nav); font-weight: 800; }
  .kr-uyarilar .kr-bildirim { margin-bottom: 10px; }
  .kr-yayin {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
    margin-top: 6px; padding-top: 16px; border-top: 1px solid var(--line-soft);
  }
  .kr-yayin-bilgi { display: grid; gap: 4px; }
  .kr-yayin-durum { font-size: 14.5px; font-weight: 800; color: var(--fg-2); }
  .kr-yayin-degisti { font-size: 13px; font-weight: 800; color: var(--kr-uyari-fg); }
  .kr-yayin-degisti::before { content: "● "; }
  .kr-yayin-eylem { display: flex; flex-wrap: wrap; gap: 8px; }
  .kr-yayin + .kr-bildirim { margin: 14px 0 0; }

  .kr-plan-bas { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 24px; margin-bottom: 14px; }
  .kr-plan-bas > div:first-child { flex: 1 1 420px; }
  .kr-plan-bas h2 { margin-bottom: 6px; }
  .kr-plan-araclar { display: grid; gap: 8px; justify-items: end; align-content: start; }
  .kr-secim {
    display: inline-flex; flex-wrap: wrap; padding: 3px; gap: 2px; border-radius: 10px;
    background: var(--surface-2); border: 1px solid var(--line-card);
  }
  .kr-secim button {
    padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 800; color: var(--fg-muted);
    transition: background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);
  }
  .kr-secim button:hover { color: var(--fg-2); }
  .kr-secim button[aria-checked="true"] { background: var(--surface); color: var(--fg-nav); box-shadow: var(--sh-1); }

  /* "Farkları düzenle" yana kaymadan sığar: sütunlar içerik kadar, uzun birim adı iki satıra
     iner; kutu daralınca (kutu sorgusu, aşağıda) yazı ve boşluklar küçülür. Karşılaştırmada
     firmalar yana kayar (soldaki blok sabit). */
  .kr-plan-kutu { overflow-x: auto; border: 1px solid var(--line-card); border-radius: 12px; container: kr-plan / inline-size; }
  .kr-plan-tablo { width: 100%; border-collapse: separate; border-spacing: 0; font-variant-numeric: tabular-nums; }
  .kr-plan-tablo--karsilastir { min-width: 1060px; }
  .kr-plan-tablo th, .kr-plan-tablo td {
    padding: 0; border-bottom: 1px solid var(--line-soft); white-space: nowrap; text-align: right; font-size: 13.5px;
  }
  .kr-plan-tablo thead th {
    position: sticky; top: 0; z-index: 1;
    padding: 8px 5px; background: var(--surface-2); color: var(--fg-muted);
    font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-align: center;
  }
  /* Kutu dikeyde kaymıyor; sticky yalnız soldaki sabit blok için. İkinci
     başlık satırına üst ofset verilirse ilk satır kısa kaldığında aşağı itiliyor. */
  .kr-plan-tablo thead tr + tr th { padding: 4px 6px; font-size: 11px; }
  .kr-plan-tablo th.kr-plan-goster, .kr-plan-tablo td.kr-plan-goster { width: 52px; text-align: center; }
  .kr-plan-tablo thead th.kr-plan-goster { padding-inline: 3px; font-size: 10.5px; letter-spacing: .01em; }
  .kr-plan-tablo td.kr-plan-goster input { width: 17px; height: 17px; accent-color: var(--blue2); cursor: pointer; }
  .kr-plan-tablo .kr-plan-birim { text-align: left; padding: 8px 10px; }
  .kr-plan-tablo--karsilastir .kr-plan-birim { min-width: 190px; }
  .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) tbody .kr-plan-birim { white-space: normal; min-width: 7.5em; }
  .kr-plan-tablo thead th.kr-plan-kaynak-bas { white-space: normal; }
  .kr-plan-tablo tbody .kr-plan-birim { font-size: 14px; font-weight: 700; color: var(--fg-strong); }
  .kr-plan-tablo tbody .kr-plan-birim small { display: block; font-size: 11.5px; font-weight: 600; color: var(--fg-muted); }
  .kr-plan-tablo tbody .kr-plan-birim .kr-rozet { margin-left: 6px; font-size: 10px; padding: 1px 7px; }
  .kr-plan-firma {
    display: inline-grid; justify-items: center; gap: 2px; padding: 4px 8px; border-radius: 8px; cursor: pointer;
    border: 1px solid transparent;
  }
  .kr-plan-firma img { height: 20px; width: auto; max-width: 96px; object-fit: contain; }
  .kr-plan-firma small { font-size: 9.5px; font-weight: 800; letter-spacing: .08em; color: var(--fg-nav); text-transform: uppercase; }
  .kr-plan-firma:hover { border-color: var(--line-accent); background: var(--surface); }
  .kr-plan-firma--secili { border-color: var(--line-accent); background: var(--surface); }
  .kr-plan-tablo thead th.kr-plan-secili { background: var(--surface-3); }
  /* Bölüm satırı (Dövizler / Madenler / Sarrafiyeler): hepsini tikle + bölüm farkı */
  .kr-plan-tablo tr.kr-plan-grup > * { background: var(--bg-sunken); border-bottom: 1px solid var(--line-card); }
  .kr-plan-tablo tr.kr-plan-grup th.kr-plan-birim {
    padding: 8px 10px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-nav);
  }
  .kr-plan-tablo tr.kr-plan-grup th.kr-plan-birim small {
    display: block; margin-top: 2px; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; text-transform: none; color: var(--fg-muted);
  }
  .kr-plan-tablo td.kr-plan-grup-ipucu { padding: 7px 8px; text-align: right; white-space: normal; font-size: 11.5px; font-weight: 700; color: var(--fg-muted); }

  /* Farkları düzenle: kaynak fiyatı ve satır içi fark kutuları */
  .kr-plan-tablo td.kr-plan-kaynak { padding: 9px 7px; font-size: 13px; font-weight: 600; color: var(--fg-muted); }
  .kr-plan-tablo td.kr-plan-kaynak small { display: block; font-size: 10.5px; font-weight: 800; color: var(--fg-nav); }
  .kr-plan-tablo th.kr-plan-fark-bas { line-height: 1.3; }
  .kr-plan-tablo th.kr-plan-fark-bas small { display: block; font-size: 10px; font-weight: 700; letter-spacing: .02em; white-space: normal; }
  .kr-plan-tablo td.kr-plan-fark { padding: 6px 7px 6px 5px; text-align: center; }
  .kr-fark { position: relative; display: inline-flex; align-items: stretch; vertical-align: middle; }
  .kr-fark-girdi {
    width: 54px; height: 32px; padding: 0 6px; border-radius: 8px 0 0 8px;
    border: 1px solid var(--line-card); border-right: 0; background: var(--surface); color: var(--fg-strong);
    font: inherit; font-size: 13.5px; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums;
  }
  .kr-fark-girdi:focus { position: relative; z-index: 1; }
  .kr-fark-girdi::placeholder { color: var(--fg-muted); font-weight: 500; opacity: .85; }
  .kr-fark-tip {
    min-width: 30px; height: 32px; padding: 0 4px; border-radius: 0 8px 8px 0; cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface-2); color: var(--fg-muted);
    font-size: 12px; font-weight: 800;
  }
  .kr-fark-tip:hover { color: var(--fg-nav); border-color: var(--line-accent); }
  .kr-fark-sil {
    position: absolute; top: -7px; right: -7px; z-index: 2; display: grid; place-items: center;
    width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--line-accent); background: var(--surface);
    font-size: 13px; font-weight: 800; line-height: 1; color: var(--fg-nav); cursor: pointer; box-shadow: var(--sh-1);
  }
  .kr-fark-sil:hover { border-color: var(--kr-hata); color: var(--kr-hata); }
  .kr-fark:not(.kr-fark--ozel) .kr-fark-sil { display: none; }
  .kr-fark--ozel .kr-fark-girdi { border-color: var(--line-accent); background: var(--surface-2); }
  .kr-fark--ozel .kr-fark-tip { border-color: var(--line-accent); color: var(--fg-nav); }
  .kr-fark--hata .kr-fark-girdi { border-color: var(--down-line); background: var(--down-bg); color: var(--kr-hata); }
  .kr-fark-girdi:disabled, .kr-fark-tip:disabled, .kr-fark-sil:disabled { cursor: not-allowed; }

  /* Linkim → alt bant anahtarı */
  .kr-bant-ac { margin-bottom: 8px; color: var(--fg-2); }
  .kr-bant-ac b { color: var(--fg-strong); }

  /* Ekran logosu: kutunun zemini ekrandaki başlık mavisi — logonun orada (seçilen
     çerçeveyle, ekrandaki gibi kutuyu boydan boya doldurarak) nasıl duracağı görünsün.
     Esnek kutu: ızgarada resmin yüzde boyu çözülmüyordu, büyük logo kutudan taşıyordu. */
  .kr-logo-etiket { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-logo { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
  /* logo kutusu ve altında, seçili logo formatına göre ideal PNG ölçüsü */
  .kr-logo-kutu-sutun { display: grid; gap: 6px; justify-items: start; }
  .kr-logo-olcu { margin: 0; max-width: 220px; font-size: 12.5px; line-height: 1.4; color: var(--fg-2); }
  .kr-logo-olcu b { color: var(--fg-strong); font-variant-numeric: tabular-nums; }
  .kr-logo-kutu {
    display: flex; align-items: center; justify-content: center; flex: none; width: 220px; height: 76px; padding: 6px;
    border-radius: 12px; overflow: hidden; background: linear-gradient(100deg, #0a5375 0%, var(--blue2) 100%);
  }
  /* --logo-olcek: seçilen logo boyutu (büyük 1, orta .8, küçük .6; kurumsal-panel.js logoBoyutCiz) */
  .kr-logo-kutu img {
    --logo-boy: calc(64px * var(--logo-olcek, 1));
    display: block; min-width: 0; min-height: 0; max-width: calc(100% * var(--logo-olcek, 1)); max-height: calc(100% * var(--logo-olcek, 1)); object-fit: contain;
  }
  /* seçilen çerçeve: ekran.css'teki .ek-logo[data-cerceve] ile aynı oranlar */
  .kr-logo-kutu img:not([data-cerceve="yok"])[data-cerceve] {
    --cerceve-zemin: #fff;
    box-sizing: border-box; height: var(--logo-boy); max-width: none; max-height: none;
    background: var(--cerceve-zemin); box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
  }
  .kr-logo-kutu img[data-cerceve-renk="siyah"]:not([data-cerceve="yok"]) { --cerceve-zemin: #000; box-shadow: 0 0 0 1px rgba(255, 255, 255, .22); }
  .kr-logo-kutu img[data-cerceve="kare"] { width: var(--logo-boy); padding: calc(var(--logo-boy) * .1); border-radius: calc(var(--logo-boy) * .12); }
  .kr-logo-kutu img[data-cerceve="yuvarlak"] { width: var(--logo-boy); padding: calc(var(--logo-boy) * .16); }
  .kr-logo-kutu img[data-cerceve="oval"] { width: calc(var(--logo-boy) * 1.8); padding: calc(var(--logo-boy) * .15) calc(var(--logo-boy) * .27); }
  .kr-logo-kutu img[data-cerceve="dikdortgen"] { width: calc(var(--logo-boy) * 1.8); padding: calc(var(--logo-boy) * .1) calc(var(--logo-boy) * .14); border-radius: calc(var(--logo-boy) * .12); }
  /* yuvarlak ve oval: şekil zeminde (ekran.css'teki gibi) — border-radius resmin içini elipsle kesmesin */
  .kr-logo-kutu img:not([data-cerceve="yok"]):is([data-cerceve="yuvarlak"], [data-cerceve="oval"]) {
    border-radius: 0; box-shadow: none; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    background: radial-gradient(closest-side, var(--cerceve-zemin) calc(100% - 1.5px), rgba(0, 0, 0, 0) 100%);
  }
  .kr-logo-kutu img[data-cerceve-renk="siyah"]:is([data-cerceve="yuvarlak"], [data-cerceve="oval"]) { filter: drop-shadow(0 0 1px rgba(255, 255, 255, .5)); }
  /* Çerçeve seçimi (logo varken; hemen kaydedilir — kurumsal-panel.js logoCerceveBagla) */
  .kr-logo-cerceve { flex: 1 1 340px; display: grid; gap: 10px; min-width: 0; }
  .kr-logo-cerceve-sira { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
  .kr-logo-cerceve-bas { flex: 0 0 100%; font-size: 12.5px; font-weight: 800; color: var(--fg-2); }
  .kr-cerceve-secenek {
    display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 11px; border-radius: 9px; cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface); font: inherit; font-size: 13px; font-weight: 700; color: var(--fg-2);
    transition: border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
  }
  .kr-cerceve-secenek:hover { border-color: var(--line-accent); }
  .kr-cerceve-secenek[aria-pressed="true"] { border-color: var(--blue2); box-shadow: 0 0 0 3px var(--kr-halka); color: var(--fg-strong); }
  [data-logo-cerceve][aria-busy="true"] .kr-cerceve-secenek, [data-logo-boyut][aria-busy="true"] .kr-cerceve-secenek { cursor: progress; }
  /* logo boyutu: düğmelerin altında Büyük / Orta / Küçük */
  .kr-logo-boyut { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 6px 8px; margin-top: 4px; }
  .kr-logo-boyut .kr-logo-cerceve-bas { grid-column: 1 / -1; }
  /* biçim simgesi seçili renkte (beyaz, çizgiyle) */
  .kr-cerceve-sekil { flex: none; display: block; width: 16px; height: 16px; background: #fff; box-shadow: inset 0 0 0 1.5px #7d93a0; }
  [data-logo-cerceve][data-renk="siyah"] .kr-cerceve-sekil { background: #000; box-shadow: none; }
  .kr-cerceve-sekil--kare { border-radius: 3px; }
  .kr-cerceve-sekil--yuvarlak { border-radius: 50%; }
  .kr-cerceve-sekil--oval { width: 26px; height: 15px; border-radius: 50%; }
  .kr-cerceve-sekil--dikdortgen { width: 26px; height: 15px; border-radius: 3px; }
  .kr-cerceve-sekil--yok, [data-logo-cerceve][data-renk="siyah"] .kr-cerceve-sekil--yok { background: none; box-shadow: none; border: 1.5px dashed #7d93a0; border-radius: 3px; }
  .kr-cerceve-renk { flex: none; display: block; width: 16px; height: 16px; border-radius: 50%; }
  .kr-cerceve-renk--siyah { background: #000; }
  .kr-cerceve-renk--beyaz { background: #fff; box-shadow: inset 0 0 0 1.5px #7d93a0; }

  /* Ekran görünümü → Telefonda görünüm (İşletme PRO): kaydırılabilir sayfa ya da tek ekran */
  .kr-mobil-gorunum-bas { display: block; margin-bottom: 8px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-mobil-secenekler { display: grid; gap: 8px; }
  /* Ödeme karekodu kartı: solda IBAN, banka, hesap sahibi; sağda karekod (ekrandakinin aynısı) */
  .kr-tahsilat-govde { display: grid; grid-template-columns: minmax(0, 1fr) 236px; gap: 18px 32px; align-items: start; }
  .kr-tahsilat-qr {
    margin: 0; display: grid; justify-items: center; gap: 10px; padding: 14px;
    border-radius: 14px; border: 1px solid var(--line-card); background: var(--surface-2);
  }
  .kr-tahsilat-qr-kod { width: 176px; aspect-ratio: 1 / 1; }
  .kr-tahsilat-qr-kod svg { display: block; width: 100%; height: 100%; border-radius: 8px; }
  /* banka hesabı kaydedilmeden karekod soluk, indirilemez */
  .kr-tahsilat-qr-kod--pasif { opacity: .3; filter: grayscale(1); }
  .kr-tahsilat-qr figcaption { display: grid; gap: 6px; justify-items: center; text-align: center; font-size: 12.5px; line-height: 1.45; color: var(--fg-2); }
  .kr-tahsilat-adres { font-weight: 800; color: var(--fg-strong); overflow-wrap: anywhere; }
  .kr-tahsilat-eylem { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 4px; }
  .kr-iban { font-variant-numeric: tabular-nums; letter-spacing: .04em; text-transform: uppercase; }
  /* banka hesapları: her biri kendi kutusunda (banka listeden, IBAN, hesap sahibi); altta "Banka hesabı ekle" */
  .kr-hesaplar-not { margin: 0 0 12px; }
  .kr-hesaplar { display: grid; gap: 12px; }
  .kr-hesap { min-width: 0; padding: 10px 16px 0; border: 1px solid var(--line-card); border-radius: 12px; background: var(--surface-2); }
  .kr-hesap-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px; font-size: 14px; color: var(--fg-strong); }
  .kr-hesap .kr-hesap-banka-ad { margin-top: 8px; }
  .kr-hesap-ekle { margin-top: 12px; }
  .kr-alan-ipucu--uyari { color: var(--kr-hata); font-weight: 700; }
  @media (max-width: 760px) {
    .kr-tahsilat-govde { grid-template-columns: minmax(0, 1fr); }
    .kr-tahsilat-qr { justify-self: start; }
  }
  .kr-logo-kutu span { font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, .78); }
  /* düğmeler yan yana, altlarında logo boyutu; ızgara: sütun en geniş düğme sırası kadar kalır (çerçeve seçimi sağda dursun) */
  .kr-logo-eylem { display: grid; grid-template-columns: repeat(2, auto); justify-content: start; align-items: start; gap: 8px; }
  .kr-logo-alan .kr-bildirim { margin: 10px 0 0; }
  /* Başlangıç: logo alanı pasif (ekranda Buluro logosu) */
  .kr-logo-alan--kilitli .kr-logo { opacity: .5; }

  /* Tema seçimi: her seçenek ekranın küçük bir örneği (başlık şeridi, iki
     satır, fiyat rengi). Renkler ekran.css'teki temalarla aynı. */
  .kr-temalar, [data-akis-sutun] { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
  .kr-temalar legend, [data-akis-sutun] legend { margin-bottom: 8px; padding: 0; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  /* Tema (26.10.2026): üstte zemin (koyu / açık; örnekler seçilen renkle boyanır), altında renk paleti —
     hazır tonlar ve "Özel renk" (renk seçici + renk kodu). Kurumsal-panel.js temaSecimCiz. */
  .kr-temalar { container-type: inline-size; }
  .kr-tema-zeminler { display: grid; grid-template-columns: repeat(2, minmax(0, 200px)); gap: 10px; }
  .kr-renk-bas { margin: 16px 0 8px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-renk-palet { display: flex; flex-wrap: wrap; gap: 8px; }
  .kr-renk {
    position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface); font-size: 13.5px; font-weight: 800; color: var(--fg-strong);
    transition: border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
  }
  .kr-renk:hover { border-color: var(--line-accent); }
  .kr-renk:has(input:checked) { border-color: var(--blue2); box-shadow: 0 0 0 1px var(--blue2); }
  .kr-renk:has(input:focus-visible) { outline: 2px solid var(--focus, var(--blue2)); outline-offset: 2px; }
  .kr-renk input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
  .kr-renk i { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--r); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
  .kr-renk:has(input:checked) i { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12), 0 0 0 2px var(--surface), 0 0 0 4px var(--r); }
  .kr-renk small { display: block; font-size: 11px; font-weight: 700; color: var(--fg-muted); }
  .kr-renk i.kr-renk-bos { background: conic-gradient(#e5484d, #f5a524, #f5e050, #30a46c, #0f78a9, #6e56cf, #e5484d); }
  .kr-renk.kr-kilitli { opacity: .45; }
  .kr-renk-alan { position: relative; }
  .kr-renk-palet [data-renk-ac] { align-self: center; }

  /* Renk seçici kutusu (kurumsal-panel.js renkSeciciKur): renk alanı, ton çubuğu, Hex / R G B, hazır renkler */
  .kr-rs {
    position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; width: 320px; max-width: calc(100vw - 32px);
    padding: 16px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line-card);
    box-shadow: 0 18px 40px rgba(8, 40, 60, .18), 0 2px 6px rgba(8, 40, 60, .08);
  }
  .kr-rs[hidden] { display: none; }
  .kr-rs-alan {
    position: relative; height: 170px; border-radius: 8px; cursor: crosshair; touch-action: none;
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  }
  .kr-rs-alan:focus-visible { outline: 2px solid var(--blue2); outline-offset: 2px; }
  .kr-rs-imlec {
    position: absolute; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; pointer-events: none;
    border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .35), 0 1px 4px rgba(0, 0, 0, .35);
  }
  .kr-rs-ton {
    display: block; width: 100%; height: 14px; margin: 14px 0 0; padding: 0; border-radius: 7px; cursor: pointer;
    -webkit-appearance: none; appearance: none;
    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  }
  .kr-rs-ton::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none; width: 8px; height: 20px; border-radius: 3px;
    background: #fff; border: 1px solid rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
  }
  .kr-rs-ton::-moz-range-thumb { width: 8px; height: 20px; border-radius: 3px; background: #fff; border: 1px solid rgba(0, 0, 0, .3); }
  .kr-rs-ton:focus-visible { outline: 2px solid var(--blue2); outline-offset: 3px; }
  .kr-rs-degerler { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 8px; margin-top: 14px; }
  .kr-rs-degerler label { display: grid; gap: 4px; font-size: 12px; font-weight: 800; color: var(--fg-muted); }
  .kr-rs-degerler .kr-girdi {
    width: 100%; min-width: 0; height: 38px; padding: 0 8px; text-align: center;
    font-size: 13.5px; font-variant-numeric: tabular-nums; -moz-appearance: textfield;
  }
  .kr-rs-degerler .kr-girdi::-webkit-outer-spin-button, .kr-rs-degerler .kr-girdi::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
  .kr-rs-hex .kr-girdi { text-transform: uppercase; font-family: ui-monospace, Menlo, Consolas, monospace; }
  .kr-rs-hazir {
    display: grid; grid-template-columns: repeat(8, 1fr); gap: 8px; margin-top: 14px; padding-top: 14px;
    border-top: 1px solid var(--line-card);
  }
  .kr-rs-renk {
    aspect-ratio: 1; width: 100%; padding: 0; border: 0; border-radius: 6px; cursor: pointer; background: var(--r);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14);
  }
  .kr-rs-renk:hover { transform: scale(1.08); }
  .kr-rs-renk[aria-pressed="true"] { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14), 0 0 0 2px var(--surface), 0 0 0 4px var(--blue2); }
  .kr-rs-renk:focus-visible { outline: 2px solid var(--blue2); outline-offset: 2px; }
  .kr-rs-alt { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
  .kr-rs-not { flex: 1; margin: 0; font-size: 11.5px; line-height: 1.4; color: var(--fg-muted); }
  .kr-renk-alan > .kr-alan-hata { margin-top: 8px; }
  @media (max-width: 520px) {
    .kr-rs { right: 0; width: auto; max-width: none; padding: 14px; }
    .kr-rs-alan { height: 150px; }
    .kr-rs-hazir { gap: 6px; }
  }
  .kr-tema, .kr-duzen {
    display: grid; gap: 8px; padding: 8px; border-radius: 12px; cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface);
    transition: border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
  }
  .kr-tema:hover, .kr-duzen:hover { border-color: var(--line-accent); }
  .kr-tema:has(input:checked), .kr-duzen:has(input:checked) { border-color: var(--blue2); box-shadow: 0 0 0 1px var(--blue2); }
  .kr-tema-ornek {
    display: grid; grid-template-rows: 14px 1fr 1fr; gap: 4px; height: 58px; padding-bottom: 6px;
    border-radius: 8px; overflow: hidden; background: var(--t-zemin); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
  }
  .kr-tema-ornek i { background: linear-gradient(100deg, var(--t-bas1), var(--t-bas2)); }
  .kr-tema-ornek b { position: relative; margin: 0 6px; border-radius: 3px; background: var(--t-satir); }
  .kr-tema-ornek b::after {
    content: ""; position: absolute; right: 6px; top: 50%; width: 40%; height: 4px; margin-top: -2px;
    border-radius: 2px; background: var(--t-rakam);
  }
  .kr-tema-ad, .kr-duzen-ad { display: flex; align-items: flex-start; gap: 7px; font-size: 13.5px; font-weight: 800; line-height: 1.3; color: var(--fg-strong); }
  .kr-tema-ad input, .kr-duzen-ad input { flex: none; width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--blue2); cursor: pointer; }
  .kr-tema-ad small, .kr-duzen-ad small { display: block; font-size: 11.5px; font-weight: 700; color: var(--fg-muted); }
  /* dar alanda (7 sütun sığsın diye) kartlar sıkışır; çok darda radyo adın üstünde, ortada */
  @container (max-width: 799px) {
    .kr-tema { gap: 6px; padding: 6px; }
    .kr-tema-ornek { height: 48px; }
    .kr-tema-ad { gap: 4px; font-size: 12px; }
    .kr-tema-ad input { width: 13px; height: 13px; }
    .kr-tema-ad small { font-size: 10.5px; }
  }
  @container (max-width: 639px) {
    .kr-tema { padding: 5px; }
    .kr-tema-ornek { height: 40px; }
    .kr-tema-ad { flex-direction: column; align-items: center; gap: 3px; text-align: center; font-size: 11.5px; }
    .kr-tema-ad small { font-size: 10px; }
  }
  .kr-tema[data-tema="koyu"]    { --t-bas1: #0a5375; --t-bas2: #0c6288; --t-zemin: #06141b; --t-satir: #0d2430; --t-rakam: #7fd4ff; }
  .kr-tema[data-tema="acik"]    { --t-bas1: #0d6b96; --t-bas2: #0f78a9; --t-zemin: #eef7fb; --t-satir: #ffffff; --t-rakam: #0c6188; }
  .kr-tema[data-tema="sari"]    { --t-bas1: #86670d; --t-bas2: #927210; --t-zemin: #fbf7ea; --t-satir: #ffffff; --t-rakam: #7d600c; }
  .kr-tema[data-tema="turuncu"] { --t-bas1: #a4481a; --t-bas2: #b3561f; --t-zemin: #fcf4ee; --t-satir: #ffffff; --t-rakam: #9a4216; }
  .kr-tema[data-tema="yesil"]   { --t-bas1: #2d6a47; --t-bas2: #347853; --t-zemin: #eff6f1; --t-satir: #ffffff; --t-rakam: #28603f; }
  .kr-tema[data-tema="mor"]     { --t-bas1: #5a3f8e; --t-bas2: #684c9e; --t-zemin: #f5f2fa; --t-satir: #ffffff; --t-rakam: #57408a; }
  .kr-tema[data-tema="kirmizi"] { --t-bas1: #8f2a38; --t-bas2: #a03341; --t-zemin: #fbf1f2; --t-satir: #ffffff; --t-rakam: #8a2a37; }
  .kr-tema[data-tema="gri"]     { --t-bas1: #454e59; --t-bas2: #525c68; --t-zemin: #f2f4f6; --t-satir: #ffffff; --t-rakam: #3d4652; }
  .kr-tema[data-tema="siyah"]   { --t-bas1: #1a1b1e; --t-bas2: #26282c; --t-zemin: #0b0b0c; --t-satir: #17181b; --t-rakam: #cfd3da; }
  .kr-tema[data-tema="altin"]   { --t-bas1: #5c460a; --t-bas2: #6e540c; --t-zemin: #14110a; --t-satir: #221d10; --t-rakam: #f2cd5c; }
  .kr-tema[data-tema="bakir"]   { --t-bas1: #6b2f12; --t-bas2: #7d3816; --t-zemin: #150d09; --t-satir: #24160f; --t-rakam: #f5a36c; }
  .kr-tema[data-tema="haki"]    { --t-bas1: #3f4a26; --t-bas2: #4b582d; --t-zemin: #0f120b; --t-satir: #1b2114; --t-rakam: #c9d88f; }
  .kr-tema[data-tema="murdum"]  { --t-bas1: #3e2358; --t-bas2: #4b2b69; --t-zemin: #120c16; --t-satir: #1f1426; --t-rakam: #d2b0f2; }
  .kr-tema[data-tema="bordo"]   { --t-bas1: #5e1622; --t-bas2: #6f1b29; --t-zemin: #150a0c; --t-satir: #241216; --t-rakam: #f0d0d6; }

  /* Ekran akışı: sütun düzeni kartları (şema), kaydırıcılar */
  .kr-duzenler { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
  .kr-duzen-sema {
    display: flex; gap: 5px; height: 58px; padding: 7px; border-radius: 8px;
    background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line-card);
  }
  .kr-duzen-sema i { flex: 1; border-radius: 4px; background: repeating-linear-gradient(180deg, var(--blue2) 0 4px, transparent 4px 9px); opacity: .5; }
  .kr-duzen-sema--oto i:last-child { opacity: .2; }
  /* görselli düzenler: solda satırlar (bir ya da iki sütun), sağda resim (dağ ve güneş) —
     ekrandaki gibi kare (Tek sütun + Görsel) ya da dikey 9:16 (2 sütun + Görsel) */
  .kr-duzen-sema--gorsel b {
    flex: 0 0 auto; height: 100%; aspect-ratio: 1 / 1; border-radius: 4px; opacity: .75;
    background:
      radial-gradient(circle at 72% 30%, var(--blue2) 0 3.5px, transparent 4px),
      linear-gradient(to top right, var(--blue2) 0 40%, transparent 41%) left bottom / 75% 62% no-repeat,
      var(--surface-3);
  }
  .kr-duzen-sema--dikey b { aspect-ratio: 9 / 16; }

  /* Ekran akışı → görselli düzenler: görsel kitaplığı (kartlar sürüklenerek sıralanır) */
  /* şube akışında: "1. şube ile aynı görseller" — işareti kalkınca şubenin kendi kitaplığı açılır */
  .kr-sube-gorsel-ayni { margin-bottom: 12px; }
  .kr-gorsel-alan { padding: 14px 16px; border-radius: 12px; border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-gorsel-kutuphane { display: grid; gap: 10px; margin-bottom: 14px; }
  .kr-gorsel-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; }
  .kr-gorsel-baslik { font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-gorsel-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
  .kr-gorsel-liste:empty { display: none; }
  .kr-gorsel {
    position: relative; display: grid; gap: 6px; padding: 8px; border-radius: 10px; cursor: grab;
    border: 1px solid var(--line-card); background: var(--surface);
    transition: border-color var(--dur-2) var(--ease), opacity var(--dur-2) var(--ease);
  }
  .kr-gorsel:hover { border-color: var(--line-accent); }
  .kr-gorsel--suruklenen { opacity: .4; border-style: dashed; }
  .kr-gorsel img, .kr-gorsel video { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; border-radius: 6px; background: var(--surface-3); pointer-events: none; }
  /* video kartı: ilk kare ve sağ altta süre */
  .kr-gorsel-medya { position: relative; display: block; }
  .kr-gorsel-sure {
    position: absolute; right: 6px; bottom: 6px; padding: 2px 7px; border-radius: 999px;
    background: rgba(8, 41, 57, .78); color: #fff; font-size: 11.5px; font-weight: 800; font-variant-numeric: tabular-nums;
  }
  .kr-gorsel-no {
    position: absolute; top: 13px; left: 13px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px;
    display: inline-grid; place-items: center; background: rgba(8, 41, 57, .78); color: #fff; font-size: 12px; font-weight: 800;
  }
  .kr-gorsel-eylem { display: flex; gap: 6px; }
  .kr-gorsel-dugme {
    flex: 1; height: 28px; padding: 0; border-radius: 8px; cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface-2); color: var(--fg-nav); font-size: 17px; font-weight: 800; line-height: 1;
  }
  .kr-gorsel-dugme:hover:not([disabled]) { border-color: var(--line-accent); }
  .kr-gorsel-dugme[disabled] { opacity: .35; cursor: default; }
  .kr-gorsel-dugme--sil { color: var(--kr-hata); }
  /* aktif / pasif: pasif kart soluk, resim gri */
  .kr-gorsel-anahtar { justify-self: start; }
  /* görselin yönlendirme linki (İşletme PRO): kartın altında küçük kutu */
  .kr-gorsel-link {
    width: 100%; min-width: 0; height: 30px; padding: 0 8px; border-radius: 8px; cursor: text;
    border: 1px solid var(--line-card); background: var(--surface-2); color: var(--fg); font: inherit; font-size: 12.5px;
  }
  .kr-gorsel-link:focus { outline: 2px solid var(--line-accent); outline-offset: 1px; background: var(--surface); }
  .kr-gorsel-link-etiket { margin-bottom: -3px; font-size: 11.5px; line-height: 1.3; color: var(--fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .kr-gorsel-link-kontrol {
    height: 28px; padding: 0 10px; border-radius: 8px; cursor: pointer; justify-self: start;
    border: 1px solid var(--line-accent); background: var(--surface); color: var(--fg-nav); font: inherit; font-size: 12px; font-weight: 800;
  }
  .kr-gorsel-link-kontrol:hover:not([disabled]) { background: var(--surface-2); }
  .kr-gorsel-link-kontrol[disabled] { opacity: .4; cursor: default; }
  .kr-gorsel-link-etiket b { color: var(--fg-2); }

  .kr-gorsel-link[disabled] { opacity: .55; cursor: not-allowed; }
  /* Raporlama → Görsel linki tıklamaları: küçük resimle */
  .kr-gorsel-rapor-ad { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
  .kr-gorsel-rapor-ad span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .kr-gorsel-rapor-resim { flex: none; width: 34px; height: 24px; object-fit: cover; border-radius: 4px; background: var(--surface-3); }
  .kr-gorsel--pasif { background: var(--surface-2); }
  .kr-gorsel--pasif img, .kr-gorsel--pasif video { opacity: .4; filter: grayscale(1); }
  .kr-gorsel--pasif .kr-gorsel-no { background: rgba(8, 41, 57, .4); }
  .kr-gorsel-uyari { margin: 0; color: var(--kr-uyari-fg); font-weight: 700; }
  /* görsel alanının boyutu (TV önizlemesinden): seçili düzen vurgulu */
  .kr-gorsel-boyut { display: grid; gap: 8px; margin: 0; padding: 10px 12px; border-radius: 10px; border: 1px dashed var(--line-accent); background: var(--surface); font-size: 13px; line-height: 1.5; color: var(--fg-2); }
  .kr-gorsel-boyut-bas { font-weight: 800; color: var(--fg-strong); }
  .kr-gorsel-boyut b { color: var(--fg-strong); font-variant-numeric: tabular-nums; }
  .kr-gorsel-boyut-bas { margin: 0; }
  /* biçim seçenekleri (seçili düzene göre iki): seçilen kutu vurgulu, yanında TV'deki boyutu */
  .kr-gorsel-bicimler { display: flex; flex-wrap: wrap; gap: 8px 12px; }
  .kr-gorsel-bicim {
    display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px; cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface); font-size: 13.5px; color: var(--fg-2);
  }
  .kr-gorsel-bicim:has(input:checked) { border-color: var(--blue2); box-shadow: 0 0 0 3px var(--kr-halka); color: var(--fg-strong); }
  .kr-gorsel-bicim input { margin: 0; }
  /* oran rozeti: 1:1, 4:5, 9:16 */
  .kr-gorsel-oran {
    display: inline-block; min-width: 3.2em; margin-right: 4px; padding: 1px 7px; border-radius: 999px; text-align: center;
    background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line-accent); color: var(--fg-strong); font-size: 12.5px; font-weight: 800;
  }
  .kr-gorsel-bicim:has(input:checked) .kr-gorsel-oran { background: var(--blue2); box-shadow: none; color: #fff; }
  .kr-gorsel-boyut-not { font-size: 12.5px; color: var(--fg-muted); }
  .kr-gorsel-boyut small { font-size: 12px; font-weight: 600; color: var(--fg-muted); }
  /* sırayla gösterim açıkken: düzenler soluk (balon soluk olmasın diye kartın içi), üzerine gelince neden kapalı yazar */
  [data-akis-sutun].kr-akis-pasif .kr-duzen > * { opacity: .45; }
  .kr-akis-pasif .kr-duzen { position: relative; cursor: not-allowed; }
  .kr-akis-pasif .kr-duzen[data-pasif-ipucu]:hover::after {
    content: attr(data-pasif-ipucu); position: absolute; left: 0; right: 0; bottom: calc(100% + 8px); z-index: 20;
    min-width: 200px; padding: 9px 12px; border-radius: 10px;
    background: var(--fg-strong, #0e3a4f); color: #fff; font-size: 12.5px; font-weight: 600; line-height: 1.45; text-align: left;
    box-shadow: 0 8px 22px -10px rgba(4, 32, 46, .5); pointer-events: none;
  }
  .kr-kaydirac { width: 100%; margin: 6px 0 2px; accent-color: var(--blue2); cursor: pointer; }
  .kr-kaydirac-deger { font-size: 14px; font-weight: 800; color: var(--fg-nav); font-variant-numeric: tabular-nums; }
  .kr-kaydirac-uclar { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-ara-baslik { margin: 34px 0 0; font-size: 20px; color: var(--fg-strong); }

  /* ———————————————————————— ekran yayını ———————————————————————— */
  /* "Link aktif" (yeşil, yanıp söner) / "Link pasif" (kırmızı): üst barda,
     Genel'de ve önizlemede. Durum renkle birlikte yazıyla da söylenir. */
  .kr-link-isik {
    display: inline-flex; align-items: center; gap: 7px; padding: 4px 11px; border-radius: 999px;
    font-size: 12.5px; font-weight: 800; line-height: 1.3; vertical-align: middle; white-space: nowrap;
  }
  .kr-link-isik--aktif { background: var(--up-bg); color: var(--kr-iyi); }
  .kr-link-isik--pasif { background: var(--down-bg); color: var(--kr-hata); }
  .kr-link-isik-nokta { flex: none; width: 9px; height: 9px; border-radius: 50%; }
  .kr-link-isik--aktif .kr-link-isik-nokta { background: #22c55e; animation: kr-isik 1.3s ease-in-out infinite; }
  .kr-link-isik--pasif .kr-link-isik-nokta { background: #ef4444; }
  @keyframes kr-isik {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34, 197, 94, .6); }
    50% { opacity: .35; box-shadow: 0 0 0 5px rgba(34, 197, 94, 0); }
  }
  /* üst bar: mavi zemin üstünde beyaz yazı */
  .kr-link-isik--ust { margin-right: 14px; color: #fff; }
  /* üst bar: yayın açıkken dolgun yeşil "Aktif" (kullanıcı isteği) */
  .kr-link-isik--ust.kr-link-isik--aktif { background: #16a34a; color: #fff; }
  .kr-link-isik--ust.kr-link-isik--aktif .kr-link-isik-nokta { background: #bbf7d0; }
  .kr-link-isik--ust.kr-link-isik--pasif { background: rgba(239, 68, 68, .3); color: #fff; }

  /* Önizleme kartında link kopyalama (yayın açıkken ekran linki, pasifken 15 saniyelik önizleme linki) */
  .kr-onizleme-link { display: grid; gap: 6px; margin-top: 2px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--up-line); background: var(--up-bg); }
  .kr-onizleme-link--pasif { border-color: var(--line-accent); background: var(--surface-2); }
  .kr-onizleme-link[hidden] { display: none; }
  .kr-onizleme-link-ad { font-size: 12.5px; font-weight: 800; color: var(--fg-2); }
  .kr-onizleme-link-sira { display: flex; gap: 8px; }
  .kr-onizleme-link-sira .kr-girdi { flex: 1; min-width: 0; height: 36px; padding: 0 10px; font-size: 13px; }
  .kr-onizleme-link-sira .kr-dugme { flex: none; }
  .kr-onizleme-link-not { font-size: 12px; line-height: 1.45; color: var(--fg-muted); }

  /* Üst barda Ekran yayını: ad, "i" (üzerine gelince ya da odaklanınca altta açıklama), anahtar; yanında Link ışığı */
  .kr-ust-yayin { display: inline-flex; align-items: center; gap: 9px; margin-right: 14px; color: #fff; font-size: 13px; font-weight: 800; white-space: nowrap; }
  .kr-ust-yayin[hidden] { display: none; }
  .kr-ust-bilgi { position: relative; display: inline-flex; }
  .kr-ust-bilgi-dugme {
    display: grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 1.5px solid rgba(255, 255, 255, .85); border-radius: 50%;
    background: transparent; color: #fff; font: italic 800 12px/1 Georgia, 'Times New Roman', serif; cursor: help;
  }
  .kr-ust-bilgi-dugme:hover, .kr-ust-bilgi-dugme:focus-visible { background: #fff; color: var(--hdr-1); outline: none; }
  .kr-ust-bilgi-metin {
    position: absolute; top: calc(100% + 12px); left: 50%; z-index: 60; width: min(340px, 80vw); transform: translateX(-50%);
    padding: 11px 13px; border-radius: 12px; border: 1px solid var(--line-card); background: var(--surface); box-shadow: var(--sh-pop);
    color: var(--fg); font-size: 13px; font-weight: 600; line-height: 1.5; white-space: normal; text-align: left;
    visibility: hidden; opacity: 0; transition: opacity var(--dur-2) var(--ease), visibility var(--dur-2);
  }
  .kr-ust-bilgi-metin::before {
    content: ''; position: absolute; top: -7px; left: 50%; width: 12px; height: 12px; transform: translateX(-50%) rotate(45deg);
    background: var(--surface); border-left: 1px solid var(--line-card); border-top: 1px solid var(--line-card);
  }
  .kr-ust-bilgi:hover .kr-ust-bilgi-metin, .kr-ust-bilgi:focus-within .kr-ust-bilgi-metin { visibility: visible; opacity: 1; }
  .kr-anahtar--ust { gap: 7px; color: #fff; font-size: 13px; }
  .kr-anahtar--ust .kr-anahtar-ray { width: 40px; height: 22px; background: rgba(255, 255, 255, .32); }
  .kr-anahtar--ust .kr-anahtar-ray::after { width: 16px; height: 16px; }
  .kr-anahtar--ust input:checked + .kr-anahtar-ray::after { transform: translateX(18px); }
  /* telefonda üst satır dar: yalnız "i" ve anahtar (durumu yanındaki Link ışığı söyler); açıklama soldan hizalı */
  @media (max-width: 560px) {
    .kr-ust-yayin { gap: 7px; margin-right: 8px; }
    .kr-ust-yayin-ad, .kr-anahtar--ust .kr-anahtar-yazi { display: none; }
    /* açıklama, "i"nin olduğu satırın tamamı genişliğinde hemen altında (ekrandan taşmaz) */
    .kr-header .top-actions { position: relative; }
    .kr-ust-bilgi { position: static; }
    .kr-ust-bilgi-metin { left: 0; right: 0; top: calc(100% + 8px); width: auto; transform: none; }
    .kr-ust-bilgi-metin::before { display: none; }
  }

  /* Aç/kapa anahtarı (role="switch" onay kutusu) */
  .kr-anahtar { position: relative; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14.5px; font-weight: 800; color: var(--fg-strong); }
  .kr-anahtar input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
  .kr-anahtar-ray {
    position: relative; flex: none; width: 50px; height: 28px; border-radius: 999px;
    background: var(--line-strong); transition: background-color var(--dur-2) var(--ease);
  }
  .kr-anahtar-ray::after {
    content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%;
    background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .28); transition: transform var(--dur-2) var(--ease);
  }
  .kr-anahtar input:checked + .kr-anahtar-ray { background: #16a34a; }
  .kr-anahtar input:checked + .kr-anahtar-ray::after { transform: translateX(22px); }
  .kr-anahtar input:focus-visible + .kr-anahtar-ray { outline: 3px solid var(--kr-halka); outline-offset: 2px; }
  .kr-anahtar input:disabled + .kr-anahtar-ray { opacity: .55; }
  .kr-anahtar--kucuk { font-size: 13px; gap: 8px; }
  .kr-anahtar--kucuk .kr-anahtar-ray { width: 40px; height: 22px; }
  .kr-anahtar--kucuk .kr-anahtar-ray::after { width: 16px; height: 16px; }
  .kr-anahtar--kucuk input:checked + .kr-anahtar-ray::after { transform: translateX(18px); }

  .kr-yayin-kart { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px; }
  .kr-yayin-kart-metin { flex: 1 1 380px; }
  .kr-yayin-kart h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 6px; }
  .kr-yayin-kart .kr-alt-yazi { margin: 0; }
  .kr-onizleme-yayin {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px;
    margin: 12px 0 10px; padding: 8px 10px; border-radius: 10px; background: var(--surface-2); border: 1px solid var(--line-card);
  }

  /* ———————————————————————— raporlama ———————————————————————— */
  /* Filtreler en üstte tek sırada (dönem, tarih gezinmesi, gruplama); özet
     kartları grafiğin ölçüsünü seçer. Yeniden yüklenirken eski çizim soluk
     kalır (iskelet yok, zıplama yok). Tek renk; önceki dönem kesik gri. */
  .kr-rapor-araclar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 16px; }
  .kr-rapor-gezin { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
  .kr-rapor-aralik { min-width: 190px; padding: 0 4px; text-align: center; font-size: 14px; font-weight: 800; color: var(--fg-strong); }
  .kr-rapor-ok {
    display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface); color: var(--fg-nav);
    transition: border-color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);
  }
  .kr-rapor-ok:hover:not(:disabled) { border-color: var(--line-accent); background: var(--surface-2); }
  .kr-rapor-ok:disabled { opacity: .4; cursor: default; }
  .kr-rapor-ok .icon { width: 18px; height: 18px; }
  /* takvim: tarih kutusu görünmez ama yerinde (showPicker bu konumda açılır) */
  .kr-rapor-takvim { position: relative; display: inline-grid; }
  .kr-rapor-takvim input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
  .kr-rapor--yukleniyor .kr-rapor-kpi, .kr-rapor--yukleniyor .kr-rapor-grafik,
  .kr-rapor--yukleniyor .kr-isi-kart { opacity: .55; transition: opacity var(--dur-2) var(--ease); }
  .kr-rapor-kpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 18px; }
  .kr-kpi {
    display: grid; align-content: start; gap: 6px; padding: 16px 18px; text-align: left;
    border: 1px solid var(--line-card); border-radius: 14px; background: var(--surface); color: inherit; font: inherit;
  }
  button.kr-kpi { cursor: pointer; transition: border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease); }
  button.kr-kpi:hover { border-color: var(--line-accent); }
  button.kr-kpi[aria-pressed="true"] { border-color: var(--blue2); box-shadow: inset 0 -3px 0 var(--blue2); }
  .kr-kpi-ad { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 800; color: var(--fg-2); }
  .kr-kpi-deger { font-size: 30px; font-weight: 800; line-height: 1.1; color: var(--fg-strong); }
  .kr-kpi-alt, .kr-kpi-fark { font-size: 12.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-kpi-fark--artis { color: var(--kr-iyi); }
  .kr-kpi-fark--dusus { color: var(--kr-hata); }

  .kr-rapor-grafik-bas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 16px; }
  .kr-rapor-grafik-bas h2 { margin-bottom: 4px; }
  .kr-lejant { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 12.5px; font-weight: 700; color: var(--fg-2); }
  .kr-lejant-oge { display: inline-flex; align-items: center; gap: 7px; }
  .kr-lejant-oge--secim { cursor: pointer; }
  .kr-lejant-oge--secim input { width: 16px; height: 16px; margin: 0; accent-color: var(--blue2); cursor: pointer; }
  .kr-lejant-cizgi { display: inline-block; width: 22px; height: 0; border-top: 2px solid var(--blue2); }
  .kr-lejant-cizgi--once { border-top: 2px dashed var(--fg-muted); }
  .kr-grafik { position: relative; margin-top: 10px; border-radius: 8px; }
  .kr-grafik svg { display: block; width: 100%; height: 260px; overflow: visible; touch-action: pan-y; }
  .kr-grafik:focus-visible { outline: 3px solid var(--kr-halka); outline-offset: 4px; }
  .kr-g-izgara { stroke: var(--line-soft); stroke-width: 1; }
  .kr-g-eksen { fill: var(--fg-muted); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
  .kr-g-alan { fill: var(--blue2); opacity: .1; }
  .kr-g-cizgi { fill: none; stroke: var(--blue2); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
  .kr-g-cizgi--kismi { stroke-dasharray: 4 4; }
  .kr-g-once { fill: none; stroke: var(--fg-muted); stroke-width: 2; stroke-dasharray: 5 5; stroke-linejoin: round; opacity: .75; }
  .kr-g-nokta { fill: var(--blue2); stroke: var(--surface); stroke-width: 2; }
  .kr-g-nokta--kismi { fill: var(--surface); stroke: var(--blue2); }
  .kr-g-nokta--once { fill: var(--fg-muted); }
  .kr-g-cizgi.kr-g--ikinci { stroke: var(--kr-seri2); }
  .kr-g-nokta.kr-g--ikinci { fill: var(--kr-seri2); }
  .kr-g-nokta--kismi.kr-g--ikinci { fill: var(--surface); stroke: var(--kr-seri2); }
  .kr-g-once.kr-g--ikinci { stroke: var(--kr-seri2); opacity: .5; }
  .kr-g-nokta--once.kr-g--ikinci { fill: var(--kr-seri2); opacity: .55; }
  .kr-lejant-cizgi--ikinci { border-top-color: var(--kr-seri2); }
  .kr-lejant-oge[hidden] { display: none; }
  .kr-grafik-ipucu .kr-grafik-ipucu-seri { display: flex; align-items: center; gap: 7px; font-size: 15px; }
  .kr-grafik-ipucu-seri i { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--blue2); }
  .kr-grafik-ipucu-seri.kr-g--ikinci i { background: var(--kr-seri2); }
  .kr-g-imlec { stroke: var(--fg-muted); stroke-width: 1; }
  .kr-grafik-ipucu {
    position: absolute; z-index: 2; pointer-events: none; display: grid; gap: 2px; min-width: 130px; max-width: 300px; padding: 8px 11px;
    border-radius: 10px; background: var(--surface); border: 1px solid var(--line-card); box-shadow: var(--sh-2);
  }
  .kr-grafik-ipucu b { font-size: 16px; color: var(--fg-strong); }
  .kr-grafik-ipucu span { font-size: 12px; font-weight: 700; color: var(--fg-muted); }
  .kr-grafik-ipucu small { margin-top: 3px; padding-top: 4px; border-top: 1px dashed var(--line-card); font-size: 12px; font-weight: 700; color: var(--fg-2); }
  .kr-grafik-bos { position: absolute; inset: 0 0 30px 52px; display: grid; place-items: center; padding: 12px; text-align: center; font-size: 14px; font-weight: 700; color: var(--fg-muted); pointer-events: none; }
  .kr-rapor-tablo { margin-top: 14px; }
  .kr-rapor-tablo summary { cursor: pointer; font-size: 13.5px; font-weight: 800; color: var(--fg-nav); }
  .kr-rapor-tablo table { width: 100%; margin-top: 10px; border-collapse: collapse; font-size: 13.5px; font-variant-numeric: tabular-nums; }
  .kr-rapor-tablo th, .kr-rapor-tablo td { padding: 7px 10px; border-bottom: 1px solid var(--line-soft); text-align: right; }
  .kr-rapor-tablo th:first-child { text-align: left; font-weight: 700; color: var(--fg-2); }
  .kr-rapor-tablo thead th { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; color: var(--fg-muted); }

  /* Isı haritası: satır haftanın günü, sütun saat; boş hücre zemin rengi */
  .kr-isi-kart { position: relative; }
  .kr-isi-kap { margin-top: 12px; overflow-x: auto; }
  .kr-isi { display: grid; grid-template-columns: 34px repeat(24, minmax(16px, 1fr)); gap: 3px; min-width: 500px; }
  .kr-isi-saat { font-size: 11px; font-weight: 700; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  .kr-isi-gun { align-self: center; font-size: 12px; font-weight: 800; color: var(--fg-2); }
  .kr-isi-hucre { height: 22px; border-radius: 4px; background: var(--surface-2); }
  .kr-isi-hucre[style] { background: color-mix(in srgb, var(--blue2) calc(var(--d) * 100%), var(--surface-2)); }
  .kr-isi-hucre--tepe { outline: 2px solid var(--fg-strong); outline-offset: 1px; }
  .kr-isi-lejant { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-top: 10px; font-size: 11.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-isi-lejant i { width: 18px; height: 12px; border-radius: 3px; background: color-mix(in srgb, var(--blue2) calc(var(--d) * 100%), var(--surface-2)); }
  .kr-isi-lejant span { margin: 0 4px; }
  .kr-isi-ipucu { position: absolute; }

  .kr-tiklanan { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
  .kr-tiklanan-satir { display: grid; grid-template-columns: minmax(110px, 200px) minmax(0, 1fr) auto 64px; align-items: center; gap: 12px; }
  .kr-tiklanan-ad { font-size: 14px; font-weight: 700; color: var(--fg-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .kr-tiklanan-cubuk { height: 14px; }
  .kr-tiklanan-cubuk i { display: block; height: 100%; border-radius: 0 4px 4px 0; background: var(--blue2); }
  .kr-tiklanan-deger { min-width: 2.5em; text-align: right; font-size: 14px; font-weight: 800; color: var(--fg-strong); font-variant-numeric: tabular-nums; }
  .kr-tiklanan-fark { font-size: 12px; font-weight: 800; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  @media (max-width: 560px) {
    .kr-rapor-aralik { min-width: 0; flex: 1 1 100%; order: -1; text-align: left; }
    .kr-tiklanan-satir { grid-template-columns: minmax(90px, 1fr) minmax(0, 1fr) auto; }
    .kr-tiklanan-fark { display: none; }
  }
  .kr-rapor-not { margin-top: 14px; }
  .kr-bant-yazi { padding-left: 28px; }

  /* Soldaki sabit blok: firmalar yana kaydırılırken ekranda/birim/sonuç
     yerinde kalır. Sol kenarlar JS'te ilk satırdan ölçülüp değişkene yazılır;
     arka planlar opak olmalı, altından kayan hücre görünmesin. */
  .kr-plan-tablo .kr-plan-sabit { position: sticky; left: 0; z-index: 2; background: var(--surface); }
  .kr-plan-tablo thead .kr-plan-sabit { z-index: 3; background: var(--surface-2); }
  .kr-plan-tablo .kr-plan-birim.kr-plan-sabit { left: var(--sol-birim, 64px); }
  .kr-plan-tablo .kr-plan-sabit-alis { left: var(--sol-alis, 254px); }
  .kr-plan-tablo .kr-plan-sabit-satis { left: var(--sol-satis, 354px); }
  .kr-plan-tablo .kr-plan-sabit-son { box-shadow: 7px 0 8px -7px rgba(4, 22, 31, .28); }
  .kr-plan-hucre {
    display: block; width: 100%; padding: 9px 10px; text-align: right; cursor: pointer;
    color: var(--fg-2); font-size: 13.5px; font-weight: 600;
    transition: background-color var(--dur-1) var(--ease);
  }
  .kr-plan-hucre:hover { background: var(--surface-2); }
  .kr-plan-tablo td.kr-plan-satis { border-right: 1px solid var(--line-soft); }
  .kr-plan-tablo td.kr-plan-etkin { background: var(--buy-bg); }
  .kr-plan-tablo td.kr-plan-etkin.kr-plan-satis { background: var(--sell-bg); }
  .kr-plan-tablo td.kr-plan-etkin .kr-plan-hucre { color: var(--fg-strong); font-weight: 800; }
  .kr-plan-tablo td.kr-plan-sonuc { padding: 9px 8px; font-size: 14px; font-weight: 800; color: var(--fg-strong); background: var(--bg-sunken); }
  .kr-plan-tablo td.kr-plan-sonuc small { display: block; font-size: 10.5px; font-weight: 700; color: var(--fg-muted); }
  /* karşılaştırmada firmanın fiyatının altında ekranınızdaki fiyatın farkı */
  .kr-plan-oran { display: block; margin-top: 1px; font-size: 10.5px; font-weight: 700; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  .kr-plan-tablo td.kr-plan-etkin .kr-plan-oran { color: var(--fg-2); }
  .kr-plan-tablo td.kr-plan-grup-ipucu.kr-plan-grup-ipucu--not { color: var(--kr-uyari-fg); }
  .kr-plan-tablo th.kr-plan-sonuc-bas { color: var(--fg-nav); }
  /* soluklaştırma hücrenin içine: sabit hücre yarı saydam olursa altından kayan görünür */
  .kr-plan-tablo tr.kr-plan-gizli > :not(.kr-plan-goster):not(.kr-plan-birim) > *,
  .kr-plan-tablo tr.kr-plan-gizli .kr-plan-ad { opacity: .45; }
  .kr-plan-tablo tr.kr-plan-ters td.kr-plan-sonuc {
    color: var(--kr-hata); background: linear-gradient(var(--down-bg), var(--down-bg)), var(--surface);
  }
  /* birim hücresi: ad (uzunsa iki satır) ve sağında ayar düğmesi (bu birime özel ad, kaynak, yuvarlama) */
  .kr-plan-birim-ic { display: flex; align-items: center; gap: 4px; }
  .kr-plan-ad { flex: 1 1 auto; min-width: 0; }
  .kr-plan-ayar {
    display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; margin-right: -4px;
    border-radius: 8px; color: var(--fg-muted); cursor: pointer;
  }
  .kr-plan-ayar:hover { background: var(--surface-2); color: var(--fg-nav); }
  .kr-plan-ayar .icon { width: 16px; height: 16px; }
  /* dar kutu (ör. 1366 px ekran, önizleme açık): yazı ve boşluklar küçülür, tablo yine sığar */
  @container kr-plan (max-width: 720px) {
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) :is(th, td).kr-plan-goster { width: 44px; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) thead th { padding-inline: 3px; letter-spacing: .02em; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) tbody .kr-plan-birim { padding: 7px 6px; font-size: 13px; min-width: 6.5em; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) td.kr-plan-kaynak { padding-inline: 4px; font-size: 12.5px; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) td.kr-plan-fark { padding-inline: 3px 6px; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) .kr-fark-girdi { width: 46px; padding: 0 5px; font-size: 13px; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) .kr-fark-tip { min-width: 26px; padding: 0 3px; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) td.kr-plan-sonuc { padding-inline: 5px; font-size: 13px; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) tr.kr-plan-grup th.kr-plan-birim { padding-inline: 6px; font-size: 11px; letter-spacing: .04em; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) thead th.kr-plan-goster { font-size: 10px; letter-spacing: 0; }
  }
  @container kr-plan (max-width: 620px) {
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) td.kr-plan-kaynak { padding-inline: 3px; font-size: 12px; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) td.kr-plan-sonuc { padding-inline: 4px; font-size: 12.5px; }
    .kr-plan-tablo:not(.kr-plan-tablo--karsilastir) .kr-fark-girdi { width: 42px; }
  }
  .kr-plan-alt { margin-top: 10px; font-size: 12.5px; color: var(--fg-muted); }

  .kr-dialog {
    width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 48px); overflow: auto;
    padding: 28px; border: 1px solid var(--line-card); border-radius: 18px;
    background: var(--surface); color: var(--fg); box-shadow: var(--sh-pop);
  }
  .kr-dialog::backdrop { background: rgba(4, 22, 31, .55); }
  .kr-dialog h2 { margin: 6px 0 4px; font-size: 22px; color: var(--fg-strong); }
  .kr-dialog-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; }
  /* onay penceresi (kurumsal.js onayla; tarayıcının confirm'ü yerine): Vazgeç önde, tehlikeli eylem kırmızı */
  .kr-onay-dialog { width: min(460px, calc(100vw - 32px)); padding: 24px; }
  .kr-onay-dialog h2 { margin: 0 0 8px; font-size: 19px; }
  .kr-onay-metin { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--fg-2); white-space: pre-line; overflow-wrap: anywhere; }
  .kr-onay-eylem { justify-content: flex-end; margin-top: 22px; }
  .kr-onay-dialog--tehlike h2 { color: var(--kr-hata); }
  .kr-dugme--tehlike-dolu:hover { filter: brightness(1.12); }
  /* ödeme günü geçti (mühlet): açılışta uyarı penceresi; başlık hata renginde */
  .kr-odeme-uyari h2 { color: var(--kr-hata); }
  .kr-odeme-uyari-metin { margin: 10px 0 0; font-size: 15px; line-height: 1.55; color: var(--fg); }
  .kr-odeme-uyari .kr-dialog-eylem a { text-decoration: none; }

  /* Ödeme karekodu → Müşteri formları: sabit alanlar salt okunur liste, eklenen sorular düzenlenir */
  .kr-mform .kr-alt-yazi { margin: 0 0 10px; }
  .kr-mform-tur { margin: 14px 0 12px; }
  .kr-mform-tur button { padding: 8px 16px; font-size: 14px; }
  .kr-mform-alanlar { display: grid; gap: 6px; margin: 0 0 16px; padding: 0; list-style: none; }
  .kr-mform-alan {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
    padding: 9px 12px; border-radius: 10px; background: var(--surface-2); border: 1px solid var(--line-card);
  }
  /* başta aç / kapa anahtarı, ardından müşterinin gördüğü sıra numarası (pasif alanda yok) */
  .kr-mform-aktif, .kr-mform-aktif-yer { flex: none; width: 40px; }
  .kr-mform-no { flex: none; min-width: 22px; font-size: 13px; font-weight: 800; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  .kr-mform-alan b { flex: 1 1 220px; font-size: 14.5px; color: var(--fg-strong); }
  .kr-mform-alan .kr-mform-zorunlu { margin-left: auto; }
  .kr-mform-zorunlu:has(input:disabled) { opacity: .45; cursor: default; }
  /* pasif alan: müşteriye sorulmaz; soluk, anahtarı açılınca geri gelir */
  .kr-mform-alan--pasif { background: transparent; border-style: dashed; }
  .kr-mform-alan--pasif b, .kr-mform-alan--pasif .kr-mform-cip { opacity: .55; }
  .kr-mform-alan--pasif b { text-decoration: line-through; text-decoration-color: var(--fg-muted); }
  .kr-mform-bolum { margin: 10px 0 2px; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--fg-nav); }
  .kr-mform-cip { padding: 2px 9px; border-radius: 999px; border: 1px solid var(--line-card); background: var(--surface); font-size: 12px; font-weight: 800; color: var(--fg-2); }
  .kr-mform-cip--belge { border-color: var(--line-accent); color: var(--fg-nav); }
  .kr-mform-not { font-size: 12px; font-weight: 700; color: var(--fg-muted); }
  .kr-mform-ek-baslik { margin: 8px 0 8px; font-size: 15px; color: var(--fg-strong); }
  .kr-mform-sorular { display: grid; gap: 8px; margin: 0 0 8px; padding: 0; list-style: none; }
  .kr-mform-sorular:empty { display: none; }
  .kr-mform-soru { display: grid; grid-template-columns: minmax(0, 1fr) 170px auto 40px; align-items: center; gap: 8px; }
  .kr-mform-soru .kr-girdi { height: 44px; font-size: 15px; }
  .kr-mform-zorunlu { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); cursor: pointer; white-space: nowrap; }
  .kr-mform-zorunlu input { width: 17px; height: 17px; margin: 0; accent-color: var(--blue2); }
  .kr-mform-kaldir { width: 40px; height: 40px; border-radius: 10px; font-size: 22px; line-height: 1; color: var(--fg-muted); cursor: pointer; }
  .kr-mform-kaldir:hover { background: var(--surface-2); color: var(--kr-hata); }
  .kr-mform-bos { margin: 0 0 8px; }
  @media (max-width: 700px) {
    .kr-mform-soru { grid-template-columns: minmax(0, 1fr) 40px; }
    .kr-mform-soru .kr-girdi:first-child { grid-column: 1 / -1; }
  }

  /* Gelen formlar ve ayrıntısı */
  /* sığsın: dar boşluk, tarih ve saat alt alta, uzun ad ve e-posta satıra iner, düğmeler küçük */
  .kr-gelen-tablo th, .kr-gelen-tablo td { padding-inline: 8px; vertical-align: middle; }
  .kr-gelen-tablo td small { display: block; font-size: 12px; color: var(--fg-muted); }
  .kr-gelen-tablo td.kr-gelen-sar { white-space: normal; overflow-wrap: anywhere; max-width: 210px; }
  .kr-gelen-tablo td:nth-child(5) { text-align: center; }
  .kr-gelen-tablo tr.kr-gelen--yeni td:nth-child(2) { font-weight: 800; color: var(--fg-strong); }
  .kr-gelen-eylem .kr-dugme { height: 32px; padding: 0 10px; font-size: 13px; }
  .kr-gelen-eylem { display: flex; gap: 5px; justify-content: flex-end; white-space: nowrap; }
  .kr-gelen-dialog { width: min(760px, calc(100vw - 32px)); }
  .kr-gelen-cevaplar { display: grid; gap: 0; margin: 14px 0 0; }
  .kr-gelen-cevaplar > div { display: grid; grid-template-columns: minmax(140px, 34%) minmax(0, 1fr); gap: 4px 14px; padding: 9px 0; border-bottom: 1px solid var(--line-soft); }
  .kr-gelen-cevaplar dt { font-size: 13px; font-weight: 800; color: var(--fg-muted); }
  .kr-gelen-cevaplar dd { margin: 0; font-size: 14.5px; color: var(--fg-strong); white-space: pre-wrap; overflow-wrap: anywhere; }
  .kr-gelen-belgeler-baslik { margin: 20px 0 8px; font-size: 16px; color: var(--fg-strong); }
  .kr-gelen-belge { padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
  .kr-gelen-belge > b { display: block; margin-bottom: 8px; font-size: 13.5px; color: var(--fg-2); }
  .kr-gelen-dosyalar { display: flex; flex-wrap: wrap; gap: 10px; }
  .kr-gelen-dosya { display: grid; gap: 6px; justify-items: center; width: 132px; }
  .kr-gelen-dosya img { width: 132px; height: 96px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-gelen-dosya--imza img { object-fit: contain; background: #fff; }
  .kr-gelen-pdf { display: grid; place-items: center; width: 132px; height: 96px; border-radius: 8px; border: 1px solid var(--line-card); background: var(--surface-2); font-weight: 800; color: var(--fg-nav); }
  @media (max-width: 560px) {
    .kr-gelen-cevaplar > div { grid-template-columns: minmax(0, 1fr); }
  }
  .kr-bosluk { flex: 1; }

  /* ————————————————————————————— cihazlar ————————————————————————————— */
  .kr-cihaz-liste { display: grid; gap: 10px; }
  .kr-cihaz--satir { flex-wrap: wrap; }
  .kr-cihaz-durum--pasif { color: var(--fg-muted); }
  .kr-cihaz-durum--pasif::before { background: var(--line-strong); }
  .kr-cihaz-durum--disinda { color: var(--kr-hata); }
  .kr-cihaz-durum--disinda::before { background: var(--down); }
  .kr-cihaz-eylem { display: flex; gap: 8px; margin-left: auto; }
  .kr-cihaz-ad-form { display: flex; flex: 1; min-width: 0; gap: 8px; }
  .kr-girdi--kucuk { height: 36px; font-size: 14px; }

  /* ————————————————————————— paket ve ödeme ————————————————————————— */
  .kr-abonelik-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 12px; }
  .kr-abonelik-bas h2 { margin: 0; }
  .kr-abonelik-bilgi, .kr-havale-bilgi {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 0 0 12px;
  }
  .kr-abonelik-bilgi div, .kr-havale-bilgi div { padding: 12px 14px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line-card); }
  .kr-abonelik-bilgi dt, .kr-havale-bilgi dt { font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--fg-muted); }
  .kr-abonelik-bilgi dd, .kr-havale-bilgi dd { margin: 4px 0 0; font-size: 16px; font-weight: 800; color: var(--fg-strong); word-break: break-all; }
  /* havale: alıcı bir kez (tam satır), altında banka hesapları (banka + IBAN) yan yana */
  .kr-havale-bilgi.kr-havale-alici { grid-template-columns: minmax(0, 1fr); margin-top: 12px; }
  .kr-havale-bilgi.kr-havale-alici dd { word-break: normal; overflow-wrap: anywhere; }
  .kr-havale-hesap-bas { margin: 14px 0 8px; font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-muted); }
  .kr-havale-hesaplar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 10px; }
  .kr-havale-bilgi.kr-havale-hesap { grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; padding: 0; border-radius: 12px; overflow: hidden;
    border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-havale-bilgi.kr-havale-hesap div { border: 0; border-radius: 0; background: transparent; }
  .kr-havale-bilgi.kr-havale-hesap div + div { border-top: 1px solid var(--line-card); }
  /* havale bilgileri ödeme beklerken: mavi çerçeve ("onay bekliyor" rengi; kırmızı eksik içindir) */
  .kr-havale { border-color: var(--kr-bekliyor-cizgi); scroll-margin-top: calc(var(--hdr-h, 64px) + 16px); }

  /* ——— Paket seçin: fiyat bloğu (fiyat sayfalarındaki düzen) ———
     koyu zemin; üstte Aylık / Yıllık ve tasarruf rozeti; paketler tek
     çerçevede (renk geçişli kenar) yan yana sütunlar. Kart: ad, aylık fiyat,
     nasıl ödendiği, "Bu paketi seç", içerik satırları (✓ var, ✗ yok soluk,
     cihaz ve temada miktar çubuğu). */
  /* zemin üst barla aynı Buluro mavisi (--kr-hero geçişi ve --kr-doku dokusu) */
  .kr-fiyat-blok {
    display: grid; gap: 18px; margin: 6px 0 18px; padding: 22px 18px 18px; border-radius: 18px;
    background: var(--kr-doku), var(--kr-hero);
    color: #fff;
  }
  .kr-donem { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 24px; }
  .kr-donem-secenek { display: inline-flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 800; color: #fff; cursor: pointer; }
  .kr-donem-secenek input { width: 18px; height: 18px; margin: 0; accent-color: #fff; cursor: pointer; }
  .kr-donem-rozet { padding: 4px 10px; border-radius: 6px; background: rgba(255, 255, 255, .18); font-size: 13px; font-weight: 800; color: #fff; }
  /* kap: kartlardaki fiyat yazısı çerçevenin enine göre (dar ekranda yıllık fiyat yanındaki oranla tek satırda);
     kartın kendisi kap olamaz — layout containment subgrid'i bozar */
  .kr-paketler-cerceve { container-type: inline-size; padding: 2px; border-radius: 16px; background: linear-gradient(110deg, rgba(255, 255, 255, .9) 0%, rgba(150, 215, 245, .55) 50%, rgba(255, 255, 255, .9) 100%); }
  /* kartların zemini opak, mavinin biraz koyusu (çerçevenin açık rengi arkadan görünmesin): beyaz yazı 7:1 */
  .kr-paketler {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 14px; overflow: hidden;
    background: linear-gradient(100deg, #0a587c 0%, #0b658f 55%, #0a5e86 100%);
  }
  /* Kartlar satırları paylaşır (subgrid): ad, iki fiyat, tasarruf, düğme ve içerik satırları
     kartlarda aynı hizada — bir kartta iki satıra inen yazı ya da çubuk öbürlerinde de o satırı
     uzatır. Satır sayısı JS'te (grid-row: span); tasarruf yoksa satır boş kalır, gizlenmez. */
  .kr-paket-kart {
    position: relative; display: grid; grid-template-rows: subgrid; min-width: 0; padding: 22px 22px 24px; cursor: pointer;
    border-left: 1px solid rgba(255, 255, 255, .18); transition: background-color var(--dur-2) var(--ease);
  }
  .kr-paket-kart:first-child { border-left: 0; }
  .kr-paket-kart:hover { background: rgba(255, 255, 255, .05); }
  .kr-paket-kart:has(.kr-paket-radyo:checked) { background: rgba(255, 255, 255, .12); }
  .kr-paket-kart:has(.kr-paket-radyo:focus-visible) { outline: 2px solid #fff; outline-offset: -5px; }
  /* seçim kartın kendisiyle: radyo görünmez, klavyeyle yine seçilir */
  .kr-paket-radyo { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; opacity: 0; }
  .kr-paket-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
  .kr-paket-ad { font-size: 19px; font-weight: 800; color: #fff; }
  .kr-paket-mevcut { padding: 3px 9px; border-radius: 999px; background: #e8f8ef; font-size: 11.5px; font-weight: 800; color: #0b6e2e; }
  .kr-paket-fiyat { margin-top: 16px; font-size: 15px; color: #d3eaf6; }
  .kr-paket-fiyat b { font-size: 36px; font-weight: 800; letter-spacing: -.01em; color: #fff; font-variant-numeric: tabular-nums; }
  /* aylık ve yıllık fiyat birlikte, aynı boyda: seçili dönem beyaz, öteki açık mavi */
  .kr-paket-fiyat b { font-size: clamp(22px, 3.3cqi, 32px); }
  .kr-paket-fiyat--yillik { margin-top: 2px; }
  /* yıllık fiyatın yanında tasarruf oranı */
  .kr-paket-oran { display: inline-block; margin-left: 6px; padding: 3px 8px; border-radius: 999px; vertical-align: 6px;
    background: #e8f8ef; color: #0b6e2e; font-size: 12.5px; font-weight: 800; white-space: nowrap; }
  .kr-paket-fiyat:not(.kr-paket-fiyat--secili) b { color: #bfe0f1; }
  .kr-paket-tasarruf { margin-top: 10px; font-size: 13.5px; font-weight: 700; color: #fff; }
  /* mavi zeminde: seçilmemiş kartta çerçeveli, seçilide beyaz (yazı marka mavisi) */
  .kr-paket-sec {
    display: flex; align-items: center; justify-content: center; gap: 8px; height: 48px; margin: 20px 0 17px;
    border-radius: 6px; border: 1.5px solid rgba(255, 255, 255, .85); background: transparent; color: #fff; font-size: 15px; font-weight: 700;
    transition: background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);
  }
  .kr-paket-kart:hover .kr-paket-sec { background: rgba(255, 255, 255, .14); }
  .kr-paket-kart:has(.kr-paket-radyo:checked) .kr-paket-sec { border-color: #fff; background: #fff; color: #0b5b82; }
  .kr-paket-sec-ikon { display: inline-flex; }
  .kr-paket-sec-ikon .icon { width: 16px; height: 16px; stroke-width: 3; }
  .kr-paket-maddeler { display: grid; grid-template-rows: subgrid; gap: 0; margin: 0; padding: 0; list-style: none; }
  /* satır kısa kalırsa içerik üstte durur (yazı ve çubuk satırın başında) */
  .kr-paket-madde {
    display: grid; grid-template-columns: 16px minmax(0, 1fr); align-content: start; gap: 7px 10px; align-items: start;
    padding: 7px 0 8px; font-size: 14px; line-height: 1.4; color: #fff;
  }
  .kr-paket-isaret { display: inline-flex; margin-top: 2px; color: #fff; }
  .kr-paket-isaret .icon { width: 15px; height: 15px; stroke-width: 2.6; }
  .kr-paket-madde--yok, .kr-paket-madde--yok .kr-paket-isaret { color: #9dcbe3; }
  .kr-paket-cubuk { grid-column: 2; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .25); overflow: hidden; }
  .kr-paket-cubuk i { display: block; height: 100%; border-radius: inherit; background: #fff; }
  @media (max-width: 900px) {
    .kr-paketler { grid-template-columns: minmax(0, 1fr); }
    .kr-paket-fiyat b { font-size: 32px; }
    .kr-paket-kart { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .18); }
    .kr-paket-kart:first-child { border-top: 0; }
  }
  .kr-paket-uyari { margin: -6px 0 18px; }
  .kr-paket-uyari ul { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 3px; }
  .kr-siparis-kur { margin: -6px 0 16px; font-size: 13px; line-height: 1.55; color: var(--fg-muted); }
  .kr-sayac-dugme:disabled, .kr-sayac .kr-girdi:disabled { opacity: .45; cursor: not-allowed; }

  /* ek cihaz | Kod (indirim kodu) | ödeme — formun genişliğine göre: genişte üç sütun, ortada ek cihaz ve
     Kod yan yana (ödeme altta), darda alt alta */
  #siparisFormu { container: kr-siparis / inline-size; }
  .kr-siparis-secenek { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 20px; }
  @container kr-siparis (min-width: 520px) {
    .kr-siparis-secenek { grid-template-columns: minmax(160px, .85fr) minmax(220px, 1fr); }
    .kr-siparis-secenek .kr-odeme-secim { grid-column: 1 / -1; }
  }
  @container kr-siparis (min-width: 760px) {
    .kr-siparis-secenek { grid-template-columns: minmax(160px, .8fr) minmax(200px, .9fr) minmax(340px, 1.4fr); }
    .kr-siparis-secenek .kr-odeme-secim { grid-column: auto; }
  }
  .kr-kod-sira { display: flex; gap: 8px; }
  /* Ek cihaz başlığının yanında yıllık tasarruf oranı */
  .kr-ek-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
  .kr-ek-bas label { margin: 0; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-ek-rozet { padding: 2px 8px; border-radius: 999px; background: #e8f8ef; color: #0b6e2e; font-size: 11.5px; font-weight: 800; white-space: nowrap; }
  .kr-kod-sira .kr-girdi { flex: 1; min-width: 0; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
  .kr-kod-sira .kr-girdi::placeholder { text-transform: none; letter-spacing: 0; font-weight: 400; }
  .kr-kod-sira .kr-girdi[readonly] { background: var(--surface-2); color: var(--kr-iyi); }
  .kr-alan-ipucu--iyi { color: var(--kr-iyi); font-weight: 700; }
  /* Ödeme: Havale / EFT ve Kredi Kartı yan yana düğmeler (kart sağlayıcısı yokken "yakında") */
  .kr-odeme-secim { gap: 8px 10px; }
  /* hangi dönemde hangi yöntem: düğmelerin altında, tam satır */
  .kr-yontem-not { flex-basis: 100%; margin: 0; }
  .kr-odeme-dugme {
    display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 10px;
    border: 1px solid var(--line-strong); background: var(--surface); font-size: 14.5px; font-weight: 700; color: var(--fg-2); cursor: pointer;
  }
  .kr-odeme-dugme input { width: 17px; height: 17px; margin: 0; accent-color: var(--blue2); }
  .kr-odeme-dugme:has(input:checked) { border-color: var(--blue2); box-shadow: 0 0 0 3px var(--kr-halka); color: var(--fg-strong); }
  .kr-odeme-dugme small {
    padding: 2px 7px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 11px; font-weight: 800; color: var(--fg-muted);
  }
  .kr-sayac { display: inline-grid; grid-template-columns: 42px 76px 42px; }
  .kr-sayac .kr-girdi { border-radius: 0; text-align: center; padding: 0 6px; -moz-appearance: textfield; }
  .kr-sayac .kr-girdi::-webkit-inner-spin-button, .kr-sayac .kr-girdi::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
  .kr-sayac-dugme {
    border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--fg-nav);
    font-size: 20px; font-weight: 800; cursor: pointer;
  }
  .kr-sayac-dugme:first-child { border-radius: 10px 0 0 10px; border-right: 0; }
  .kr-sayac-dugme:last-child { border-radius: 0 10px 10px 0; border-left: 0; }
  /* Sepet: başlık ve dönem (üstteki Aylık / Yıllık ile eşli), paket ve ek cihaz satırları, dip toplam */
  .kr-sepet { margin: 4px 0 16px; border-radius: 12px; overflow: hidden; background: var(--surface-2); border: 1px solid var(--line-card); }
  .kr-sepet-bas {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px;
    padding: 12px 16px; border-bottom: 1px solid var(--line-card);
  }
  .kr-sepet-bas h3 { display: inline-flex; align-items: center; gap: 9px; margin: 0; font-size: 17px; font-weight: 800; color: var(--fg-strong); }
  .kr-sepet-bas h3 .icon { width: 20px; height: 20px; color: var(--fg-nav); }
  .kr-sepet-donem button { min-width: 72px; padding: 7px 14px; font-size: 14px; }
  .kr-sepet-satirlar { margin: 0; padding: 0 16px; list-style: none; background: var(--surface); }
  .kr-sepet-satir {
    display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(96px, auto); align-items: center; gap: 6px 16px;
    padding: 13px 0; border-bottom: 1px solid var(--line-soft);
  }
  .kr-sepet-satir:last-child { border-bottom: 0; }
  .kr-sepet-ad b { display: block; font-size: 15px; color: var(--fg-strong); }
  .kr-sepet-ad small { display: block; margin-top: 2px; font-size: 13px; color: var(--fg-muted); }
  .kr-sepet-tutar { font-size: 16px; font-weight: 800; color: var(--fg-strong); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
  .kr-sepet-bos { padding: 14px 0; font-size: 14px; color: var(--fg-muted); }
  /* KDV satırı: kalemlerden ayrı, sakin */
  .kr-sepet-satir--kdv .kr-sepet-ad b { font-size: 14.5px; color: var(--fg-2); }
  .kr-sepet-satir--kdv .kr-sepet-tutar { font-size: 15px; color: var(--fg-2); }
  /* her alımın KDV'si hemen altında, girintili (alım satırıyla bir bütün) */
  .kr-sepet-satir--ust { border-bottom: 0; padding-bottom: 6px; }
  .kr-sepet-satir--alt { padding-top: 0; padding-left: 16px; }
  .kr-sepet-satir--alt .kr-sepet-ad b { font-size: 13.5px; font-weight: 700; }
  .kr-sepet-satir--alt .kr-sepet-ad small { font-size: 12px; }
  .kr-sepet-satir--alt .kr-sepet-tutar { font-size: 14px; }
  /* yıllıkta "11 ay fiyatına 12 ay kullanım · … indirim" */
  .kr-sepet-ad small.kr-sepet-indirim { color: var(--kr-iyi); font-weight: 700; }
  /* indirim kodu satırı: eksi tutar yeşil */
  .kr-sepet-satir--indirim .kr-sepet-tutar { color: var(--kr-iyi); }
  .kr-sepet-dip-ad .kr-sepet-kdv-dahil { margin-left: 6px; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--line-card); background: var(--surface);
    font-size: 11.5px; font-weight: 800; letter-spacing: .02em; text-transform: none; color: var(--fg-2); }
  /* ek cihaz adedi sepette de değişir (üstteki sayaçla aynı) */
  .kr-sepet-adet { display: inline-grid; grid-template-columns: 30px 34px 30px; align-items: stretch; height: 30px; }
  .kr-sepet-adet button {
    border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--fg-nav); font-size: 17px; font-weight: 800; line-height: 1; cursor: pointer;
  }
  .kr-sepet-adet button:first-child { border-radius: 8px 0 0 8px; }
  .kr-sepet-adet button:last-child { border-radius: 0 8px 8px 0; }
  .kr-sepet-adet button:hover { background: var(--surface-3); }
  .kr-sepet-adet output {
    display: grid; place-items: center; border-block: 1px solid var(--line-strong); background: var(--surface);
    font-size: 14px; font-weight: 800; color: var(--fg-strong); font-variant-numeric: tabular-nums;
  }
  .kr-sepet-not {
    margin: 0; padding: 10px 16px; border-top: 1px solid var(--kr-uyari-cizgi); background: var(--kr-uyari-bg);
    font-size: 13.5px; font-weight: 700; line-height: 1.5; color: var(--kr-uyari-fg);
  }
  .kr-sepet-dip {
    display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px;
    padding: 14px 16px; border-top: 2px solid var(--line-card);
  }
  .kr-sepet-dip-ad { font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-muted); }
  .kr-sepet-dip-ad small { margin-left: 6px; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
  .kr-sepet-dip b { font-size: 26px; color: var(--fg-strong); font-variant-numeric: tabular-nums; }
  .kr-siparis-sure { margin: -6px 0 16px; font-size: 14px; line-height: 1.55; color: var(--fg-2); }

  /* geniş tablo kendi içinde kayar; kartı (ve telefonda sayfayı) genişletmez — relative: içindeki
     sr-only (absolute) yazılar da kutuda kalır, sayfayı yana taşırmaz */
  .kr-tablo-kutu { position: relative; overflow-x: auto; contain: inline-size; }
  .kr-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
  .kr-tablo th, .kr-tablo td { padding: 10px 12px; border-bottom: 1px solid var(--line-soft); text-align: left; white-space: nowrap; }
  .kr-tablo thead th { font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--fg-muted); }
  .kr-tablo .kr-sayi { text-align: right; font-weight: 800; font-variant-numeric: tabular-nums; }
  /* siparişler: ek cihaz ve havale kodu alt satırda (tablo sığsın, durum kesilmesin) */
  .kr-siparis-iki small { display: block; margin-top: 2px; font-size: 12px; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  /* Fatura sütunu gelince (1.108) yedi sütun: hücre boşluğu biraz dar, kart genişliğine sığsın */
  .kr-tablo--siparis th, .kr-tablo--siparis td { padding-inline: 8px; }
  .kr-tablo--siparis th:first-child, .kr-tablo--siparis td:first-child { padding-left: 12px; }

  /* tanıtım sayfasında paket kartları */
  /* satırlar kartlar arasında ortak (subgrid; panel kartlarıyla aynı): içerik satırları aynı hizada */
  .kr-paket-vitrin { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); column-gap: 10px; margin-top: 22px; }
  .kr-paket-vitrin-kart {
    display: grid; grid-template-rows: subgrid; margin-bottom: 10px; padding: 14px 16px;
    border-radius: 12px; background: var(--surface); border: 1px solid var(--line-card);
  }
  .kr-paket-vitrin-kart b { display: block; font-size: 15px; color: var(--fg-strong); }
  .kr-paket-vitrin-kart span { display: block; margin-top: 4px; font-size: 13px; color: var(--fg-muted); }
  .kr-paket-vitrin-kart strong { display: block; margin-top: 8px; font-size: 19px; color: var(--fg-nav); }
  .kr-paket-vitrin-kart ul {
    display: grid; grid-template-rows: subgrid; gap: 0; margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid var(--line-soft); list-style: none;
    font-size: 12.5px; line-height: 1.45; color: var(--fg-2);
  }
  .kr-paket-vitrin-kart li { position: relative; margin-bottom: 5px; padding-left: 16px; }
  .kr-paket-vitrin-kart li:last-child { margin-bottom: 0; }
  .kr-paket-vitrin-kart li.kr-paket-vitrin-yok { color: var(--fg-muted); }
  /* pakette olmayan: ✗ (paneldeki kartlarla aynı; kullanıcı isteği, 20.10.2026) */
  .kr-paket-vitrin-kart li.kr-paket-vitrin-yok::before {
    content: "✕"; top: 0; left: 1px; width: auto; height: auto; border: 0; transform: none;
    font-size: 10.5px; font-weight: 900; line-height: 1.75; color: var(--fg-muted);
  }
  .kr-paket-vitrin-kart li::before {
    content: ""; position: absolute; left: 2px; top: .42em; width: 8px; height: 4px;
    border-left: 2px solid var(--kr-iyi); border-bottom: 2px solid var(--kr-iyi); transform: rotate(-45deg);
  }

  /* ——————————————————————————— şubeler ——————————————————————————— */
  .kr-sube-liste { display: grid; gap: 10px; margin: 0 0 16px; padding: 0; list-style: none; }
  .kr-sube-liste:empty { display: none; }
  .kr-sube {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 10px 14px;
    padding: 14px 16px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line-card);
  }
  .kr-sube-ikon {
    display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px;
    background: var(--surface); border: 1px solid var(--line-card); color: var(--fg-nav);
  }
  .kr-sube-ikon .icon { width: 18px; height: 18px; }
  .kr-sube-bilgi { display: grid; justify-items: start; gap: 3px; min-width: 0; }
  .kr-sube-ad { font-size: 15.5px; color: var(--fg-strong); overflow-wrap: anywhere; }
  .kr-sube-adres { font-size: 14px; line-height: 1.45; color: var(--fg-2); overflow-wrap: anywhere; }
  .kr-sube-tel {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 700; color: var(--fg-2); font-variant-numeric: tabular-nums;
  }
  .kr-sube-tel > span { display: inline-flex; color: var(--fg-muted); }
  .kr-sube-tel .icon { width: 14px; height: 14px; }
  .kr-sube-eksik { font-weight: 400; font-style: italic; color: var(--fg-muted); }
  .kr-sube-not { margin-top: 3px; font-size: 12.5px; line-height: 1.5; color: var(--fg-muted); }
  .kr-sube-not a { color: var(--fg-nav); font-weight: 700; }
  .kr-sube-eylem { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
  .kr-sube-link { grid-column: 1 / -1; display: grid; gap: 10px; }
  .kr-link-goster--sube { padding: 10px 12px; background: var(--surface); }
  .kr-link-goster--sube .kr-link-adres { font-size: 15px; }
  .kr-link-goster--sube .kr-link-eylem { flex-wrap: wrap; }
  /* şube formunun altında otomatik oluşan link */
  .kr-sube-oto {
    display: grid; gap: 7px; margin: 2px 0 18px; padding: 12px 14px; border-radius: 12px;
    background: var(--surface-2); border: 1px dashed var(--line-accent);
  }
  .kr-sube-oto-etiket { font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-sube-oto-etiket small {
    margin-left: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--kr-iyi);
  }
  .kr-etiket-not { margin-left: 6px; font-size: 12px; font-weight: 600; color: var(--fg-muted); }
  .kr-etiket-not:empty { display: none; }
  .kr-sube-oto .kr-alan-ipucu { margin: 0; }

  /* Zorunlu kısım: başlığın yanında "N/10" ve durumu — sarı Eksik, yeşil
     Tamamlandı (kurumsal-panel.js kisimCiz). Her kartta aynı yerde. */
  .kr-kart-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 18px; }
  .kr-kart-bas h2 { margin: 0; }
  .kr-plan-bas .kr-kart-bas { margin-bottom: 6px; }
  .kr-kurulum .kr-kart-bas { margin-bottom: 10px; }
  .kr-kisim { display: inline-flex; align-items: stretch; flex: none; border-radius: var(--r-full); overflow: hidden; border: 1px solid var(--kr-eksik-cizgi); }
  .kr-kisim:empty { display: none; }
  .kr-kisim > span {
    display: inline-flex; align-items: center; padding: 3px 10px;
    font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }
  .kr-kisim-no { border-right: 1px solid var(--kr-eksik-cizgi); }
  .kr-kisim--eksik { background: var(--kr-eksik-bg); }
  .kr-kisim--eksik > span { color: var(--kr-eksik-fg); }
  .kr-kisim--tamam { background: var(--up-bg); border-color: var(--up-line); }
  .kr-kisim--tamam > span { color: var(--kr-iyi); }
  .kr-kisim--tamam .kr-kisim-no { border-right-color: var(--up-line); }
  .kr-kisim--tamam .kr-kisim-durum::before { content: "✓"; margin-right: 5px; font-weight: 900; }
  .kr-kurulum-adim > .kr-kisim { margin-top: 1px; }
  /* Genel'deki "Git" ile kaydırılınca başlık üst barın altında kalmasın */
  [data-kisim-kart] { scroll-margin-top: calc(var(--hdr-h, 64px) + 16px); }

  /* Kaydet: kartın sağ altında; yalnız kaydedilmemiş değişiklik varken
     görünür, gizliyken yeri durur (alttaki içerik kaymaz). */
  .kr-kaydet-sira { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 18px; }
  .kr-kaydet-sira [data-kaydet], .kr-kaydet-sira [data-marj-kaydet] { margin-left: auto; }
  .kr-kaydet--gizli { visibility: hidden; }

  /* Boş bırakılan zorunlu alan: kırmızıyla çevrilir (kurumsal.js alanlariIsaretle) */
  .kr-alan--eksik { position: relative; isolation: isolate; }
  .kr-alan--eksik::before {
    content: ""; position: absolute; inset: -8px -10px; z-index: -1; pointer-events: none;
    border: 2px solid var(--kr-hata); border-radius: 12px; background: var(--down-bg);
  }
  .kr-alan--eksik .kr-alan-hata { font-weight: 800; }
  .kr-birim-hata { margin: -6px 0 14px; }

  /* Profil → E-posta doğrulaması */
  .kr-eposta-durum { margin: 0 0 12px; font-size: 14px; font-weight: 700; }
  .kr-eposta-durum--iyi { color: var(--kr-iyi); }
  .kr-eposta-durum--uyari { color: var(--kr-uyari-fg); }

  /* seçenek kartı (radyo; Link kartındaki şube linki seçimi) */
  .kr-sifre-secenek {
    display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 12px; cursor: pointer;
    border: 1px solid var(--line-card); background: var(--surface-2);
  }
  .kr-sifre-secenek:has(input:checked) { border-color: var(--blue2); box-shadow: 0 0 0 1px var(--blue2); background: var(--surface-3); }
  .kr-sifre-secenek input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--blue2); }
  .kr-sifre-secenek span { display: grid; gap: 3px; }
  .kr-sifre-secenek b { font-size: 15px; color: var(--fg-strong); }
  .kr-sifre-secenek small { font-size: 13px; line-height: 1.5; color: var(--fg-muted); }

  /* 2. şube ve sonrası: alt satır, bant, renk satırları. Satırın sonunda
     üstte "1. şube ile aynı", altında (alt satırda) "Adres · telefon". */
  .kr-sube-farklar { display: grid; gap: 14px; margin: -4px 0 18px; padding: 12px 14px; border-radius: 12px; background: var(--surface-2); border: 1px dashed var(--line-strong); }
  .kr-sube-fark { display: grid; gap: 6px; }
  .kr-sube-fark-ad { font-size: 13px; font-weight: 800; color: var(--fg-2); }
  .kr-sube-fark .kr-bant-ac { margin-bottom: 2px; }
  .kr-sube-fark-govde { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; }
  .kr-sube-fark-yan { display: grid; justify-items: start; gap: 6px; }
  .kr-sube-ayni { align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--fg-2); white-space: nowrap; }
  .kr-sube-ayni input { margin: 0; }
  .kr-girdi:disabled { background: var(--surface-3); color: var(--fg-muted); cursor: not-allowed; }
  .kr-sube-fark--kisa { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; }
  .kr-sube-fark--kisa .kr-bant-ac { margin: 0; }
  .kr-onay:has(input:disabled) { cursor: not-allowed; }
  @media (max-width: 560px) {
    .kr-sube-fark-govde, .kr-sube-fark--kisa { grid-template-columns: minmax(0, 1fr); }
  }

  /* Profil: resmi ad ve yanında şirket türü */
  .kr-resmi-ad { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 210px); gap: 8px 10px; }
  @media (max-width: 560px) {
    .kr-resmi-ad { grid-template-columns: minmax(0, 1fr); }
  }

  /* Ekran akışı: 2. şube ve sonrası */
  .kr-akis-birinci { margin: -8px 0 16px; font-size: 13.5px; font-weight: 700; color: var(--fg-nav); }
  .kr-akis-subeler { display: grid; gap: 12px; margin: 4px 0 20px; }
  .kr-akis-sube { margin: 0; padding: 12px 14px 14px; border-radius: 12px; border: 1px dashed var(--line-strong); background: var(--surface-2); }
  .kr-akis-sube legend { padding: 0 6px; font-size: 13.5px; font-weight: 800; color: var(--fg-strong); }
  /* işaret kalkınca: 1. şubenin denetimlerinin birebir kopyası */
  .kr-akis-sube-ayar { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line-card); }
  .kr-akis-sube-ayar .kr-alan:last-child { margin-bottom: 0; }
  .kr-akis-sube > .kr-onay b { color: var(--fg-strong); }

  /* Ekran görünümü → Üstte iletişim bilgileri: telefon, e-posta, web (değeri yanında) */
  .kr-iletisim-sec { border: 0; padding: 0; margin: 0 0 16px; min-width: 0; }
  .kr-iletisim-sec legend { margin-bottom: 8px; padding: 0; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-iletisim-secenekler { display: flex; flex-wrap: wrap; gap: 8px 22px; }
  .kr-iletisim-secenekler small { font-size: 12.5px; font-weight: 600; color: var(--fg-muted); }
  .kr-iletisim-sec .kr-alan-ipucu { margin: 6px 0 0; }

  /* Link kartı: şube linki istemiyorum / istiyorum (.kr-sifre-secenek kartları) */
  .kr-sube-linki { border: 0; padding: 0; margin: 4px 0 18px; min-width: 0; }
  .kr-sube-linki legend { margin-bottom: 8px; padding: 0; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-sube-linki-secim { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }

  /* Ekran görünümü: alt satır, bant ve renk şube şube (Ekran akışı'ndaki kutular gibi) */
  .kr-gorunum-sube { border: 0; padding: 0; margin: 0; min-width: 0; }
  .kr-gorunum-sube--kart { margin: 0 0 14px; padding: 12px 14px 2px; border-radius: 12px; border: 1px dashed var(--line-strong); background: var(--surface-2); }
  .kr-gorunum-sube-ad { padding: 0 6px; font-size: 13.5px; font-weight: 800; color: var(--fg-strong); }
  .kr-gorunum-subeler { display: grid; gap: 12px; margin: 0 0 18px; }
  .kr-gorunum-subeler .kr-gorunum-sube--kart { margin: 0; padding-bottom: 14px; }
  .kr-gorunum-sube-ayni b { color: var(--fg-strong); }
  .kr-gorunum-sube-ayar { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line-card); }
  .kr-gorunum-sube-ayar .kr-alan:last-child { margin-bottom: 0; }

  /* Şube formu: ana link henüz yoksa "Link yüklenecek" */
  .kr-sube-oto-bekle {
    display: flex; align-items: center; gap: 8px; margin: 0; padding: 10px 12px; border-radius: 10px;
    border: 1px dashed var(--line-strong); background: var(--surface); font-size: 14px; font-weight: 800; color: var(--fg-muted);
  }
  .kr-sube-oto-bekle .icon { flex: none; width: 16px; height: 16px; }
  .kr-sube-oto-etiket small[data-durum="bekle"], .kr-sube-oto-etiket small[data-durum="yok"] { color: var(--fg-muted); }

  /* Ekran akışı → Birim düzeni: ayır (başlıklı, boyları farklı üç blok) /
     birleştir (başlıksız, eşit üç sütun) */
  [data-akis-birim] { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
  [data-akis-birim] legend { margin-bottom: 8px; padding: 0; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  [data-akis-birim].kr-akis-pasif .kr-duzen > * { opacity: .45; }
  .kr-duzenler--iki { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
  .kr-duzen-sema--ayir i { align-self: flex-start; height: 100%; box-shadow: inset 0 5px 0 var(--blue2); opacity: .6; }
  .kr-duzen-sema--ayir i:nth-child(1) { height: 72%; }
  .kr-duzen-sema--ayir i:nth-child(3) { height: 56%; }

  .kr-link-form h3 { margin: 0; font-size: 16px; color: var(--fg-strong); }
  /* Link kutusu link adının altında (kopyala / ekranı aç) */
  .kr-link-form [data-link-var] { margin: 2px 0 10px; }
  .kr-link-form [data-link-var] .kr-link-notlar { margin-top: 8px; font-size: 13px; }
  /* Profil → İşletme bilgileri: "İşletme profili" ve "Yetkili bilgileri" başlıkları */
  .kr-form-bolum { margin: 0 0 14px; font-size: 15.5px; font-weight: 800; color: var(--fg-strong); }
  .kr-form-bolum--ayrac { margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--line-card); }

  /* şube formu: solda alanlar, sağda harita; dar kartta alt alta */
  .kr-sube-form {
    container-type: inline-size;
    margin: 0 0 16px; padding: clamp(16px, 2vw, 22px); border-radius: 14px;
    background: var(--surface); border: 1px solid var(--line-accent); box-shadow: 0 0 0 3px var(--kr-halka);
  }
  .kr-sube-form h3 { margin: 0 0 16px; font-size: 16.5px; color: var(--fg-strong); overflow-wrap: anywhere; }
  .kr-sube-duzen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 4px 20px; align-items: start; }
  @container (max-width: 620px) {
    .kr-sube-duzen { grid-template-columns: minmax(0, 1fr); }
  }
  .kr-girdi--metin { height: auto; min-height: 96px; padding: 11px 14px; line-height: 1.45; resize: vertical; font: inherit; font-size: 15.5px; }
  .kr-sube-bul { justify-self: start; display: inline-flex; align-items: center; gap: 6px; }
  .kr-harita-kap { display: grid; gap: 8px; margin-bottom: 18px; }
  /* isolation: Leaflet'in katmanları (z-index 400–1000) üst barın ve pencerelerin üstüne çıkmasın */
  .kr-harita {
    position: relative; z-index: 0; isolation: isolate;
    height: clamp(240px, 34vh, 340px); border-radius: 12px; overflow: hidden;
    border: 1px solid var(--line-strong); background: var(--surface-2);
  }
  .kr-harita-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
  .kr-harita-alt .kr-alan-ipucu { margin: 0; }
  .kr-harita-alt .kr-kucuk-dugme { margin-left: 0; }
  /* Çalışma saatleri (haritanın altında): işaretli gün açık — açılış – kapanış; kapalı gün "Kapalı" */
  .kr-calisma { display: grid; gap: 8px; min-width: 0; margin: 6px 0 0; padding: 14px 14px 12px; border: 1px solid var(--line-card); border-radius: 12px; background: var(--surface-2); }
  .kr-calisma legend { padding: 0 6px; margin-left: -6px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-calisma > .kr-alan-ipucu { margin: 0; }
  .kr-calisma-liste { display: grid; gap: 4px; }
  .kr-calisma-gun { display: grid; grid-template-columns: 116px minmax(0, 1fr); align-items: center; column-gap: 10px; min-height: 40px; }
  .kr-calisma-ad { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--fg-2); cursor: pointer; }
  .kr-calisma-ad input { flex: none; width: 17px; height: 17px; margin: 0; accent-color: var(--blue2); cursor: pointer; }
  .kr-calisma-aralik { display: none; align-items: center; gap: 6px; min-width: 0; }
  .kr-calisma-gun--acik .kr-calisma-aralik { display: flex; }
  .kr-calisma-gun--acik .kr-calisma-kapali { display: none; }
  .kr-calisma-kapali { font-size: 13.5px; color: var(--fg-muted); }
  .kr-calisma-saat { width: 108px; min-width: 0; height: 36px; padding: 0 8px; font-size: 14.5px; font-variant-numeric: tabular-nums; }
  .kr-calisma-tire { color: var(--fg-muted); }
  .kr-calisma-not { grid-column: 2; font-size: 12px; color: var(--fg-muted); }
  .kr-calisma-not:empty { display: none; }
  .kr-calisma > .kr-kucuk-dugme { justify-self: start; margin-left: 0; }
  .kr-calisma.kr-alan--eksik { border-color: var(--kr-hata); }
  .kr-calisma .kr-alan-hata { margin: 0; }
  @container (max-width: 380px) {
    .kr-calisma { padding: 12px 10px 10px; }
    .kr-calisma-gun { grid-template-columns: 92px minmax(0, 1fr); column-gap: 6px; }
    .kr-calisma-ad { gap: 6px; font-size: 13px; }
    .kr-calisma-aralik { gap: 4px; }
    .kr-calisma-saat { flex: 1 1 0; width: auto; max-width: 108px; padding: 0 4px; font-size: 13.5px; }
  }
  /* haritadaki iğne: marka mavisi damla; ucu iconAnchor'da (14, 31) */
  .kr-harita-igne span {
    position: absolute; left: 1px; top: 0; box-sizing: border-box; width: 26px; height: 26px;
    border-radius: 50% 50% 50% 0; transform: rotate(-45deg);
    background: var(--blue2); border: 3px solid #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .35);
  }
  .kr-harita-igne span::after { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #fff; }

  /* Ekran görünümü → Alt satır: şubeden adres ve telefon */
  .kr-alt-oneri { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
  .kr-alt-oneri-yazi { font-size: 12.5px; font-weight: 800; color: var(--fg-muted); }
  .kr-alt-oneri-liste { display: contents; }
  .kr-alt-oneri > a { font-size: 12.5px; font-weight: 700; color: var(--fg-nav); }
  .kr-cip {
    display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 4px 11px 4px 9px;
    border-radius: var(--r-full); border: 1px solid var(--line-card); background: var(--surface-2);
    color: var(--fg-nav); font-size: 12.5px; font-weight: 800; cursor: pointer;
  }
  .kr-cip > span { display: inline-flex; }
  .kr-cip .icon { width: 13px; height: 13px; }
  .kr-cip:hover:not(:disabled) { border-color: var(--line-accent); }
  .kr-cip[aria-pressed="true"] { border-color: var(--blue2); background: var(--surface-3); box-shadow: 0 0 0 1px var(--blue2); }
  .kr-cip:disabled { cursor: not-allowed; opacity: .55; }

  /* Link kutusunun altında: Özel link al (firmanın web sitesinde /doviz) */
  .kr-ozel-link {
    margin-top: 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line-card);
    transition: border-color var(--dur-2) var(--ease);
  }
  .kr-ozel-link[open] { border-color: var(--line-accent); }
  .kr-ozel-link summary {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px;
    padding: 11px 14px; border-radius: 12px; cursor: pointer; list-style: none;
  }
  .kr-ozel-link summary::-webkit-details-marker { display: none; }
  .kr-ozel-link summary::after {
    content: ""; flex: none; width: 8px; height: 8px; margin-left: auto;
    border-right: 2.5px solid var(--fg-nav); border-bottom: 2.5px solid var(--fg-nav);
    transform: translateY(-2px) rotate(45deg);
    transition: transform var(--dur-2) var(--ease);
  }
  .kr-ozel-link[open] summary::after { transform: translateY(2px) rotate(225deg); }
  .kr-ozel-link-bas { display: inline-flex; align-items: center; gap: 7px; font-size: 14.5px; font-weight: 800; color: var(--fg-nav); }
  .kr-ozel-link-bas .icon { width: 16px; height: 16px; }
  .kr-ozel-link summary:hover .kr-ozel-link-bas { text-decoration: underline; text-underline-offset: 3px; }
  .kr-ozel-link-ozet { font-size: 14px; font-weight: 800; color: var(--fg-strong); word-break: break-all; }
  .kr-ozel-link-govde { display: grid; gap: 10px; padding: 0 14px 14px; font-size: 14px; line-height: 1.55; color: var(--fg-2); }
  .kr-ozel-link-govde p { margin: 0; }
  .kr-ozel-link-govde b { color: var(--fg-strong); }
  .kr-ozel-link-yon {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
    padding: 10px 12px; border-radius: 10px; background: var(--surface-2); border: 1px dashed var(--line-accent);
    font-size: 13.5px; color: var(--fg-muted);
  }
  .kr-ozel-link-yon code { font-family: inherit; font-weight: 800; color: var(--fg-nav); word-break: break-all; }
  .kr-ozel-link-govde .kr-link-eylem { flex-wrap: wrap; }
  .kr-link-form .kr-ozel-link-govde .kr-link-notlar { margin-top: 0; }
  /* Paketin açmadığı seçenek: soluk, tıklanmaz; yanında hangi pakette olduğu */
  .kr-kilitli { opacity: .5; cursor: not-allowed; }
  .kr-kilitli input { cursor: not-allowed; }
  .kr-kilit-not {
    display: flex; align-items: flex-start; gap: 8px; margin: 8px 0 0; padding: 9px 12px; border-radius: 10px;
    background: var(--surface-2); border: 1px dashed var(--line-accent);
    font-size: 13px; line-height: 1.5; color: var(--fg-2);
  }
  .kr-kilit-not a { color: var(--fg-nav); font-weight: 800; white-space: nowrap; }
  .kr-kilit-ikon { display: inline-flex; flex: none; margin-top: 2px; color: var(--fg-nav); }
  .kr-kilit-ikon .icon { width: 14px; height: 14px; }
  /* Raporlama İşletme Pro'da: kilitliyken yalnız başlık ve kilit kartı */
  .kr-rapor--kilitli > :not(.kr-sayfa-bas):not([data-rapor-kilit]) { display: none; }
  .kr-rapor-kilit { display: grid; justify-items: start; gap: 10px; }
  .kr-rapor-kilit h2 { margin: 0; }
  .kr-rapor-kilit p { margin: 0; max-width: 70ch; line-height: 1.6; color: var(--fg-2); }
  .kr-rapor-kilit-ikon {
    display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
    background: var(--surface-2); border: 1px solid var(--line-card); color: var(--fg-nav);
  }
  .kr-rapor-kilit-ikon .icon { width: 20px; height: 20px; }

  .kr-rapor-kilit-eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
  /* Cihaz takip İşletme PRO'da: cihaz sınırsız, yalnız bu bildirim */
  .kr-takip-pasif { display: grid; justify-items: start; gap: 10px; }
  .kr-takip-pasif h2 { margin: 0; }
  .kr-takip-pasif p { margin: 0; max-width: 70ch; line-height: 1.6; color: var(--fg-2); }
  /* Cihaz takip: hakkın numarası (1, 2, …) */
  .kr-cihaz-no {
    flex: none; display: inline-grid; place-items: center; min-width: 30px; height: 30px; padding: 0 6px; border-radius: 999px;
    background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 13px; font-weight: 800; color: var(--fg-strong); font-variant-numeric: tabular-nums;
  }
  .kr-cihaz-no--bos { background: transparent; border-style: dashed; border-color: var(--line-strong); color: var(--fg-muted); }
  /* Ekran akışı: sığdır ve sırayla yalnız TV ve bilgisayarda */
  .kr-akis-web-not { margin: 4px 0 0; }

  /* Profil → sosyal medya hesapları: simge + ad | link | Linki test et, Kaldır */
  .kr-sosyal { gap: 10px; }
  .kr-sosyal-baslik { font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-sosyal-liste { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
  .kr-sosyal-liste:empty { display: none; }
  .kr-sosyal-satir { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; align-items: center; gap: 6px 12px; }
  .kr-sosyal-ad { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 800; color: var(--fg-strong); }
  .kr-sosyal-ikon {
    display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 10px;
    background: var(--surface-2); border: 1px solid var(--line-card); color: var(--fg-nav);
  }
  .kr-sosyal-ikon .icon { width: 18px; height: 18px; }
  .kr-sosyal-eylem { display: flex; gap: 8px; }
  .kr-sosyal-test[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
  .kr-sosyal-satir .kr-alan-hata { grid-column: 2 / -1; margin: 0; }
  .kr-sosyal-satir.kr-alan--eksik .kr-girdi { border-color: var(--kr-hata); }
  .kr-sosyal-ekle { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .kr-sosyal-menu { display: flex; flex-wrap: wrap; gap: 8px; }
  .kr-sosyal-secenek {
    display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px;
    border: 1px solid var(--line-card); background: var(--surface); color: var(--fg-strong);
    font-size: 14px; font-weight: 700; cursor: pointer;
  }
  .kr-sosyal-secenek:hover, .kr-sosyal-secenek:focus-visible { border-color: var(--line-accent); }
  .kr-sosyal-secenek .icon { width: 17px; height: 17px; color: var(--fg-nav); }
  /* Raporlama → sosyal medya tıklamaları: adın önünde simge */
  .kr-sosyal-rapor-ad { display: inline-flex; align-items: center; gap: 8px; }
  .kr-sosyal-rapor-ad .icon { flex: none; width: 16px; height: 16px; color: var(--fg-nav); }
  @media (max-width: 700px) {
    .kr-sosyal-satir { grid-template-columns: minmax(0, 1fr); }
    .kr-sosyal-satir .kr-alan-hata { grid-column: auto; }
  }

  /* şube kartında: telefon / e-posta şirket profilinden geliyor */
  .kr-sube-sirket {
    padding: 1px 7px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--line-card);
    font-size: 11px; font-weight: 700; color: var(--fg-muted);
  }
}

@layer utilities {
  @media (max-width: 1100px) {
    .kr-plan-araclar { justify-items: start; }
  }
  @media (max-width: 700px) {
    .kr-cihaz-eylem { width: 100%; margin-left: 0; }
    .kr-sube { grid-template-columns: auto minmax(0, 1fr); }
    .kr-sube-eylem { grid-column: 1 / -1; justify-content: flex-start; }
  }
  @media (max-width: 560px) {
    .kr-kural-ust { grid-template-columns: minmax(0, 1fr); }
    .kr-kural-etiket { flex-basis: 100%; }
    .kr-link-girdi { flex-direction: column; }
    .kr-link-girdi .kr-girdi { border-radius: 10px 10px 0 0; }
    .kr-link-son { border-left: 1px solid var(--line-strong); border-top: 0; border-radius: 0 0 10px 10px; padding: 8px 14px; }
  }
}

/* =========================================================================
   92. TUR — Profil'de e-posta doğrulaması, bölüm yardımı, Hızlı profil
   oluşturma, Raporlama (tekil kullanıcı / toplam gösterim, günlük etkileşim,
   görseller), İletişim, Gelen formlar → Çıktı al
   ========================================================================= */
@layer components {
  /* ---- Profil: şirket e-postasının yanında e-posta doğrulaması */
  .kr-dogrula-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-bottom: 6px; }
  .kr-dogrula-bas label { margin: 0; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-dogrula-sira { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 8px; }
  .kr-dogrula-sira .kr-eposta-durum { margin: 0; font-size: 13px; }

  /* ---- Bölüm yardımı: ilk kartın başlık satırının sağında ya da sayfa başlığında */
  .kr-yardim-dugme {
    display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px 0 10px; margin-left: auto;
    border: 1px solid var(--line-accent); border-radius: var(--r-full); background: var(--surface-2);
    font: inherit; font-size: 13px; font-weight: 800; color: var(--fg-nav); cursor: pointer; white-space: nowrap;
    transition: background-color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);
  }
  .kr-yardim-dugme:hover { background: var(--fg-nav); border-color: var(--fg-nav); color: #fff; }
  .kr-yardim-dugme-ikon { display: inline-grid; }
  .kr-yardim-dugme-ikon .icon { width: 17px; height: 17px; }
  .kr-sayfa-bas--yardimli > .kr-yardim-dugme { float: right; margin: 2px 0 8px 14px; }
  .kr-kart-bas > .kr-yardim-dugme { margin-left: auto; }

  /* ---- Yardım penceresi: başlık ve alt satır sabit, içerik kayar */
  .kr-yardim-dialog, .kr-sihirbaz { padding: 0; overflow: hidden; }
  .kr-yardim-dialog[open] { display: flex; flex-direction: column; width: min(780px, calc(100vw - 32px)); max-height: calc(100vh - 40px); }
  .kr-yardim-bas, .kr-sihirbaz-bas {
    display: flex; align-items: center; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--line-card);
    background: var(--surface);
  }
  .kr-yardim-bas > div, .kr-sihirbaz-bas-metin { flex: 1; min-width: 0; }
  .kr-yardim-bas h2, .kr-sihirbaz-bas h2 { margin: 2px 0 0; font-size: 20px; }
  .kr-yardim-bas-ikon {
    display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 13px;
    background: linear-gradient(135deg, var(--hdr-1), var(--hdr-3)); color: #fff;
  }
  .kr-yardim-bas-ikon .icon { width: 22px; height: 22px; }
  .kr-yardim-kapat {
    display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 50%;
    border: 1px solid var(--line-card); background: var(--surface); color: var(--fg-2); cursor: pointer;
  }
  .kr-yardim-kapat:hover { background: var(--surface-2); }
  .kr-yardim-kapat .icon { width: 18px; height: 18px; }
  .kr-yardim-govde { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px 22px 22px; }
  .kr-yardim-giris { margin: 0 0 6px; font-size: 15px; line-height: 1.6; color: var(--fg); }
  .kr-yardim-alt-baslik { margin: 18px 0 10px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--fg-muted); }
  .kr-yardim-adimlar { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
  .kr-yardim-adimlar li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: start; }
  .kr-yardim-adimlar b { display: block; font-size: 14.5px; color: var(--fg-strong); }
  .kr-yardim-adimlar p { margin: 3px 0 0; font-size: 14px; line-height: 1.55; color: var(--fg-2); }
  .kr-yardim-no {
    display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;
    background: var(--surface-2); border: 1px solid var(--line-accent); font-size: 13px; font-weight: 800; color: var(--fg-nav);
  }
  .kr-yardim-ipucu ul { margin: 0; padding-left: 20px; display: grid; gap: 6px; font-size: 14px; line-height: 1.5; color: var(--fg-2); }
  .kr-yardim-alt {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 22px;
    border-top: 1px solid var(--line-card); background: var(--surface);
  }
  .kr-yardim-alt .kr-alt-yazi { margin: 0; font-size: 13px; }
  .kr-dugme-ikon { display: inline-grid; margin-right: 6px; }
  .kr-dugme-ikon .icon { width: 16px; height: 16px; }

  /* örnek doldurulmuş hâl: kesik çerçeveli "ÖRNEK" kartı, alanlar salt okunur kutular */
  .kr-ornek {
    position: relative; margin-top: 20px; padding: 18px; border: 2px dashed var(--line-accent); border-radius: 16px;
    background: linear-gradient(180deg, var(--surface-2), var(--surface));
  }
  .kr-ornek-bas { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
  .kr-ornek-bas h3 { margin: 0; font-size: 16px; color: var(--fg-strong); }
  .kr-ornek-serit {
    padding: 3px 10px; border-radius: var(--r-full); background: var(--fg-nav); color: #fff;
    font-size: 11px; font-weight: 800; letter-spacing: .12em;
  }
  .kr-ornek-grup + .kr-ornek-grup { margin-top: 14px; }
  .kr-ornek-grup h4 { margin: 12px 0 8px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  .kr-ornek-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
  .kr-ornek-alan { display: grid; align-content: start; gap: 5px; min-width: 0; }
  .kr-ornek-alan--tam { grid-column: 1 / -1; }
  .kr-ornek-etiket { font-size: 12.5px; font-weight: 800; color: var(--fg-2); }
  .kr-ornek-deger {
    display: block; min-height: 40px; padding: 9px 12px; border: 1px solid var(--line-strong); border-radius: 10px;
    background: var(--surface); font-size: 14px; color: var(--fg-strong); overflow-wrap: anywhere;
  }
  .kr-ornek-deger--iyi { border-color: var(--up-line); background: var(--up-bg); color: var(--kr-iyi); font-weight: 700; }
  .kr-ornek-deger--uyari { border-color: var(--kr-uyari-cizgi); background: var(--kr-uyari-bg); color: var(--kr-uyari-fg); font-weight: 700; }
  .kr-ornek-not { font-size: 12px; color: var(--fg-muted); }
  .kr-ornek-logo-sira { display: flex; align-items: center; gap: 10px; }
  .kr-ornek-logo {
    display: grid; place-items: center; width: 56px; height: 56px; border-radius: 10px; background: #fff;
    border: 1px solid var(--line-strong); color: #0c6288; font-size: 18px; font-weight: 800; letter-spacing: -.5px;
  }
  .kr-ornek-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
  .kr-ornek-cip {
    padding: 6px 12px; border-radius: var(--r-full); border: 1px solid var(--line-accent); background: var(--surface);
    font-size: 13px; font-weight: 700; color: var(--fg-nav);
  }

  /* ---- Hızlı profil oluşturma penceresi: solda adımlar, sağda adımın kartı, altta Sıradaki */
  .kr-sihirbaz[open] {
    display: grid; grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(1180px, calc(100vw - 32px)); height: min(880px, calc(100vh - 32px)); max-height: none;
  }
  .kr-sihirbaz-sayac { flex: none; padding: 5px 12px; border-radius: var(--r-full); background: var(--surface-2); font-size: 12.5px; font-weight: 800; color: var(--fg-nav); }
  .kr-sihirbaz-ilerleme { height: 6px; margin-top: 10px; border-radius: var(--r-full); background: var(--surface-2); overflow: hidden; }
  .kr-sihirbaz-ilerleme i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--hdr-1), var(--blue2)); transition: width .4s var(--ease); }
  .kr-sihirbaz-govde { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 0; }
  .kr-sihirbaz-yol { min-height: 0; overflow-y: auto; padding: 14px 12px; border-right: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-sihirbaz-yol ol { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
  .kr-sihirbaz-adim {
    display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 10px; width: 100%; padding: 8px 10px;
    border: 1px solid transparent; border-radius: 11px; background: transparent; font: inherit; text-align: left; color: var(--fg); cursor: pointer;
  }
  .kr-sihirbaz-adim:hover { background: var(--surface); }
  .kr-sihirbaz-adim--simdi { background: var(--surface); border-color: var(--blue2); box-shadow: var(--sh-1); }
  .kr-sihirbaz-adim-no {
    display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; font-size: 12.5px; font-weight: 800;
    background: var(--kr-eksik-bg); border: 1px solid var(--kr-eksik-cizgi); color: var(--kr-eksik-fg);
  }
  .kr-sihirbaz-adim--tamam .kr-sihirbaz-adim-no { background: var(--up-bg); border-color: var(--up-line); color: var(--kr-iyi); }
  .kr-sihirbaz-adim-yazi { display: grid; min-width: 0; }
  .kr-sihirbaz-adim-yazi b { font-size: 13.5px; color: var(--fg-strong); }
  .kr-sihirbaz-adim-yazi small { font-size: 11.5px; font-weight: 700; color: var(--kr-eksik-fg); }
  .kr-sihirbaz-adim--tamam .kr-sihirbaz-adim-yazi small { color: var(--kr-iyi); }
  /* ödeme onay bekliyor: mavi (eksik değil) */
  .kr-sihirbaz-adim--bekliyor .kr-sihirbaz-adim-no { background: var(--kr-bekliyor-bg); border-color: var(--kr-bekliyor-cizgi); color: var(--kr-bekliyor-fg); font-size: 13px; }
  .kr-sihirbaz-adim--bekliyor .kr-sihirbaz-adim-yazi small { color: var(--kr-bekliyor-fg); }
  .kr-sihirbaz-icerik { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px 22px; }
  .kr-sihirbaz-ipucu { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 14px; font-size: 14px; line-height: 1.5; color: var(--fg-2); }
  .kr-sihirbaz-kart > .kr-kart { margin-bottom: 0; }
  .kr-sihirbaz-ozel h3 { margin: 0 0 8px; font-size: 18px; color: var(--fg-strong); }
  .kr-sihirbaz-liste { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 6px; font-size: 14px; color: var(--fg-2); }
  .kr-sihirbaz-alt {
    display: flex; align-items: center; gap: 10px; padding: 14px 22px; border-top: 1px solid var(--line-card); background: var(--surface);
  }
  .kr-sihirbaz-durum { flex: 1; margin: 0; font-size: 13.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-sihirbaz-durum--uyari { color: var(--kr-uyari-fg); }
  .kr-sihirbaz-siradaki { min-width: 150px; }

  /* ---- Raporlama: üstte tekil kullanıcı ve toplam gösterim */
  .kr-rapor-ust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
  .kr-kpi--buyuk { padding: 20px 22px; background: radial-gradient(130% 150% at 0% 0%, var(--kr-halka) 0%, transparent 60%), var(--surface); }
  .kr-kpi--buyuk .kr-kpi-ad { font-size: 14px; }
  .kr-kpi--buyuk .kr-kpi-ad .icon { width: 18px; height: 18px; color: var(--fg-nav); }
  .kr-kpi--buyuk .kr-kpi-deger { font-size: 40px; }
  .kr-kpi--buyuk .kr-kpi-alt { font-weight: 600; }
  .kr-rapor-kpi--uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kr-rapor--yukleniyor .kr-rapor-ust, .kr-rapor--yukleniyor .kr-etkilesim, .kr-rapor--yukleniyor .kr-gorsel-rapor { opacity: .55; transition: opacity var(--dur-2) var(--ease); }

  /* günlük etkileşim: dört kutu ve gün gün tablo */
  .kr-etkilesim-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 14px 0 16px; }
  .kr-etkilesim-kutu {
    display: grid; gap: 4px; padding: 12px 14px; border: 1px solid var(--line-card); border-radius: 12px; background: var(--surface-2);
    border-top: 3px solid var(--blue2);
  }
  .kr-etkilesim-kutu--tiklama { border-top-color: var(--hdr-3); }
  .kr-etkilesim-kutu--iban { border-top-color: var(--kr-iyi); }
  .kr-etkilesim-kutu--web { border-top-color: var(--fg-nav); }
  .kr-etkilesim-kutu .kr-kpi-deger { font-size: 24px; }
  .kr-etkilesim-tablo td, .kr-etkilesim-tablo tfoot th { text-align: right; font-variant-numeric: tabular-nums; }
  .kr-etkilesim-tablo thead th:not(:first-child) { text-align: right; }
  .kr-etkilesim-tablo tbody th { font-weight: 700; color: var(--fg-strong); }
  .kr-etkilesim-tablo tbody tr:hover { background: var(--surface-2); }
  .kr-etkilesim-tablo .kr-etkilesim-bos td { color: var(--fg-muted); }
  .kr-etkilesim-tablo .kr-etkilesim-toplam { font-weight: 800; color: var(--fg-strong); }
  .kr-etkilesim-tablo tfoot th, .kr-etkilesim-tablo tfoot td { border-top: 2px solid var(--line-strong); font-weight: 800; }
  .kr-etkilesim-tablo tfoot th { text-align: left; }
  .kr-etkilesim-tablo tfoot .kr-etkilesim-once th, .kr-etkilesim-tablo tfoot .kr-etkilesim-once td { border-top: 0; font-weight: 600; color: var(--fg-muted); }
  .kr-etkilesim .kr-tablo-kutu { max-height: 460px; overflow-y: auto; }
  .kr-etkilesim .kr-tablo thead th { position: sticky; top: 0; z-index: 1; background: var(--surface); }

  /* görseller: görsel görsel gören ve tıklayan */
  .kr-gorsel-tablo td { text-align: right; font-variant-numeric: tabular-nums; }
  .kr-gorsel-tablo thead th:not(:first-child) { text-align: right; }
  .kr-gorsel-tablo td small { margin-left: 6px; }
  .kr-gorsel-rapor-ad { display: flex; align-items: center; gap: 12px; min-width: 0; }
  .kr-gorsel-tablo .kr-gorsel-rapor-resim { width: 46px; height: 46px; flex: none; border-radius: 9px; object-fit: cover; border: 1px solid var(--line-card); background: var(--surface-2); }
  .kr-gorsel-rapor-resim--bos { display: grid; place-items: center; font-size: 13px; color: var(--fg-muted); }
  .kr-gorsel-rapor-yazi { display: grid; min-width: 0; text-align: left; }
  .kr-gorsel-rapor-yazi b { font-size: 14px; color: var(--fg-strong); }
  .kr-gorsel-rapor-yazi small { max-width: 260px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 600; color: var(--fg-muted); }

  /* ---- Gelen formlar: Çıktı al */
  .kr-gelen-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 16px; }
  .kr-gelen-arac .kr-dugme .icon { width: 17px; height: 17px; margin-right: 6px; }
  .kr-gelen-arac .kr-alt-yazi { margin: 0; font-size: 13px; }

  /* ---- İletişim: solda konuşmalar, sağda form ya da konuşma */
  .kr-ilt { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 18px; align-items: start; }
  .kr-ilt > .kr-kart { width: auto; margin: 0; }
  .kr-ilt-liste-kart { padding: 18px; position: sticky; top: 84px; }
  .kr-ilt-liste-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
  .kr-ilt-liste-bas h2 { margin: 0; }
  .kr-ilt-suzgec { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
  .kr-ilt-suzgec button {
    padding: 5px 11px; border: 1px solid var(--line-card); border-radius: var(--r-full); background: var(--surface);
    font: inherit; font-size: 12.5px; font-weight: 700; color: var(--fg-2); cursor: pointer;
  }
  .kr-ilt-suzgec button[aria-checked="true"] { background: var(--fg-nav); border-color: var(--fg-nav); color: #fff; }
  /* koyu temada seçili süzgeç açık mavi: beyaz yazı 2,4:1 kalıyordu, koyu yazı (≥ 4,5:1) */
  :root[data-theme="dark"] .kr-ilt-suzgec button[aria-checked="true"] { color: #04202e; }
  .kr-ilt-liste { display: grid; gap: 8px; max-height: 620px; overflow-y: auto; margin: 0; padding: 0 2px 2px 0; list-style: none; }
  .kr-ilt-oge {
    display: grid; gap: 5px; width: 100%; padding: 12px 14px; border: 1px solid var(--line-card); border-radius: 12px;
    background: var(--surface); font: inherit; text-align: left; color: var(--fg); cursor: pointer;
    transition: border-color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);
  }
  .kr-ilt-oge:hover { border-color: var(--line-accent); background: var(--surface-2); }
  .kr-ilt-oge--secili { border-color: var(--blue2); box-shadow: inset 3px 0 0 var(--blue2); background: var(--surface-2); }
  .kr-ilt-oge--yeni .kr-ilt-oge-baslik::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: var(--blue2); vertical-align: 2px; }
  .kr-ilt-oge-ust, .kr-ilt-oge-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
  .kr-ilt-oge-ust { justify-content: space-between; }
  .kr-ilt-konu-rozet { padding: 2px 8px; border-radius: var(--r-full); background: var(--surface-2); border: 1px solid var(--line-card); font-size: 11px; font-weight: 800; color: var(--fg-2); }
  .kr-ilt-zaman { font-size: 11.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-ilt-oge-baslik { font-size: 14.5px; color: var(--fg-strong); overflow-wrap: anywhere; }
  .kr-ilt-oge-son { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.45; color: var(--fg-muted); }
  .kr-ilt-sayi { margin-left: auto; font-size: 11.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-ilt-yeni { padding: 2px 8px; border-radius: var(--r-full); background: var(--blue2); color: #fff; font-size: 11px; font-weight: 800; }
  .kr-ilt-durum { display: inline-flex; padding: 3px 10px; border-radius: var(--r-full); font-size: 11.5px; font-weight: 800; border: 1px solid; }
  .kr-ilt-durum--bekliyor { background: var(--kr-uyari-bg); border-color: var(--kr-uyari-cizgi); color: var(--kr-uyari-fg); }
  .kr-ilt-durum--yanit { background: var(--up-bg); border-color: var(--up-line); color: var(--kr-iyi); }
  .kr-ilt-durum--kapali { background: var(--surface-2); border-color: var(--line-card); color: var(--fg-muted); }

  .kr-ilt-sag { padding: 22px; min-height: 520px; }
  .kr-ilt-form h2 { margin-bottom: 4px; }
  .kr-ilt-form > .kr-alt-yazi { margin: 0 0 16px; font-size: 13.5px; }
  .kr-ilt-konular { margin: 0 0 16px; padding: 0; border: 0; min-width: 0; }
  .kr-ilt-konular legend { margin-bottom: 8px; font-size: 14px; font-weight: 800; color: var(--fg-strong); }
  /* konu kartları: sığdığı kadar sütun, kart en az 168 px (dar sütunda yazı kelime kelime kırılmasın) */
  .kr-ilt-konu-sec { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 168px), 1fr)); gap: 8px; }
  .kr-ilt-konu {
    display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px 12px;
    border: 1px solid var(--line-card); border-radius: 12px; background: var(--surface); font: inherit; text-align: left; color: var(--fg); cursor: pointer;
    transition: border-color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);
  }
  .kr-ilt-konu:hover { border-color: var(--line-accent); }
  .kr-ilt-konu[aria-checked="true"] { border-color: var(--blue2); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--blue2); }
  .kr-ilt-konu-ikon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--surface-2); color: var(--fg-nav); }
  .kr-ilt-konu[aria-checked="true"] .kr-ilt-konu-ikon { background: var(--fg-nav); color: #fff; }
  .kr-ilt-konu-ikon .icon { width: 17px; height: 17px; }
  .kr-ilt-konu-yazi { display: grid; min-width: 0; }
  .kr-ilt-konu-yazi b { font-size: 13.5px; line-height: 1.3; color: var(--fg-strong); }
  .kr-ilt-konu-yazi small { font-size: 11.5px; color: var(--fg-muted); }
  .kr-ilt-metin { min-height: 150px; resize: vertical; line-height: 1.5; }
  .kr-ilt-alt { display: flex; align-items: flex-start; gap: 10px; }
  .kr-ilt-alt .kr-alan-hata { flex: 1; }
  .kr-ilt-sayac { margin-left: auto; padding-top: 4px; font-size: 12px; font-weight: 700; color: var(--fg-muted); font-variant-numeric: tabular-nums; }
  .kr-ilt-gonder-sira { display: flex; justify-content: flex-end; }
  .kr-ilt-gonder-sira .icon, .kr-ilt-yanit-eylem .icon { width: 16px; height: 16px; margin-right: 7px; }

  .kr-ilt-konusma { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 480px; }
  .kr-ilt-konusma[hidden] { display: none; }
  .kr-ilt-konusma-bas { display: flex; align-items: flex-start; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--line-card); }
  .kr-ilt-konusma-baslik { flex: 1; min-width: 0; }
  .kr-ilt-konusma-baslik h2 { margin: 0 0 4px; overflow-wrap: anywhere; }
  .kr-ilt-konusma-alt { font-size: 12.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-ilt-geri { display: none; place-items: center; width: 36px; height: 36px; flex: none; border: 1px solid var(--line-card); border-radius: 50%; background: var(--surface); color: var(--fg-2); cursor: pointer; }
  .kr-ilt-geri .icon { width: 18px; height: 18px; }
  .kr-ilt-mesajlar { display: grid; align-content: start; gap: 12px; max-height: 520px; overflow-y: auto; margin: 0; padding: 16px 4px; list-style: none; }
  .kr-ilt-gun { justify-self: center; padding: 3px 12px; border-radius: var(--r-full); background: var(--surface-2); font-size: 11.5px; font-weight: 800; color: var(--fg-muted); }
  .kr-ilt-balon-sira { display: flex; align-items: flex-end; gap: 10px; max-width: 82%; }
  .kr-ilt-balon-sira--biz { flex-direction: row-reverse; justify-self: end; }
  .kr-ilt-avatar {
    display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%;
    background: var(--surface-2); border: 1px solid var(--line-card); font-size: 14px; font-weight: 800; color: var(--fg-nav);
  }
  .kr-ilt-avatar--buluro { background: linear-gradient(135deg, var(--hdr-1), var(--hdr-3)); border-color: transparent; color: #fff; font-size: 17px; letter-spacing: -.5px; }
  .kr-ilt-balon { padding: 10px 14px; border-radius: 16px 16px 16px 4px; background: var(--surface-2); border: 1px solid var(--line-card); }
  .kr-ilt-balon-sira--biz .kr-ilt-balon { border-radius: 16px 16px 4px 16px; background: var(--fg-nav); border-color: var(--fg-nav); color: #fff; }
  .kr-ilt-balon-ust { display: flex; align-items: baseline; gap: 10px; margin-bottom: 3px; font-size: 12px; }
  .kr-ilt-balon-ust b { font-weight: 800; }
  .kr-ilt-balon-ust time { opacity: .75; }
  .kr-ilt-balon p { margin: 0; font-size: 14px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
  .kr-ilt-yanit { display: grid; gap: 10px; padding-top: 14px; border-top: 1px solid var(--line-card); }
  .kr-ilt-yanit textarea { min-height: 84px; resize: vertical; line-height: 1.5; }
  .kr-ilt-kapali-not { margin: 0; padding: 8px 12px; border-radius: 10px; background: var(--surface-2); font-size: 13px; font-weight: 700; color: var(--fg-muted); }
  .kr-ilt-yanit-eylem { display: flex; align-items: center; gap: 10px; }
}

@layer utilities {
  @media (max-width: 1100px) {
    .kr-ilt-konu-sec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kr-etkilesim-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 900px) {
    /* İletişim: liste ve konuşma sırayla; konuşma açıkken liste gizli, geri düğmesi görünür */
    .kr-ilt { grid-template-columns: minmax(0, 1fr); }
    .kr-ilt-liste-kart { position: static; }
    .kr-ilt--konusma .kr-ilt-liste-kart { display: none; }
    .kr-ilt-geri { display: grid; }
    .kr-ilt-sag { min-height: 0; }
    .kr-sihirbaz-govde { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
    .kr-sihirbaz-yol { border-right: 0; border-bottom: 1px solid var(--line-card); padding: 10px; }
    .kr-sihirbaz-yol ol { grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; }
    .kr-sihirbaz-adim-yazi small { display: none; }
  }
  @media (max-width: 700px) {
    .kr-rapor-ust, .kr-rapor-kpi--uc { grid-template-columns: minmax(0, 1fr); }
    .kr-ornek-izgara { grid-template-columns: minmax(0, 1fr); }
    .kr-sihirbaz[open] { width: 100vw; height: 100dvh; max-width: none; border-radius: 0; }
    .kr-sihirbaz-alt { flex-wrap: wrap; padding: 12px 14px; }
    .kr-sihirbaz-durum { flex-basis: 100%; order: -1; }
    .kr-sihirbaz-siradaki { min-width: 0; margin-left: auto; }
    .kr-sihirbaz-icerik { padding: 14px; }
    /* başlık satırı: sayaç ilerleme çubuğunda zaten görünüyor; simge küçük, başlık tek satıra yakın */
    .kr-sihirbaz-bas, .kr-yardim-bas { gap: 10px; padding: 12px 14px; }
    .kr-sihirbaz-sayac { display: none; }
    .kr-sihirbaz-bas .kr-ust-etiket, .kr-yardim-bas .kr-ust-etiket { font-size: 10.5px; letter-spacing: .12em; }
    .kr-sihirbaz-bas h2, .kr-yardim-bas h2 { font-size: 16.5px; line-height: 1.25; }
    .kr-yardim-bas-ikon { width: 36px; height: 36px; border-radius: 11px; }
    .kr-yardim-bas-ikon .icon { width: 18px; height: 18px; }
    .kr-yardim-alt { padding: 12px 14px; }
    .kr-yardim-alt .kr-alt-yazi { flex-basis: 100%; }
    .kr-yardim-govde { padding: 14px; }
    .kr-yardim-dialog[open] { width: 100vw; max-height: 100dvh; max-width: none; border-radius: 0; }
    .kr-sayfa-bas--yardimli > .kr-yardim-dugme { float: none; margin: 0 0 10px; }
  }
  @media (max-width: 560px) {
    .kr-ilt-konu-sec { grid-template-columns: minmax(0, 1fr); }
    .kr-ilt-balon-sira { max-width: 94%; }
    .kr-ilt-sag { padding: 16px; }
  }

  /* ---- Genel: Linkiniz eylemleri (Kopyala · Aç · QR kod · Bu cihazda aç), Paket kartı (paket yokken vurgulu,
     önerilen paket), Cihaz hakkı kilidi */
  .kr-bilgi-alt { font-size: 13.5px; line-height: 1.5; color: var(--fg-muted); overflow-wrap: anywhere; }
  .kr-bilgi-eylem { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
  .kr-bilgi-eylem[hidden] { display: none; }
  .kr-mini-dugme {
    display: inline-flex; align-items: center; gap: 5px; min-height: 30px; padding: 4px 10px;
    border: 1px solid var(--line-card); border-radius: var(--r-full); background: var(--surface);
    color: var(--fg-nav); font: inherit; font-size: 12.5px; font-weight: 800; line-height: 1.2; white-space: nowrap; cursor: pointer;
    text-decoration: none; transition: border-color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);
  }
  .kr-mini-dugme .icon { flex: none; width: 15px; height: 15px; }
  .kr-mini-dugme:hover { border-color: var(--line-accent); background: var(--surface-3); }
  .kr-mini-dugme:focus-visible { outline: 2px solid var(--line-accent); outline-offset: 2px; }
  .kr-bilgi-ana { justify-self: start; margin-top: 8px; }
  .kr-bilgi-ana[hidden] { display: none; }
  /* paket yokken: kenar açık kırmızı (panelde sarı yok), çoğu zaman kurulumun tek eksik adımı */
  .kr-bilgi-kart--eksik { border: 2px solid var(--kr-eksik-cizgi); box-shadow: 0 0 0 4px var(--kr-eksik-bg); }
  .kr-paket-oneri {
    display: grid; gap: 8px; margin-top: 6px; padding: 10px 12px; border-radius: 12px;
    background: var(--surface-2); border: 1px solid var(--line-card); font-size: 13px; line-height: 1.45; color: var(--fg-2);
  }
  .kr-paket-oneri[hidden] { display: none; }
  .kr-bilgi-kart .kr-paket-oneri b { font-size: 13.5px; }
  .kr-paket-oneri .kr-dugme { justify-self: start; }
  .kr-bilgi-kart--kilit .kr-bilgi-ikon { background: var(--surface-2); border-color: var(--line-card); color: var(--fg-muted); }
  .kr-bilgi-kart--kilit b { font-size: 17px; color: var(--fg-muted); }

  /* ---- Genel → Kurulum adımları: başlığın sağında "Hızlı tamamla", altında tek ilerleme çubuğu */
  .kr-kurulum-bas { margin-bottom: 0; }
  .kr-hizli-dugme { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
  .kr-hizli-dugme .icon { width: 16px; height: 16px; }
  .kr-kurulum-ilerleme { height: 8px; margin-top: 14px; border-radius: var(--r-full); background: var(--surface-2); overflow: hidden; }
  .kr-kurulum-ilerleme i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--hdr-1), var(--blue2)); transition: width .4s var(--ease); }
  .kr-kurulum-ilerleme--tamam i { background: var(--kr-iyi); }
  .kr-kurulum .kr-alt-yazi { margin: 10px 0 8px; }
  /* menüdeki yeri: "Ekran görünümü › Tema ve logo" */
  .kr-kurulum-yer { font-size: 11.5px; font-weight: 700; color: var(--fg-muted); }
  .kr-kurulum-metin { min-width: 0; overflow-wrap: anywhere; }
  /* telefonda: işaret | (rozet, altında ad ve durum) | Git — satır dar kalmasın, sayfa yana taşmasın */
  @media (max-width: 560px) {
    .kr-kurulum-adim { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 6px 12px; }
    .kr-kurulum-adim > .kr-kurulum-isaret { grid-row: 1 / span 2; }
    .kr-kurulum-adim > .kr-kisim { grid-column: 2; justify-self: start; }
    .kr-kurulum-adim > .kr-kurulum-metin { grid-column: 2; }
    .kr-kurulum-adim > .kr-dugme { grid-column: 3; grid-row: 1 / span 2; }
  }

  /* ---- Genel → Bugün (kurulum bitince) */
  .kr-bugun-tarih { margin-left: auto; font-size: 13px; font-weight: 700; color: var(--fg-muted); }
  .kr-bugun .kr-kart-bas { margin-bottom: 6px; }
  .kr-bugun-liste { display: grid; margin: 0; padding: 0; list-style: none; }
  .kr-bugun-satir { display: grid; grid-template-columns: 32px 190px minmax(0, 1fr) auto; align-items: center; gap: 6px 12px; padding: 12px 4px; }
  .kr-bugun-satir + .kr-bugun-satir { border-top: 1px solid var(--line-soft); }
  .kr-bugun-ikon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--surface-2); color: var(--fg-nav); }
  .kr-bugun-ikon .icon { width: 16px; height: 16px; }
  .kr-bugun-nokta { justify-self: center; width: 14px; height: 14px; border-radius: 50%; }
  .kr-bugun-nokta--iyi { background: #22c55e; animation: kr-isik 1.3s ease-in-out infinite; }
  .kr-bugun-nokta--kotu { background: #ef4444; }
  .kr-bugun-ad { font-size: 14.5px; color: var(--fg-strong); }
  .kr-bugun-deger { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; font-size: 14px; line-height: 1.45; color: var(--fg-2); }
  .kr-bugun-sayi { font-weight: 800; color: var(--fg-strong); font-variant-numeric: tabular-nums; }
  .kr-bugun-cihazlar { display: flex; flex-wrap: wrap; gap: 6px; }
  .kr-bugun-cihaz {
    display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: var(--r-full);
    background: var(--kr-eksik-bg); border: 1px solid var(--kr-eksik-cizgi); font-size: 12.5px; font-weight: 700; color: var(--fg-2);
  }
  .kr-bugun-cihaz i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #ef4444; }
  .kr-bugun-cihaz--bagli { background: var(--up-bg); border-color: var(--up-line); }
  .kr-bugun-cihaz--artan { background: var(--surface-2); border-color: var(--line-card); color: var(--fg-muted); }
  .kr-bugun-cihaz--bagli i { background: #22c55e; }
  .kr-bugun-uyarilar { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
  .kr-bugun-uyarilar li { padding-left: 14px; text-indent: -14px; }
  .kr-bugun-uyarilar li::before { content: "•"; display: inline-block; width: 14px; text-indent: 0; }
  .kr-bugun-satir--uyari .kr-bugun-ikon { background: var(--kr-eksik-bg); color: var(--kr-eksik-fg); }
  .kr-bugun-satir--uyari .kr-bugun-deger { color: var(--kr-eksik-fg); font-weight: 700; }
  .kr-bugun-satir--iyi .kr-bugun-ikon { background: var(--up-bg); color: var(--kr-iyi); }
  .kr-bugun-bag { white-space: nowrap; }
  @media (max-width: 760px) {
    .kr-bugun-satir { grid-template-columns: 30px minmax(0, 1fr) auto; }
    .kr-bugun-satir > :first-child { grid-row: 1; }
    .kr-bugun-ad { grid-column: 2; grid-row: 1; }
    .kr-bugun-bag { grid-column: 3; grid-row: 1; }
    .kr-bugun-deger { grid-column: 2 / -1; grid-row: 2; }
  }

  /* ---- Üst bar: kurulum bitmeden yayın anahtarı soluk ve 🔒 (kutu kalan adımı söyler); bitince renkli, yanıp söner */
  .kr-ust-yayin { position: relative; }
  .kr-anahtar-kilit { display: none; }
  .kr-anahtar--kilitli { cursor: help; }
  .kr-anahtar--kilitli .kr-anahtar-ray { opacity: .5; }
  .kr-anahtar--kilitli .kr-anahtar-kilit {
    display: block; position: absolute; left: 5px; top: 50%; width: 12px; height: 12px; transform: translateY(-50%);
    color: var(--hdr-1); stroke-width: 2.6; pointer-events: none;
  }
  .kr-anahtar--hazir .kr-anahtar-ray { background: rgba(34, 197, 94, .6); animation: kr-hazir 1.6s ease-in-out infinite; }
  @keyframes kr-hazir {
    0%, 100% { box-shadow: 0 0 0 0 rgba(187, 247, 208, .9); }
    50% { box-shadow: 0 0 0 6px rgba(187, 247, 208, 0); }
  }
  .kr-ust-kilit {
    position: absolute; top: calc(100% + 12px); right: 0; z-index: 61; width: max-content; max-width: min(320px, 86vw);
    padding: 10px 13px; border-radius: 12px; border: 1px solid var(--line-card); background: var(--surface); box-shadow: var(--sh-pop);
    color: var(--fg); font-size: 13px; font-weight: 600; line-height: 1.5; white-space: normal; text-align: left;
    visibility: hidden; opacity: 0; transition: opacity var(--dur-2) var(--ease), visibility var(--dur-2);
  }
  /* anahtardan kutuya geçerken kapanmasın */
  .kr-ust-kilit::after { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 14px; }
  .kr-ust-kilit:empty { display: none; }
  .kr-ust-kilit a { color: var(--fg-nav); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
  .kr-ust-kilit b { color: var(--kr-iyi); }
  .kr-ust-yayin--kilitli .kr-anahtar--ust:hover ~ .kr-ust-kilit, .kr-ust-yayin--hazir .kr-anahtar--ust:hover ~ .kr-ust-kilit,
  .kr-ust-kilit:hover, .kr-ust-yayin--acik .kr-ust-kilit { visibility: visible; opacity: 1; }
  @media (max-width: 560px) {
    .kr-ust-yayin { position: static; }
    .kr-ust-kilit { left: 0; right: 0; top: calc(100% + 8px); width: auto; max-width: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .kr-anahtar--hazir .kr-anahtar-ray, .kr-bugun-nokta--iyi { animation: none; }
  }

  /* ---- Önizleme: yayın kapalıyken "Şu an müşteri görüyor / Yayında görecek"; çerçevenin köşesinde ne gösterildiği */
  .kr-onizleme-gorus { justify-self: start; }
  .kr-onizleme-gorus[hidden] { display: none; }
  .kr-onizleme-etiket {
    position: absolute; top: 8px; right: 8px; z-index: 2; max-width: calc(100% - 16px);
    padding: 4px 10px; border-radius: var(--r-full); background: rgba(6, 20, 27, .84); color: #fff;
    font-size: 11.5px; font-weight: 800; line-height: 1.3; pointer-events: none; box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  }
  .kr-onizleme-etiket[hidden] { display: none; }
  .kr-onizleme-etiket--canli { background: rgba(22, 163, 74, .94); }
  .kr-onizleme-etiket--kapali { background: rgba(220, 38, 38, .92); }

  /* ---- Linkiniz → QR kod penceresi */
  .kr-link-qr[open] { width: min(380px, calc(100vw - 32px)); text-align: center; }
  .kr-link-qr h2 { margin: 4px 0 14px; }
  .kr-link-qr-kod { width: min(240px, 70vw); margin: 0 auto 10px; padding: 8px; border-radius: 12px; background: #fff; border: 1px solid var(--line-card); }
  .kr-link-qr-kod svg { display: block; width: 100%; height: auto; }
  .kr-link-qr-adres { margin: 0 0 6px; font-size: 14px; font-weight: 800; color: var(--fg-strong); overflow-wrap: anywhere; }

  /* ---- Ekran akışı (99. tur): ⓘ simgeli açıklamalar, uyarı bandı, paket hatırlatması, ızgara, kaydırıcılar */
  .kr-aciklama--ikon { display: inline-flex; vertical-align: middle; margin-left: 4px; }
  .kr-aciklama--ikon > .kr-aciklama-dugme { width: 26px; min-height: 26px; padding: 0; justify-content: center; border-radius: 50%; }
  .kr-aciklama--ikon > .kr-aciklama-metin { font-weight: 500; letter-spacing: 0; text-transform: none; }
  .kr-alan-bas-ad { display: inline-flex; align-items: center; gap: 2px; }
  .kr-akis-secenek-bas { display: flex; align-items: center; margin: 4px 0 8px; font-size: 13.5px; font-weight: 800; color: var(--fg-2); }
  /* iki onay kutusu aynı görünüm */
  .kr-akis-onay { color: var(--fg-2); }
  .kr-akis-onay b { color: var(--fg-strong); }
  .kr-duzenler--sutun { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  @media (max-width: 560px) { .kr-duzenler--sutun { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  [data-akis-sutun]:disabled .kr-duzen, [data-akis-birim]:disabled .kr-duzen { cursor: not-allowed; }
  .kr-akis-donus-not { margin: 8px 0 0; font-weight: 700; }
  .kr-akis-donus-not[hidden] { display: none; }
  /* "%100 otomatik" kaydırıcıdaki gerçek yerinde: (100 − 70) / (150 − 70) = %37,5 (başparmak payıyla) */
  .kr-kaydirac-uclar--yazi { position: relative; }
  .kr-kaydirac-uclar--yazi .kr-kaydirac-orta { position: absolute; left: calc(8px + (100% - 16px) * .375); transform: translateX(-50%); white-space: nowrap; }
  .kr-gorsel-tur { margin: 6px 0 0; font-weight: 700; color: var(--fg-nav); }
  .kr-gorsel-tur[hidden], .kr-gorsel-link-not[hidden] { display: none; }
  .kr-gorsel-link-not { margin: 8px 0 0; }
  .kr-yayin-uyari {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 16px; padding: 12px 14px; border-radius: 12px;
    background: var(--kr-eksik-bg); border: 1px solid var(--kr-eksik-cizgi); color: var(--kr-eksik-fg); font-size: 14px; line-height: 1.5;
  }
  .kr-yayin-uyari[hidden] { display: none; }
  .kr-yayin-uyari--bekliyor { background: var(--kr-bekliyor-bg); border-color: var(--kr-bekliyor-cizgi); color: var(--kr-bekliyor-fg); }
  .kr-yayin-uyari-ikon .icon { width: 20px; height: 20px; }
  .kr-yayin-uyari-metin { flex: 1 1 260px; }
  .kr-paket-hatirlatma {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 16px; padding: 8px 10px 8px 14px; border-radius: 12px;
    background: var(--surface-2); border: 1px solid var(--line-card); font-size: 13px; color: var(--fg-2);
  }
  .kr-paket-hatirlatma[hidden] { display: none; }
  .kr-paket-hatirlatma > span { flex: 1 1 240px; }
  .kr-paket-hatirlatma-kapat { display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: none; color: var(--fg-muted); cursor: pointer; }
  .kr-paket-hatirlatma-kapat:hover { background: var(--surface-3); }
  .kr-paket-hatirlatma-kapat .icon { width: 15px; height: 15px; }

  /* ---- Genel → Paket kartı: onay bekleyen havale ya da ücretsiz deneme (mavi kenar); eylem satırı */
  .kr-bilgi-kart--bekliyor { border: 2px solid var(--line-accent); box-shadow: 0 0 0 4px var(--kr-halka); }
  .kr-paket-eylem { align-items: center; }
  .kr-paket-eylem > [hidden] { display: none; }
  /* Paket ve ödeme → 7 gün ücretsiz deneme kutusu */
  .kr-deneme-kutu {
    display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 14px; padding: 14px 16px; border-radius: 14px;
    background: radial-gradient(120% 160% at 0% 0%, var(--kr-halka) 0%, transparent 60%), var(--surface-2); border: 1px solid var(--line-accent);
  }
  .kr-deneme-metin { display: grid; gap: 4px; flex: 1 1 320px; }
  .kr-deneme-metin b { font-size: 18px; color: var(--fg-strong); }
  .kr-deneme-metin span { font-size: 13.5px; line-height: 1.5; color: var(--fg-2); }
  /* başlatmak için eksikler (e-posta, fatura, vergi levhası) ve kartla ödeme açılmadan önceki not */
  .kr-deneme-eksik { margin-top: 4px; }
  .kr-deneme-eksik small { font-size: 12.5px; font-weight: 800; color: var(--fg-strong); }
  .kr-deneme-eksik ul { margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
  .kr-deneme-eksik a { display: inline-block; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line-accent);
    background: var(--surface); color: var(--fg-nav); font-size: 12.5px; font-weight: 800; text-decoration: none; }
  .kr-deneme-eksik a:hover { background: var(--kr-halka); }
  .kr-deneme-yakinda { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 700; color: var(--fg-nav); }
  .kr-siparis-bekleyen { margin: 0 0 10px; font-weight: 700; }
  .kr-siparis-bekleyen[hidden] { display: none; }
  /* müşteri formu alanlarında KVKK adımı */
  .kr-mform-alan--kvkk a { margin-left: 4px; font-weight: 800; }

  /* ---- "Ödeme onay bekliyor": bütün sayfalarda aynı yazı, mavi (eksik kırmızı, tamam yeşil; panelde sarı yok) */
  .kr-kisim--bekliyor { background: var(--kr-bekliyor-bg); border-color: var(--kr-bekliyor-cizgi); }
  .kr-kisim--bekliyor > span { color: var(--kr-bekliyor-fg); }
  .kr-kisim--bekliyor .kr-kisim-no { border-right-color: var(--kr-bekliyor-cizgi); }
  .kr-kisim--bekliyor .kr-kisim-durum::before { content: "⏳"; margin-right: 5px; }
  .kr-panel-yan .kr-panel-sayi--bekliyor, .kr-panel-yan a[aria-current="page"] .kr-panel-sayi--bekliyor { background: var(--kr-bekliyor-bg); border-color: var(--kr-bekliyor-cizgi); color: var(--kr-bekliyor-fg); }
  .kr-rozet--bekliyor { background: var(--kr-bekliyor-bg); border-color: var(--kr-bekliyor-cizgi); color: var(--kr-bekliyor-fg); }
  /* kayıt çubuğundaki "Ekran önizlemesi": çubuk varken yüzen düğme yok (Kaydet'lerin üstüne binmesin) */
  .kr-kayit-onizleme { display: inline-flex; align-items: center; gap: 6px; }
  .kr-kayit-onizleme[hidden] { display: none; }
  .kr-kayit-onizleme .icon { width: 16px; height: 16px; }
  :root.kr-kayit-cubuklu .kr-onizleme-dugme:not([hidden]), :root.kr-onizlemesiz .kr-onizleme-dugme:not([hidden]) { display: none; }
  /* rolün değiştiremediği bölümde çubuk gizli (Panel yönetimi): yüzen önizleme düğmesi yerinde kalır */
  :root.kr-bolum-kilitli.kr-kayit-cubuklu:not(.kr-onizlemesiz) .kr-onizleme-dugme:not([hidden]) { display: inline-flex; }
  /* Kaynak ve marj tablosu: fareyle tutup yana kaydırılır */
  .kr-tutup-kaydir { cursor: grab; }
  .kr-tutup-kaydir--suruk { cursor: grabbing; user-select: none; }
  .kr-tutup-kaydir--suruk * { cursor: grabbing; }
  /* Genel → Anlık kullanım (İşletme PRO) */
  .kr-bilgi-kart--anlik b { color: var(--fg-strong); }
  /* yüzen düğme görünürken sayfanın sonunda boşluk: son düğmeler (ör. İletişim → Gönder) altında kalmasın */
  .kr-panel:not(.kr-panel--onizlemeli) .kr-panel-icerik { padding-bottom: 76px; }
  @media (max-width: 560px) {
    .kr-kayit-cubugu { flex-wrap: wrap; gap: 8px; padding: 8px 10px; }
    .kr-kayit-onizleme span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  }

  /* ---- KVKK aydınlatma metni sayfası (/kurumsal/kvkk) */
  .kr-metin-sayfa { max-width: 860px; padding-block: clamp(28px, 4vw, 56px) 64px; }
  .kr-metin-bolum { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--line-card); }
  .kr-metin-bolum h2 { margin: 0 0 10px; font-size: 19px; color: var(--fg-strong); }
  .kr-metin-bolum p, .kr-metin-bolum li { font-size: 15px; line-height: 1.7; color: var(--fg-2); }
  .kr-metin-bolum p + p { margin-top: 10px; }
  .kr-metin-bolum ul { display: grid; gap: 8px; margin: 0; padding-left: 20px; }
  .kr-metin-bolum a { color: var(--fg-nav); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }

  /* ---- Hukuki metinler (kullanım koşulları, mesafeli satış, ön bilgilendirme, iptal-iade, gizlilik, çerez, dizin):
     şirket bilgileri, sipariş özeti, çerez tablosu; panelde okuma penceresi ve sepetteki onay maddeleri */
  .kr-hukuk-sirket { display: grid; gap: 0; margin: 10px 0 0; border: 1px solid var(--line-card); border-radius: 12px; overflow: hidden; }
  .kr-hukuk-sirket > div { display: grid; grid-template-columns: minmax(130px, 32%) 1fr; gap: 12px; padding: 8px 14px; font-size: 14px; }
  .kr-hukuk-sirket > div + div { border-top: 1px solid var(--line-card); }
  .kr-hukuk-sirket dt { font-weight: 800; color: var(--fg-muted); }
  .kr-hukuk-sirket dd { margin: 0; color: var(--fg-strong); overflow-wrap: anywhere; }
  .kr-metin-bolum .kr-hukuk-sirket + p { margin-top: 16px; }
  /* girilmemiş şirket bilgisinin satırı ve cümle parçası görünmez (lib/sirket.js) */
  [data-sirket-satir][hidden], [data-sirket-parca][hidden] { display: none !important; }
  .kr-hukuk-siparis { margin-top: 10px; padding: 12px 14px; border-radius: 12px; background: var(--surface-2); border: 1px dashed var(--line-card); }
  .kr-hukuk-siparis > p { margin: 0; font-size: 14px; color: var(--fg-muted); }
  .kr-hukuk-siparis > .kr-hukuk-sirket { margin: 0; background: var(--surface); }
  .kr-hukuk-tablo-kutu { overflow-x: auto; border: 1px solid var(--line-card); border-radius: 12px; }
  .kr-hukuk-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
  .kr-hukuk-tablo th, .kr-hukuk-tablo td { padding: 9px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line-card); color: var(--fg-2); }
  .kr-hukuk-tablo th { background: var(--surface-2); color: var(--fg-muted); font-size: 12.5px; }
  .kr-hukuk-tablo tr:last-child td { border-bottom: 0; }
  .kr-hukuk-dizin { list-style: none; padding: 0 !important; }
  .kr-hukuk-dizin li { position: relative; display: grid; gap: 2px; padding: 10px 14px; border: 1px solid var(--line-card); border-radius: 12px;
    transition: background-color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease); }
  /* kartın tamamı bağlantı: dokunma alanı satır kadar (1.119) */
  .kr-hukuk-dizin li > a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
  .kr-hukuk-dizin li:hover { background: var(--surface-2); border-color: var(--line); }
  .kr-hukuk-dizin li:has(> a:focus-visible) { outline: 2px solid var(--blue2); outline-offset: 2px; }
  .kr-hukuk-dizin li > a:focus-visible { outline: none; }
  .kr-hukuk-dizin small { font-size: 12.5px; color: var(--fg-muted); }
  @media (max-width: 560px) { .kr-hukuk-sirket > div { grid-template-columns: 1fr; gap: 2px; } }

  .kr-belge-dialog { width: min(820px, calc(100vw - 24px)); max-height: calc(100vh - 32px); padding: 0; display: none; overflow: hidden; }
  .kr-belge-dialog[open] { display: flex; flex-direction: column; }
  .kr-belge-ust { display: flex; align-items: flex-start; gap: 12px; padding: 18px 22px 12px; border-bottom: 1px solid var(--line-card); }
  .kr-belge-ust h2 { flex: 1; margin: 0; font-size: 19px; }
  .kr-belge-kapat { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line-card); background: var(--surface-2);
    color: var(--fg-nav); font: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
  .kr-belge-govde { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 22px 18px; overscroll-behavior: contain; }
  .kr-belge-govde .kr-sayfa-bas { margin: 12px 0 0; }
  .kr-belge-govde .kr-sayfa-bas .kr-ust-etiket { display: none; }
  .kr-belge-govde .kr-metin-bolum { margin-top: 18px; padding-top: 14px; }
  .kr-belge-govde .kr-metin-bolum h2 { font-size: 16.5px; }
  .kr-belge-govde .kr-metin-bolum p, .kr-belge-govde .kr-metin-bolum li { font-size: 14px; }
  .kr-belge-not { margin: 14px 0 0; }
  .kr-belge-eylem { justify-content: flex-end; margin: 0; padding: 12px 22px 16px; border-top: 1px solid var(--line-card); }

  .kr-sozlesmeler { display: grid; gap: 10px; margin: 18px 0 4px; padding: 14px 16px 12px; border: 1px solid var(--line-card); border-radius: 14px; background: var(--surface-2); }
  .kr-sozlesmeler legend { padding: 0 6px; font-size: 14px; font-weight: 900; color: var(--fg-strong); }
  .kr-sozlesmeler.kr-alan--eksik { border-color: var(--kr-eksik-cizgi, #e58b84); }
  .kr-sozlesme-madde { display: flex; align-items: flex-start; gap: 10px; }
  .kr-sozlesme-madde .kr-onay { flex: 1; }
  .kr-sozlesme-madde .kr-onay b { color: var(--fg-strong); }
  .kr-sozlesme-madde .kr-kucuk-dugme { flex: none; margin-top: 1px; }
  .kr-deneme-kosul { display: block; margin-top: 4px; font-size: 12.5px; color: var(--fg-muted); }
  .kr-deneme-kosul a { color: var(--fg-nav); font-weight: 800; }
  .kr-siparis-eylem { white-space: nowrap; }
  .kr-siparis-eylem > * + * { margin-left: 6px; }

  /* ---- Kayıt çubuğu: ayar bölümlerinde içeriğin altına yapışık */
  .kr-kayit-cubugu {
    position: sticky; bottom: calc(var(--foot-h, 44px) + 12px); z-index: 30;
    display: flex; align-items: center; gap: 10px; margin-top: 16px; padding: 10px 14px; border-radius: 14px;
    background: var(--surface); border: 1px solid var(--line-accent); box-shadow: var(--sh-pop);
    font-size: 14px; font-weight: 800; color: var(--fg-strong);
  }
  .kr-kayit-cubugu[hidden] { display: none; }
  .kr-kayit-cubugu[data-durum="tamam"] { background: var(--surface-2); border-color: var(--line-card); box-shadow: none; color: var(--fg-muted); font-weight: 700; }
  .kr-kayit-cubugu[data-durum="degisti"] .kr-kayit-durum::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #ef4444; vertical-align: middle; }
  /* çubuk varken sağ alttaki önizleme düğmesi onun üstünde */
  :root.kr-kayit-cubuklu .kr-onizleme-dugme { bottom: calc(var(--foot-h, 44px) + 76px + env(safe-area-inset-bottom, 0px)); }

  /* ---- Üst bar: yayın anahtarı ve durum yazısı tek kapsülde */
  .kr-ust-yayin { padding: 4px 5px 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); }
  .kr-ust-yayin .kr-link-isik--ust { margin-right: 0; }
  @media (max-width: 560px) { .kr-ust-yayin { padding: 3px 4px 3px 8px; } }

  /* ---- Telefonda alt sekme çubuğu (≤ 720 px, utilities katmanında açılır) */
  .kr-alt-sekme, .kr-alt-perde { display: none; }

  /* ---- Çıktı al: yalnız yazdırılacak sayfa (kurumsal-panel.js yazdir) */
  .kr-yazdir { display: none; }
  @media print {
    .kr-yazdir-acik body > *:not(.kr-yazdir) { display: none !important; }
    .kr-yazdir-acik .kr-yazdir { display: block; color: #000; background: #fff; font: 12px/1.45 Arial, Helvetica, sans-serif; }
    .kr-yazdir-bas { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 8px; border-bottom: 2px solid #0c6288; }
    .kr-yazdir-marka { font-size: 20px; color: #0c6288; letter-spacing: -.5px; }
    .kr-yazdir-firma { display: grid; text-align: right; }
    .kr-yazdir h1 { margin: 14px 0 6px; font-size: 18px; }
    .kr-yazdir h2 { margin: 16px 0 6px; font-size: 14px; }
    .kr-yazdir table { width: 100%; border-collapse: collapse; }
    .kr-yazdir-bolum { margin: 0 0 14px; break-inside: avoid; }
    .kr-yazdir-bolum h2 { margin: 10px 0 4px; font-size: 14px; }
    .kr-yazdir-tablo th, .kr-yazdir-tablo td { padding: 4px 6px; border-bottom: 1px solid #ccc; text-align: left; }
    .kr-yazdir th, .kr-yazdir td { padding: 5px 6px; border: 1px solid #bbb; text-align: left; vertical-align: top; }
    .kr-yazdir thead th { background: #eef4f7; }
    .kr-yazdir-cevaplar th { width: 38%; background: #f6f9fb; }
    .kr-yazdir-alt { margin: 0 0 8px; color: #333; }
    .kr-yazdir tr { break-inside: avoid; }
    .kr-yazdir h3 { margin: 12px 0 6px; font-size: 13px; }
    .kr-yazdir-belge { break-inside: avoid; }
    .kr-yazdir-resimler { display: flex; flex-wrap: wrap; gap: 8px; }
    .kr-yazdir-resimler img { max-width: 48%; max-height: 330px; object-fit: contain; border: 1px solid #bbb; }
    .kr-yazdir-belge--imza .kr-yazdir-resimler img { max-width: 40%; max-height: 140px; }
  }
}

@layer utilities {
  /* 1151 px altında site üst barı taşmayı keser (buluro.css utilities: overflow hidden — menü yana kaysın diye):
     kurumsal üst barda yalnız yatay kırpılır, Ekran yayını "i"sinin açıklaması aşağı, üst barın dışına taşabilsin */
  @media (max-width: 1151px) {
    .header.kr-header { overflow-x: clip; overflow-y: visible; }
  }

  /* Telefonda sol menü yerine alt sekme çubuğu: Genel · Ekran · Paket · Formlar · Daha fazla. "Daha fazla" sol
     menüyü (bütün bölümler) çubuğun üstünde açar. Alt bant telefonda sabit değil, sayfanın sonunda; önizleme
     düğmesi ve penceresi çubuğun üstünde (çakışmaz). */
  @media (max-width: 720px) {
    :root[data-kurumsal] { --alt-sekme-h: calc(60px + env(safe-area-inset-bottom, 0px)); }
    /* yüzen önizleme düğmesi yalnız simge: altındaki yazıların (ör. havale bilgileri) üstüne az biner */
    .kr-onizleme-dugme { width: 52px; height: 52px; padding: 0; justify-content: center; }
    .kr-onizleme-dugme .icon { width: 22px; height: 22px; }
    .kr-onizleme-dugme-yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    /* sayfanın sonu düğmenin altında kalmasın */
    .kr-kap.kr-panel { padding-bottom: 76px; }
    .kr-alt-sekme {
      position: fixed; left: 0; right: 0; bottom: 0; z-index: 75;
      display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
      height: var(--alt-sekme-h); padding-bottom: env(safe-area-inset-bottom, 0px);
      background: var(--surface); border-top: 1px solid var(--line-card); box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
    }
    .kr-alt-sekme > a, .kr-alt-sekme > button {
      position: relative; display: grid; justify-items: center; align-content: center; gap: 3px; min-width: 0; padding: 6px 2px;
      border: 0; background: none; color: var(--fg-muted); font: inherit; font-size: 11px; font-weight: 800; line-height: 1.2;
      text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent;
    }
    .kr-alt-sekme span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .kr-alt-sekme .icon { width: 21px; height: 21px; }
    .kr-alt-sekme [aria-current="page"], .kr-alt-sekme .kr-alt-sekme--secili, .kr-alt-sekme [aria-expanded="true"] { color: var(--blue2); }
    .kr-alt-sekme [aria-current="page"]::before, .kr-alt-sekme .kr-alt-sekme--secili::before, .kr-alt-sekme [aria-expanded="true"]::before {
      content: ""; position: absolute; top: 0; left: 26%; right: 26%; height: 3px; border-radius: 0 0 3px 3px; background: var(--blue2);
    }
    .kr-alt-sekme-sayi {
      position: absolute; top: 5px; left: calc(50% + 6px); min-width: 17px; padding: 0 5px; border-radius: 999px;
      background: var(--kr-iyi); color: #fff; font-size: 10px; font-weight: 800; line-height: 16px; text-align: center;
    }
    .kr-alt-sekme-sayi[hidden] { display: none; }
    .kr-panel-baslik { display: none; }
    .kr-panel-yan { display: none; }
    .kr-menu-acik .kr-panel-yan .kr-uye-no--menu:not([hidden]) { display: block; grid-column: 1 / -1; margin: 0; padding: 2px 8px 6px; }
    .kr-menu-acik .kr-panel-yan {
      position: fixed; top: auto; left: 12px; right: 12px; bottom: calc(var(--alt-sekme-h) + 10px); z-index: 74;
      display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 4px; padding: 10px;
      max-height: calc(100 * var(--vh, 1vh) - var(--alt-sekme-h) - 90px); overflow-y: auto; box-shadow: var(--sh-pop);
    }
    .kr-menu-acik .kr-panel-yan a { white-space: normal; }
    .kr-menu-acik .kr-alt-perde:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 73; background: rgba(6, 20, 27, .45); }
    :root[data-kurumsal] .kr-footer { position: static; }
    :root[data-kurumsal] body:has(.kr-alt-sekme) { padding-bottom: var(--alt-sekme-h); }
    :root[data-kurumsal] .kr-onizleme-dugme { bottom: calc(var(--alt-sekme-h) + 12px); }
    .kr-kayit-cubugu { bottom: calc(var(--alt-sekme-h) + 10px); }
    :root.kr-kayit-cubuklu .kr-onizleme-dugme { bottom: calc(var(--alt-sekme-h) + 76px); }
    .kr-panel--onizlemeli .kr-onizleme {
      bottom: calc(var(--alt-sekme-h) + 12px);
      max-height: calc(100 * var(--vh, 1vh) - var(--alt-sekme-h) - var(--hdr-h) - 24px);
    }
  }
}

/* Atlama bağlantısıyla odaklanan <main> bütün sayfayı çerçevelemesin.
   Katman dışında, çünkü buluro.css'in katmansız odak kuralını yenmesi gerek. */
.kr-main:focus-visible { outline: none; }

@layer utilities {
  /* Dokunmatik ekranda (telefon, tablet) küçük düğmeler, süzgeçler ve seçim kutuları en az 44 px yüksek: parmakla
     rahat basılsın. Fareyle kullanılan ekranlarda boyutlar değişmez. Yalnız simgeli küçük düğmelerin görünüşü
     aynı kalır, dokunma alanı görünmez bir kenarla büyür. */
  @media (pointer: coarse) {
    .kr-aciklama-dugme, .kr-kucuk-dugme, .kr-cip, .kr-ilt-suzgec button, .kr-secim button, .kr-gorsel-dugme,
    .kr-yardim-dugme, .kr-mini-dugme, .kr-rapor-ok, .kr-hizli-kutu, .kr-anahtar:not(.kr-anahtar--ust) { min-height: 44px; }
    .kr-rapor-ok { min-width: 44px; }
    /* Kaynak ve marj tablosu sık (40 satıra yakın): satırlar çok uzamasın diye orta boy — onay kutuları 28 px,
       seçim ve ayar düğmeleri 40 px */
    .kr-plan-tablo input[type="checkbox"] { width: 28px; height: 28px; }
    .kr-plan-tablo select, .kr-plan-tablo button:not(.kr-plan-hucre), .kr-plan-hepsi { min-height: 40px; min-width: 40px; }
    .kr-dugme--kucuk { height: auto; min-height: 44px; }
    .kr-kucuk-dugme { display: inline-flex; align-items: center; }
    .kr-gorsel-dugme { min-width: 44px; }
    .kr-onay, .kr-donem-secenek, .kr-lejant-oge, .kr-mform-zorunlu, .kr-calisma-ad, .kr-sifre-secenek, .kr-secenek, .kr-gunluk-daha { min-height: 44px; }
    .kr-donem-secenek, .kr-lejant-oge, .kr-mform-zorunlu, .kr-calisma-ad { align-items: center; }
    .kr-aciklama--ikon > .kr-aciklama-dugme, .kr-paket-hatirlatma-kapat { position: relative; }
    .kr-aciklama--ikon > .kr-aciklama-dugme { min-height: 26px; }
    .kr-aciklama--ikon > .kr-aciklama-dugme::after, .kr-paket-hatirlatma-kapat::after { content: ""; position: absolute; inset: -10px; }

    /* 1.119 (tarama, kullanıcı isteği 20.10.2026): kalan küçük hedefler ≥ 44 px. Görünüm aynı kalsın diye metin
       bağlantılarında dikey iç boşluk eksi dış boşlukla dengelenir (yerleşim kıpırdamaz); üst bardaki ve tablodaki
       küçük denetimlerde görünmez kenar (::after) dokunma alanını büyütür. */
    .kr-kucuk-bag, .kr-form-alt a { display: inline-block; padding-block: 15px; margin-block: -15px; }
    .kr-link-simdi a { padding-block: 16px; }
    .kr-rapor-tablo > summary { padding-block: 12px; }
    .kr-ozel-link summary, select.kr-girdi, :root[data-kurumsal] .kr-header .top-btn { min-height: 44px; }
    .kr-cerceve-secenek, .kr-gorsel-link-kontrol { min-height: 44px; }
    .kr-sifre-goster { width: 44px; height: 44px; }
    :root[data-kurumsal] .kr-header .logo, .kr-ust-dugme, .kr-tema-dugme, .kr-ust-bilgi-dugme, .kr-anahtar--ust,
    .kr-fark-tip, .kr-plan-ayar, .kr-adimli-dugme, .kr-mform-kaldir { position: relative; }
    :root[data-kurumsal] .kr-header .logo::after, .kr-ust-dugme::after, .kr-tema-dugme::after, .kr-anahtar--ust::after,
    .kr-fark-tip::after, .kr-plan-ayar::after, .kr-adimli-dugme::after, .kr-mform-kaldir::after {
      content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: max(100%, 44px);
      transform: translate(-50%, -50%);
    }
    /* yayın anahtarının yanındaki ⓘ dar: yana az, dikeyde 44 px (komşu anahtarın alanına taşmasın) */
    .kr-ust-bilgi-dugme::after { content: ""; position: absolute; left: 50%; top: 50%; width: 32px; height: 44px; transform: translate(-50%, -50%); }
    /* Kaynak ve marj tablosunda "Ekranda" kutusu: hücrenin tamamı dokunulur (kurumsal-panel.js planTabloBagla) */
    .kr-plan-tablo td.kr-plan-goster { cursor: pointer; }
    /* alt bilgi: simgeler 44 × 44, bağlantılar 44 px satırlarda (telefonda alt bant sayfanın sonunda; masaüstünde değişmez) */
    :root[data-kurumsal] .kr-footer .social { gap: 2px; }
    :root[data-kurumsal] .kr-footer .social-link { width: 44px; height: 44px; }
    :root[data-kurumsal] .kr-footer .links { row-gap: 0; }
    :root[data-kurumsal] .kr-footer .links a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 0; margin-block: 0; }
  }
}

/* Zorunlu alan: etiketin sonunda kırmızı yıldız (kullanıcı isteği). Alanında
   `required` ya da `data-zorunlu` olan .kr-alan'ın etiketi kendiliğinden
   işaretlenir — yeni alan eklerken ayrıca bir şey yapmak gerekmez. Niteliği
   olmayan zorunlu alanlarda (sözleşme onayları, iletişim, marj…) etikete
   `.zorunlu` sınıfı konur. Onay kutusu etiketi (.kr-onay) kendiliğinden
   işaretlenmez: bant/alt satır yazısı yalnız kutu açıkken zorunlu. Yıldız
   CSS'te olduğu için etiket metnine girmez; "Şu alanları doldurun" iletisi
   etiketin yazısını kullanıyor, oraya yıldız karışmıyor. */
@layer components {
  :root[data-kurumsal] .zorunlu::after,
  .kr-alan:has(> :is(input, select, textarea):is([required], [data-zorunlu]),
               > :is(.kr-sifre-kutu, .kr-link-girdi, .kr-resmi-ad) > :is(input, select, textarea):is([required], [data-zorunlu]))
    > label:not(.kr-onay)::after,
  .kr-alan:has(> :is(input, select, textarea):is([required], [data-zorunlu]),
               > :is(.kr-sifre-kutu, .kr-link-girdi, .kr-resmi-ad) > :is(input, select, textarea):is([required], [data-zorunlu]))
    > :is(.kr-alan-bas, .kr-dogrula-bas) > label::after {
    content: " *";
    content: " *" / "";
    color: var(--kr-hata);
    font-weight: 800;
  }
}

/* Giriş sayfaları yönetim panelinin görünümünde (kullanıcı isteği): giriş,
   kayıt, şifre ve e-posta doğrulama. Renkler admin.html'deki temayla aynı
   (--bg, --yuzey, --cizgi, --ink, --sonuk, --marka); üst çubuk düz mavi,
   soldaki çizgili tanıtım alanı yok, form ortada sade bir kartta. Koyu
   temada yönetimin koyu renkleri. Tanıtım sayfası ve üye paneli olduğu
   gibi. */
@layer components {
  :root[data-kurumsal]:has(.kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"])) {
    --yg-bg: #f2f7fa; --yg-yuzey: #fff; --yg-cizgi: #d9e9f2;
    --yg-ink: #0e3a4f; --yg-sonuk: #466c84;
    --yg-marka: #0f78a9; --yg-marka2: #0b6e99; --yg-ust: #0f78a9;
  }
  :root[data-kurumsal][data-theme="dark"]:has(.kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"])) {
    --yg-bg: #0a161d; --yg-yuzey: #0f212a; --yg-cizgi: #26434f;
    --yg-ink: #e2eef4; --yg-sonuk: #93b1c2;
    --yg-marka: #12719c; --yg-marka2: #29a0d6; --yg-ust: #0c2a3a;
  }
  :root[data-kurumsal]:has(.kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"])) .kr-header { background: var(--yg-ust); box-shadow: none; }

  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-giris-duzen { grid-template-columns: minmax(0, 1fr); }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-giris-yan { display: none; }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) :is(.kr-giris-form-kap, .kr-ortala) { background: var(--yg-bg); }

  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-kart {
    width: min(440px, 100%); padding: 24px; border-radius: 14px;
    background: var(--yg-yuzey); border-color: var(--yg-cizgi); box-shadow: none;
  }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-kart h1 { font-size: 21px; letter-spacing: 0; color: var(--yg-ink); }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-alt-yazi { margin: 6px 0 20px; font-size: 14px; color: var(--yg-sonuk); }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) :is(.kr-alan > label:not(.kr-onay), .kr-alan-bas label) { font-size: 12.5px; font-weight: 700; color: var(--yg-sonuk); }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-alan { margin-bottom: 14px; gap: 6px; }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-girdi {
    height: 42px; font-size: 14.5px; color: var(--yg-ink);
    background: var(--yg-yuzey); border-color: var(--yg-cizgi);
  }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-girdi:focus { border-color: var(--yg-marka); }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-dugme--birincil { background: var(--yg-marka); box-shadow: none; border-radius: 10px; }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-dugme--birincil:hover { background: var(--yg-marka2); }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-dugme--buyuk { height: 44px; font-size: 15px; }
  .kr-main:is([data-sayfa="giris"], [data-sayfa="kayit"], [data-sayfa="sifre"], [data-sayfa="dogrula"]) .kr-kart a:not(.kr-dugme) { color: var(--yg-marka2); }
}

/* Aramalı seçim (şube adresi: il / ilçe / mahalle; kurumsal-panel.js aramaliSecim).
   Asıl <select> gözden saklanır ama boyutu kalır: zorunlu alan denetimi
   (getClientRects) onu görmeye devam etsin. Liste girdinin altında açılır,
   sayfa akışını itmez. */
@layer components {
  .kr-arama-asil {
    position: absolute; width: 1px; height: 1px; margin: 0; padding: 0;
    overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none;
  }
  .kr-arama-secim { position: relative; }
  .kr-arama-girdi { padding-right: 40px; cursor: text; text-overflow: ellipsis; }
  .kr-arama-girdi:disabled { cursor: not-allowed; opacity: .7; }
  .kr-arama-ok {
    position: absolute; right: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px;
    fill: none; stroke: var(--fg-muted); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
    pointer-events: none; transition: transform var(--dur-2) var(--ease);
  }
  .kr-arama-secim--acik .kr-arama-ok { transform: rotate(180deg); }
  .kr-arama-liste {
    position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px);
    max-height: 280px; overflow-y: auto; overscroll-behavior: contain;
    margin: 0; padding: 4px; list-style: none;
    background: var(--surface); border: 1px solid var(--line-strong); border-radius: 10px;
    box-shadow: var(--sh-3);
  }
  .kr-arama-oge {
    padding: 9px 10px; border-radius: 7px; font-size: 14.5px; line-height: 1.3;
    color: var(--fg-strong); cursor: pointer;
  }
  .kr-arama-oge b { font-weight: 800; color: var(--blue2); }
  .kr-arama-oge--etkin, .kr-arama-oge:hover { background: var(--surface-2); }
  .kr-arama-oge[aria-selected="true"] { font-weight: 800; }
  .kr-arama-grup {
    padding: 10px 10px 4px; font-size: 11px; font-weight: 800; letter-spacing: .08em;
    text-transform: uppercase; color: var(--fg-muted);
  }
  .kr-arama-bos { padding: 10px; font-size: 13.5px; color: var(--fg-muted); }
  @media (pointer: coarse) {
    .kr-arama-oge { padding-block: 12px; }
  }
}

/* Şifre kuralı listesi (kurumsal.js sifreKuraliKur): yazdıkça boş halka yeşil tike döner. */
@layer components {
  .kr-sifre-kural { margin-top: 2px; }
  .kr-sifre-kural-bas { margin: 0 0 6px; font-size: 12px; font-weight: 700; color: var(--fg-muted); }
  .kr-sifre-kural ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
  .kr-sifre-kural li { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--fg-muted); }
  .kr-sifre-kural-isaret { flex: none; width: 15px; height: 15px; fill: none; stroke-linecap: round; stroke-linejoin: round; }
  .kr-sifre-kural-halka { stroke: currentColor; stroke-width: 2.25; opacity: .45; }
  .kr-sifre-kural-tik { stroke: var(--kr-iyi); stroke-width: 3.25; display: none; }
  .kr-sifre-kural--tamam { color: var(--fg-strong); font-weight: 600; }
  .kr-sifre-kural--tamam .kr-sifre-kural-halka { display: none; }
  .kr-sifre-kural--tamam .kr-sifre-kural-tik { display: inline; }
}


/* Kartvizitten / faturadan doldur (kurumsal-panel.js belgeOkuBagla): kartın başında düğme ve not; okunup
   doldurulan alanlar kaydedilene ya da elle düzeltilene kadar sarı. Faturada iki taraf varsa seçim kartları. */
@layer components {
  .kr-belge-doldur {
    display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 6px 14px;
    margin: 0 0 18px; padding: 12px 14px; border: 1px dashed var(--line-strong); border-radius: 10px;
    background: var(--surface-2);
  }
  .kr-belge-doldur[hidden] { display: none; }
  .kr-belge-doldur > .kr-alan-ipucu { margin: 0; }
  .kr-belge-doldur > .kr-bildirim, .kr-belge-doldur-secim { grid-column: 1 / -1; margin: 4px 0 0; }
  .kr-belge-doldur-secim { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
  .kr-belge-doldur-secim[hidden] { display: none; }
  .kr-belge-doldur-aday {
    display: grid; gap: 3px; text-align: left; padding: 12px 14px; cursor: pointer;
    border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface);
    font: inherit; color: var(--fg-strong);
  }
  .kr-belge-doldur-aday:hover, .kr-belge-doldur-aday:focus-visible { border-color: var(--blue2); }
  .kr-belge-doldur-aday small { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-muted); }
  .kr-belge-doldur-aday b { font-size: 14.5px; line-height: 1.3; }
  .kr-belge-doldur-aday span { font-size: 12.5px; color: var(--fg-muted); }
  .kr-girdi.kr-girdi--okundu { background: #fff8db; border-color: #e3b341; }
  :root[data-theme="dark"] .kr-girdi.kr-girdi--okundu { background: rgba(227,179,65,.14); border-color: #c99a2e; }
  @media (max-width: 640px) {
    .kr-belge-doldur { grid-template-columns: minmax(0, 1fr); }
    .kr-belge-doldur [data-belge-doldur-sec] { justify-self: start; }
  }
}

/* Firma tipi (Profil → İşletme bilgileri; kurumsal-panel.js firmaTipiBagla): "Diğer"de faaliyet alanı, döviz bürosunda
   yetki belgesi kutusu (yüklenen dosya, Aç / Kaldır, Belge yükle). */
@layer components {
  .kr-firma-diger { display: grid; gap: 6px; margin-top: 12px; }
  .kr-firma-diger[hidden], .kr-firma-belge[hidden], .kr-firma-belge-dosya[hidden] { display: none; }
  .kr-firma-diger label { font-size: 13px; font-weight: 800; color: var(--fg-2); }
  .kr-firma-belge {
    display: grid; justify-items: start; gap: 8px; margin-top: 12px; padding: 14px; border-radius: 12px;
    background: var(--surface-2); border: 1px solid var(--line-card);
  }
  .kr-firma-belge > .kr-alan-ipucu { margin: 0; }
  .kr-firma-belge-bas { margin: 0; font-size: 13.5px; font-weight: 800; color: var(--fg-strong); }
  .kr-firma-belge-dosya {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; width: 100%; padding: 10px 12px; border-radius: 10px;
    background: var(--surface); border: 1px solid var(--line-card);
  }
  .kr-firma-belge-simge { font-size: 20px; line-height: 1; }
  .kr-firma-belge-ad { display: grid; flex: 1; min-width: 0; }
  .kr-firma-belge-ad b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; color: var(--fg-strong); }
  .kr-firma-belge-ad small { font-size: 12px; color: var(--fg-muted); }
  .kr-firma-belge .kr-bildirim, .kr-firma-belge .kr-alan-hata { margin: 0; }
}

/* Vergi levhası (Profil → Fatura bilgileri; kurumsal-panel.js levhaBagla): zorunlu; yüklenen dosya (Aç), düğme ve not,
   okuma açıksa okunan bilgiler ve faturada iki taraf varsa seçim kartları. */
@layer components {
  .kr-belge-doldur.kr-levha { grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 8px; }
  .kr-levha > .kr-bildirim, .kr-levha > .kr-alan-hata, .kr-levha > .kr-alan-ipucu { margin: 0; }
  .kr-levha-sira { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
  .kr-levha-sira .kr-alan-ipucu { flex: 1 1 260px; margin: 0; }
  .kr-levha-sira[hidden], .kr-levha .kr-alan-ipucu[hidden] { display: none; }
}