/* ============================================================
   CrazyPoint · Tepki Terminali — "KURUMSAL AYDINLIK" görsel dili (Arayüz yenileme 1. aşama)

   YALNIZ GÖRÜNÜM. styles.css'in ÜSTÜNE yüklenir; hiçbir kuralı silmez, yalnız ezer.
   - Tamamı @media screen içinde → yazdırma/PDF (window.print, @media print) bu dosyayı HİÇ görmez.
   - Geri alma: index.html'deki <link href="tasarim.css"> satırını kaldırmak yeterli.
   - Renkler TEK YERDEN: aşağıdaki token blokları (açık + koyu). Kurallarda sabit renk yok.
   - id / data-* / JS sınıf adı değişmedi; yalnız var olan seçiciler giydirildi.
   ============================================================ */
@media screen {
  /* ---------- 1. TOKEN'LAR — KOYU (varsayılan tema, değerler yeni dile uyarlandı) ---------- */
  :root {
    --bg: #0a1016;
    --panel: #111921;
    --panel2: #16212b;
    --line: #22303c;
    --line2: #1b2732;
    --ink: #e8eef2;
    --ink2: #c6d0d9;
    --ink3: #a9b5c1;
    --mut: #8d9aa7;
    --faint: #66737f;

    --pos: #3dbe7e;
    --neg: #f0645a;
    --neu: #7d8996;
    --konu: #2a3540;
    --amber: #f2a93b;
    --neg2: #f08a5d;

    --c1: #5b86ff;
    --c2: #2bb3a3;
    --c3: #a48bfa;
    --c4: #f2a93b;
    --c5: #f0645a;
    --kisi: #66737f;
    --etk: #f0645a;

    --accent: #5b86ff;
    --accent-h: #7c9dff;
    --accent2: #f2a93b;
    --pop: #f0645a;
    --good: #3dbe7e;
    --surface: #111921;
    --raised: #16212b;
    --border: #22303c;
    --muted: #8d9aa7;
    --track: #1e2a35;
    --grid: #1b2732;
    --axis: #66737f;
    --on-accent: #ffffff;
    --accent-ink: #ffffff;
    --on-neg: #ffffff;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.22);
    --glow: none;
    --fglow: none;

    --pos-a: rgba(61, 190, 126, 0.14);
    --neg-a: rgba(240, 100, 90, 0.14);
    --neu-a: rgba(141, 154, 167, 0.16);
    --pos-a2: rgba(61, 190, 126, 0.1);
    --accent-a: rgba(91, 134, 255, 0.16);

    /* Durum zeminleri (KPI / rozet) */
    --krit: #f0645a;
    --krit-zem: rgba(240, 100, 90, 0.14);
    --krit-ink: #ff8a80;
    --uyari: #f2a93b;
    --uyari-zem: rgba(242, 169, 59, 0.14);
    --uyari-ink: #f6c06e;
    --notr-zem: #16212b;
    --chip-zem: #1b2732;
    --chip-ink: #c6d0d9;

    /* Yan menü (koyu temada da lacivert; zemine göre bir ton ayrışır) */
    --sb-bg: #0d151d;
    --sb-ink: #b7c3d1;
    --sb-ink-dim: #8fa0b3;
    --sb-baslik: #ffffff;
    --sb-hover: #18293e;
    --sb-cizgi: #1f2e3c;
    --sb-sec: #5b86ff;
    --sb-sec-ink: #ffffff;

    /* Yazı + ölçü */
    --sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --mono: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
    --display: "Sora", "Source Sans 3", system-ui, sans-serif;
    --r: 10px;
    --r8: 10px;
    --radius: 14px;
    --kart-r: 14px;
    --kutu-r: 12px;
    --icerik: 1240px;
  }

  /* ---------- 1b. TOKEN'LAR — AÇIK ("Kurumsal Aydınlık" ana paleti) ---------- */
  :root[data-tema="acik"] {
    --bg: #eef1f4;
    --panel: #ffffff;
    --panel2: #f3f5f8;
    --line: #dce2e8;
    --line2: #e6eaef;
    --ink: #0e1b2b;
    --ink2: #2a3747;
    --ink3: #3a4756;
    --mut: #5b6878;
    --faint: #8794a3;

    --pos: #1c8a55;
    --neg: #d2372c;
    --neu: #a7b2bf;
    --konu: #d5dbe2;
    --amber: #d98a00;
    --neg2: #e3664f;

    --c1: #1f4fe0;
    --c2: #0e9384;
    --c3: #6e56cf;
    --c4: #d98a00;
    --c5: #d2372c;
    --kisi: #a7b2bf;
    --etk: #d2372c;

    --accent: #1f4fe0;
    --accent-h: #163baa;
    --accent2: #d98a00;
    --pop: #d2372c;
    --good: #1c8a55;
    --surface: #ffffff;
    --raised: #f3f5f8;
    --border: #dce2e8;
    --muted: #5b6878;
    --track: #eef1f4;
    --grid: #e6eaef;
    --axis: #8794a3;
    --on-accent: #ffffff;
    --accent-ink: #ffffff;
    --on-neg: #ffffff;
    --shadow: 0 1px 2px rgba(14, 27, 43, 0.06), 0 6px 20px rgba(14, 27, 43, 0.05);
    --glow: none;
    --fglow: none;

    --pos-a: rgba(28, 138, 85, 0.12);
    --neg-a: #fce6e4;
    --neu-a: rgba(167, 178, 191, 0.22);
    --pos-a2: rgba(28, 138, 85, 0.1);
    --accent-a: rgba(31, 79, 224, 0.1);

    --krit: #d2372c;
    --krit-zem: #fce6e4;
    --krit-ink: #b42318;
    --uyari: #d98a00;
    --uyari-zem: #fdf1d8;
    --uyari-ink: #8f5500;
    --notr-zem: #f3f5f8;
    --chip-zem: #eef1f4;
    --chip-ink: #3a4756;

    --sb-bg: #0e1b2b;
    --sb-ink: #b7c3d1;
    --sb-ink-dim: #8fa0b3;
    --sb-baslik: #ffffff;
    --sb-hover: #18293e;
    --sb-cizgi: #22344b;
    --sb-sec: #1f4fe0;
    --sb-sec-ink: #ffffff;
  }

  /* ---------- 2. TEMEL YAZI ---------- */
  body {
    font-family: var(--sans);
    font-size: 14px;
    background: var(--bg);
    /* Eski kurallardaki px boyutları IBM Plex (x-yüksekliği ≈0,516) için ayarlıydı; Source Sans 3 aynı px'te daha küçük
       görünür. x-yüksekliği eşitlenir → 10–11px'lik etiketler okunur kalır, yerleşim ölçüleri bozulmaz. */
    font-size-adjust: 0.516;
  }
  /* Sora başlık/rakamlar (bu dosyada boyutu verilenler) uyarlanmaz: değer referanstaki gibi kalır. */
  .h,
  .verdict,
  .ozet-baslik,
  .kbig,
  .gauge text,
  .rs-say,
  .sb-marka .bm,
  .plan-giris h2,
  .giris h1,
  .bos .big,
  .persona-h,
  .gk-at,
  .ol-konu {
    font-size-adjust: none;
  }
  .m {
    font-variant-numeric: tabular-nums;
  }
  a {
    color: var(--accent);
  }
  a:hover {
    color: var(--accent-h);
  }

  /* ---------- 3. YAN MENÜ — lacivert; içindeki bileşenler yerel token'larla uyum sağlar ---------- */
  .sidebar {
    --line: var(--sb-cizgi);
    --line2: var(--sb-cizgi);
    --ink: var(--sb-baslik);
    --ink2: #dce3ea;
    --ink3: var(--sb-ink);
    --mut: var(--sb-ink-dim);
    --faint: var(--sb-ink-dim);
    --panel2: var(--sb-hover);
    --pos: #6fd3a0;
    background: var(--sb-bg);
    border-right: 1px solid var(--sb-cizgi);
    padding: 22px 14px 16px;
    color: var(--sb-ink);
  }
  .sb-marka {
    flex-wrap: wrap;
    padding: 0 10px 18px;
    row-gap: 0;
  }
  /* Logo lacivert zeminde her iki temada da beyaz işaret */
  .sb-marka .sq,
  :root[data-tema="acik"] .sb-marka .sq {
    background-image: url("logo-koyu.svg");
  }
  .sb-marka .bm {
    font-family: var(--display);
    font-weight: 800;
    font-size: 17px;
    letter-spacing: 0.01em;
    color: var(--sb-baslik);
  }
  /* Ürün adı alt satırı (marka; dil bağımsız ürün adı) */
  .sb-marka::after {
    content: "Tepki Terminali";
    flex-basis: 100%;
    padding-left: 22px;
    font-family: var(--sans);
    font-weight: 500;
    font-size: 13px;
    color: var(--sb-ink-dim);
  }
  .sb-nav {
    gap: 4px;
  }
  .sb-link {
    border-left: 0;
    border-radius: 10px;
    padding: 10px 14px;
    gap: 12px;
    color: var(--sb-ink);
    font-family: var(--sans);
    font-size: 15px;
    font-weight: 500;
  }
  .sb-link .sb-ikon {
    color: var(--sb-ink-dim);
    width: 14px;
    text-align: center;
  }
  .sb-link:hover {
    background: var(--sb-hover);
    color: #ffffff;
  }
  .sb-link.etkin,
  .sb-link.etkin:hover {
    background: var(--sb-sec);
    color: var(--sb-sec-ink);
    border-left: 0;
  }
  .sb-link.etkin .sb-ikon,
  :root[data-tema="acik"] .sb-link.etkin .sb-ikon {
    color: var(--sb-sec-ink);
    text-shadow: none;
  }
  .sb-rozet {
    border-radius: 999px;
  }
  .sb-alt {
    border-top: 1px solid var(--sb-cizgi);
    padding-top: 14px;
  }
  .sb-kota {
    border-radius: 10px;
    font-size: 12px;
  }
  .sb-dil,
  .sb-tema,
  .sb-cikis {
    border-radius: 10px;
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
  }
  .sb-dil.etkin {
    background: var(--sb-sec);
    border-color: var(--sb-sec);
    color: var(--sb-sec-ink);
  }
  .sb-tema:hover {
    border-color: var(--sb-ink-dim);
    background: var(--sb-hover);
  }
  .sb-cikis {
    text-transform: none;
  }
  .sb-mail {
    font-size: 13px;
  }

  /* ---------- 4. İÇERİK ALANI ---------- */
  .content-ic {
    max-width: none;
    border: 0;
    display: flex;
    flex-direction: column;
  }
  #uygulamaEkrani {
    flex: 1;
  }
  /* Üst çubuk: analiz başlatma konsolu beyaz şerit olarak giydirilir (konum solda, giriş alanı ortada, eylem sağda). */
  .konsol {
    background: var(--panel);
    border-bottom: 1px solid var(--line);
    padding: 16px 32px;
  }
  #tekKonsol {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 24px;
  }
  #tekKonsol .ipucu {
    grid-column: 2;
  }
  .konsol-h {
    font-family: var(--sans);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink);
    margin-bottom: 0;
  }
  .gundem-konsol .konsol-h {
    margin-bottom: 12px;
  }
  .satir {
    background: var(--panel2);
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 4px 4px 4px 14px;
    max-width: 880px;
  }
  .satir:focus-within {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-a);
  }
  .satir .prompt {
    color: var(--mut);
  }
  #urlGirdi {
    font-family: var(--sans);
    font-size: 15px;
    padding: 8px 0;
  }
  .ipucu {
    font-size: 13px;
    color: var(--mut);
  }

  /* Birincil düğme */
  .btn {
    background: var(--accent);
    color: var(--on-accent);
    border-radius: 10px;
    padding: 10px 16px;
    font-family: var(--sans);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: none;
  }
  .btn:hover {
    filter: none;
    background: var(--accent-h);
  }
  .btn.ikincil,
  .izle-btn.ikincil {
    background: var(--panel);
    color: var(--ink);
    border: 1px solid var(--line);
  }
  .btn.ikincil:hover,
  .izle-btn.ikincil:hover {
    background: var(--panel2);
    color: var(--ink);
  }

  /* Giriş alanları / seçimler */
  input[type="text"],
  input[type="search"],
  input[type="email"],
  select,
  textarea {
    font-family: var(--sans);
  }
  .gundem-input,
  .takip-input,
  .persona-input,
  .persona-textarea,
  .taslak-ton,
  .gundem-ulke,
  .izle-siklik,
  .arsiv-ara,
  .aktor-ara {
    border-radius: 10px;
    font-family: var(--sans);
    font-size: 14px;
  }
  .gundem-input:focus,
  .takip-input:focus,
  .persona-input:focus,
  .persona-textarea:focus,
  .taslak-ton:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-a);
    outline: none;
  }

  /* Durum ekranları (yükleniyor / boş / hata) — kart */
  #durumAlani:not(:empty) {
    padding: 26px 32px 0;
  }
  .durum,
  .bos,
  .uyari {
    max-width: var(--icerik);
    margin: 0 auto;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--kart-r);
    box-shadow: var(--shadow);
  }
  .durum {
    font-family: var(--sans);
    font-size: 15px;
  }
  .durum .satirlog.aktif {
    color: var(--ink);
  }
  .cursor {
    background: var(--accent);
  }
  .bos .big {
    font-family: var(--display);
    color: var(--ink);
    font-size: 26px;
  }
  .bos .s {
    font-family: var(--sans);
    font-size: 13px;
    color: var(--mut);
  }
  .uyari .box {
    border-left-color: var(--uyari);
    background: var(--uyari-zem);
    border-radius: 10px;
  }

  /* ---------- 5. RAPOR KAPLAMI (tek gönderi / gündem) ---------- */
  #sonuc {
    max-width: var(--icerik);
    margin: 0 auto;
    padding: 24px 32px 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  #sonuc.gizli {
    display: none !important;
  }
  .sonuc-arac {
    background: none;
    border: 0;
    padding: 0;
  }
  .pdf-btn {
    background: var(--accent);
    color: var(--on-accent);
    border: 0;
    border-radius: 10px;
    padding: 10px 16px;
    font-family: var(--sans);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
  }
  .pdf-btn svg {
    stroke: currentColor;
  }
  .pdf-btn:hover {
    background: var(--accent-h);
    color: var(--on-accent);
  }
  .sub {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--kutu-r);
    padding: 10px 16px;
    font-family: var(--sans);
    font-size: 14px;
    gap: 8px 22px;
  }
  .sub b {
    font-weight: 600;
  }

  /* Kartlar */
  /* minmax(0, …): içerikteki geniş SVG/metin sütunu genişletip yatay taşma yapmasın (eski 390px taşması) */
  .grid {
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .grid > * {
    min-width: 0;
  }
  .cell,
  .kcard,
  .ozet-kart,
  .karar-kart,
  .rd-kart,
  .rd-talep,
  .olay-kart,
  .gk {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--kart-r);
    box-shadow: var(--shadow);
  }
  .cell {
    padding: 20px;
  }
  /* Kart başlığı: büyük harf mono etiket → Sora başlık */
  /* Kart başlığı. Metin "// …" önekli (çeviri metni, değişmez) → küçük büyük-harf Sora etiket olarak okunur. */
  .h {
    font-family: var(--display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--ink);
    margin-bottom: 14px;
  }
  .verdict {
    font-family: var(--display);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-wrap: balance;
  }
  .signal {
    font-family: var(--sans);
    font-size: 14px;
    background: var(--krit-zem);
    border-left: 0;
    border-radius: 10px;
    color: var(--ink2);
  }
  .signal b {
    color: var(--krit-ink);
  }
  .note,
  .gundem-durust {
    font-family: var(--sans);
    font-size: 13px;
    color: var(--mut);
    padding: 4px 2px 16px;
  }
  .gizlilik-not,
  .arsiv-not {
    font-family: var(--sans);
    font-size: 13px;
    border-radius: 10px;
  }

  /* Küçük etiketler (mono → sans; okunur boyut) */
  .kcard .kl,
  .gs-not,
  .an-not,
  .ik-oku,
  .hc-alt,
  .mh-alt,
  .ksmall,
  .ksmall2,
  .rs-et,
  .kart-dipnot {
    font-family: var(--sans);
    letter-spacing: 0.02em;
  }
  .kcard .kl {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--mut);
  }
  .ksmall,
  .ksmall2 {
    font-size: 12px;
    color: var(--mut);
  }
  .gs-not,
  .an-not,
  .hc-alt,
  .mh-alt,
  .kart-dipnot {
    font-size: 13px;
    color: var(--mut);
  }
  .kbig,
  .gauge .g-big,
  .rs-say {
    font-family: var(--display);
    font-variant-numeric: tabular-nums;
  }

  /* Rozetler / etiketler (chip): yuvarlak, küçük, kalın */
  .karar-rozet,
  .tahmin-is,
  .rd-rz,
  .ol-rz,
  .org-bant,
  .olay-tip-rz,
  .yanki-rozet,
  .sisirme-rozet,
  .uyari-sayi,
  .gar-kilit {
    border-radius: 999px;
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    padding: 3px 10px;
  }

  /* Yönetici özeti + karar */
  .karar-blok {
    margin: 0;
    gap: 16px;
  }
  .ozet-kart,
  .karar-kart {
    padding: 20px 22px;
  }
  .ozet-kart {
    border-left: 1px solid var(--line);
  }
  .karar-kart {
    border-top: 5px solid var(--accent);
  }
  .ozet-etiket,
  .karar-etiket {
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--mut);
  }
  .ozet-baslik {
    font-family: var(--display);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    margin: 6px 0 8px;
    text-wrap: balance;
  }
  .ozet-durum,
  .karar-gerekce,
  .ozet-bulg,
  .karar-liste,
  .karar-taslak {
    font-size: 15px;
  }
  .ozet-bulg-h,
  .karar-alt-h {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mut);
    margin: 14px 0 4px;
  }
  .karar-alt-h.iyi {
    color: var(--pos);
  }
  .karar-alt-h.kotu {
    color: var(--krit-ink);
  }
  .karar-not {
    text-transform: none;
    letter-spacing: 0;
  }
  .karar-durus {
    font-size: 15px;
    color: var(--ink);
  }
  .karar-taslak {
    background: var(--panel2);
    border-left: 0;
    border-radius: var(--kutu-r);
    padding: 12px 14px;
    margin-top: 8px;
    line-height: 1.55;
  }
  .taslak-btn {
    border-radius: 10px;
    border-color: var(--accent);
    color: var(--accent);
    font-family: var(--sans);
    font-size: 14px;
    font-weight: 600;
  }
  .taslak-btn:hover:not(:disabled) {
    background: var(--accent-a);
  }
  /* Öncelik rozeti: renk satır içi (öncelik token'ı) → aynı renkte açık zeminli dolu chip */
  .karar-rozet {
    border-color: transparent !important;
    background: color-mix(in srgb, currentColor 13%, transparent);
  }

  /* Diğer eylem düğmeleri — birincil vurgu */
  .rd-btn,
  .izle-btn {
    background: var(--accent);
    color: var(--on-accent);
    border-radius: 10px;
    font-family: var(--sans);
    font-size: 14px;
    font-weight: 600;
  }
  .rd-btn.ikincil {
    background: var(--panel);
    color: var(--ink);
    border: 1px solid var(--line);
  }
  .rd-btn:hover:not(:disabled),
  .izle-btn:not(.ikincil):hover {
    background: var(--accent-h);
  }
  .rd-btn.ikincil:hover:not(:disabled) {
    background: var(--panel2);
  }

  /* KPI kartları */
  .kcards {
    gap: 12px;
  }
  .kcard {
    border-radius: var(--kutu-r);
  }

  /* İnce çubuklar (dağılım / anlatı / neden) */
  .ge-track,
  .b2-track,
  .r-track,
  .rd-cubuk {
    border-radius: 3px;
    background: var(--track);
  }
  .ge-track i,
  .b2-track i,
  .r-track i,
  .rd-cubuk span {
    border-radius: 3px;
  }

  /* ---------- 5b. RAPOR DÜZENİ: brifing (üst) + içerik (sol) + karar paneli (sağ) ----------
     Yalnız CSS sırası/ızgarası; DOM ve içerik aynı. Brifing = Yönetici Özeti (Ajans) — yoksa Değerlendirme kartı.
     KPI kutuları brifingin hemen altına alınır. Karar kartı geniş ekranda sağ sütuna geçer, dar ekranda akışta kalır. */
  #sonuc > * {
    order: 3;
  }
  #sonuc > .sonuc-arac,
  #sonuc > .gizlilik-not,
  #sonuc > .arsiv-not,
  #sonuc > .sub,
  #sonuc > .sayi-zinciri,
  #sonuc > .durma-satiri,
  #sonuc > .gundem-ceviri,
  #sonuc > .kapsam-uyari,
  #sonuc .karar-blok > .ozet-kart,
  #sonuc:not(:has(.ozet-kart)) > .cell.full:has(> .verdict),
  #sonuc > .kcards,
  #sonuc > .kcards-blok {
    order: 1;
  }
  #sonuc .karar-blok {
    display: contents;
  }
  #sonuc .karar-blok > .karar-kart {
    order: 2;
  }
  /* Brifing kartı */
  #sonuc .karar-blok > .ozet-kart,
  #sonuc:not(:has(.ozet-kart)) > .cell.full:has(> .verdict) {
    padding: 22px 24px;
  }
  #sonuc .ozet-etiket {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--chip-zem);
    color: var(--chip-ink);
  }
  #sonuc .ozet-baslik {
    font-size: 26px;
    line-height: 1.25;
    margin: 10px 0 8px;
  }

  /* KPI kutuları: karşı/kritik kırmızı, koordinasyon/uyarı amber, diğerleri nötr gri zemin.
     Renk, kartın kendi göstergesindeki (gauge/rakam) anlam token'ından okunur. */
  .kcard {
    background: var(--notr-zem);
    border-color: transparent;
    box-shadow: none;
  }
  .kcard:has([style*="stroke:var(--neg)"]),
  .kcard:has(.kbig[style*="color:var(--neg)"]) {
    background: var(--krit-zem);
  }
  .kcard:has([style*="stroke:var(--neg)"]) .kl,
  .kcard:has(.kbig[style*="color:var(--neg)"]) .kl {
    color: var(--krit-ink);
  }
  .kcard:has([style*="stroke:var(--amber)"]),
  .kcard:has(.kbig[style*="color:var(--amber)"]) {
    background: var(--uyari-zem);
  }
  .kcard:has([style*="stroke:var(--amber)"]) .kl,
  .kcard:has(.kbig[style*="color:var(--amber)"]) .kl {
    color: var(--uyari-ink);
  }
  /* KPI satırı tek beyaz kartın içinde (brifinge yapışık görünüm) */
  #sonuc > .kcards,
  #sonuc > .kcards-blok {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--kart-r);
    box-shadow: var(--shadow);
    padding: 14px;
  }
  #sonuc > .kcards-blok > .kcards {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
  }

  /* İnce çubuklar (referans: 6px, yuvarlak, açık ray) */
  .ge-track,
  .b2-track {
    height: 6px;
  }
  .segbar {
    height: 6px;
    border-radius: 3px;
  }

  @media (min-width: 1280px) {
    #sonuc {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 380px;
      grid-auto-flow: row dense;
      column-gap: 20px;
      row-gap: 0;
      align-items: start;
    }
    #sonuc > *,
    #sonuc .karar-blok > * {
      grid-column: 1 / -1;
      margin-bottom: 16px;
      min-width: 0;
    }
    /* Karar paneli varsa: içerik sol sütuna, karar sağ sütuna (brifing + KPI tam genişlik) */
    #sonuc:has(.karar-blok > .karar-kart) > *:not(.sonuc-arac):not(.gizlilik-not):not(.arsiv-not):not(.sub):not(.sayi-zinciri):not(.durma-satiri):not(.gundem-ceviri):not(.kapsam-uyari):not(.kcards):not(.kcards-blok):not(.karar-blok) {
      grid-column: 1;
    }
    #sonuc:not(:has(.ozet-kart)):has(.karar-blok > .karar-kart) > .cell.full:has(> .verdict) {
      grid-column: 1 / -1;
    }
    #sonuc .karar-blok > .karar-kart {
      grid-column: 2;
      grid-row: span 60;
    }
    #sonuc .karar-blok > .karar-kart .karar-iki {
      grid-template-columns: minmax(0, 1fr);
      gap: 4px;
    }
  }

  /* ---------- 6. SAYFALAR (.plan-ekran.sayfa) — üst çubuk + ortalanmış içerik ---------- */
  .plan-ekran.sayfa {
    padding: 0;
  }
  .plan-ekran.sayfa > .plan-panel {
    max-width: none;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    background: var(--bg);
    padding-bottom: 40px;
  }
  .plan-ekran.sayfa .plan-bar {
    padding: 18px 32px;
    background: var(--panel);
    border-bottom: 1px solid var(--line);
  }
  .plan-ekran.sayfa > .plan-panel > :not(.plan-bar) {
    box-sizing: border-box;
    max-width: calc(var(--icerik) + 64px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
  }
  .plan-ekran.sayfa > .plan-panel > :not(.plan-bar):first-of-type,
  .plan-ekran.sayfa .plan-bar + * {
    margin-top: 10px;
  }
  .plan-title {
    font-family: var(--sans);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink);
  }
  .plan-kapat {
    border-radius: 10px;
    width: 34px;
    height: 34px;
  }
  /* Modal katman (Planlar) */
  .plan-ekran:not(.sayfa) {
    background: rgba(14, 27, 43, 0.55);
  }
  .plan-ekran:not(.sayfa) .plan-panel {
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: var(--kart-r);
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(14, 27, 43, 0.25);
  }
  .plan-giris h2 {
    font-family: var(--display);
    font-weight: 700;
  }

  /* Modallar (yardım merkezi / persona / aktör dosyası) */
  .aktor-modal {
    background: rgba(14, 27, 43, 0.55);
  }
  .aktor-modal-ic {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--kart-r);
    box-shadow: 0 24px 60px rgba(14, 27, 43, 0.25);
  }
  .persona-h {
    font-family: var(--display);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink);
  }
  .ym-sekme {
    border-radius: 999px;
    font-family: var(--sans);
    font-weight: 600;
  }
  .ym-sekme.etkin {
    color: var(--on-accent);
    border-color: var(--accent);
    background: var(--accent);
  }
  .yasal-acc {
    border-radius: var(--kutu-r);
  }

  /* Liste kartları (arşiv / olay / takip) */
  .gk:hover,
  .olay-kart:hover {
    border-color: var(--accent);
  }
  .gk-at,
  .ol-konu {
    font-family: var(--display);
    font-weight: 600;
  }

  /* Filtre / seçim düğmeleri */
  .gf-btn,
  .cip,
  .gar,
  .kmp-tur {
    border-radius: 999px;
    font-family: var(--sans);
    font-weight: 600;
  }
  .gf-btn.etkin,
  .gar.etkin,
  .kmp-tur.etkin {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--on-accent);
  }
  .gf-btn.etkin .gf-say {
    color: var(--on-accent);
  }

  /* Altbilgi */
  .app-footer {
    font-family: var(--sans);
    font-size: 13px;
  }

  /* ---------- 7. GİRİŞ EKRANI ---------- */
  .giris h1 {
    font-family: var(--display);
    font-weight: 700;
    letter-spacing: -0.015em;
  }
  .giris h1 b {
    color: var(--accent);
  }
  .giris .kick,
  .giris .mini {
    font-family: var(--sans);
  }
  .btn-google {
    border-radius: 10px;
    font-family: var(--sans);
    font-weight: 600;
  }

  /* ---------- 8. MOBİL ---------- */
  @media (max-width: 600px) {
    .grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  @media (max-width: 860px) {
    .konsol {
      padding: 14px 16px;
    }
    #tekKonsol {
      grid-template-columns: minmax(0, 1fr);
      row-gap: 10px;
    }
    #tekKonsol .ipucu {
      grid-column: 1;
    }
    #sonuc {
      padding: 16px 16px 8px;
      gap: 14px;
    }
    #sonuc > * {
      min-width: 0;
    }
    #durumAlani:not(:empty) {
      padding: 16px 16px 0;
    }
    /* ☰ düğmesi (sabit, sol üst 12px / 40px) üst çubuğun solunda durur; başlık yanına kayar */
    .plan-ekran.sayfa {
      padding-top: 0;
    }
    .plan-ekran.sayfa .plan-bar {
      padding: 12px 16px 12px 64px;
      min-height: 64px;
    }
    .content {
      padding-top: 0;
    }
    .konsol {
      padding-top: 12px;
    }
    .konsol-h {
      min-height: 40px;
      display: flex;
      align-items: center;
      padding-left: 52px;
    }
    .gundem-konsol .konsol-h {
      margin-bottom: 8px;
    }
    /* (Eski hata) Mobilde Yenilikler/Personam çekmeceden açılınca modal (z 60) çekmecenin (z 70) altında kalıyor,
       kapatılamıyordu. Modallar çekmecenin üstüne alınır; çekmece davranışı aynı. */
    .aktor-modal {
      z-index: 80;
    }
    .plan-ekran.sayfa > .plan-panel > :not(.plan-bar) {
      padding-left: 16px;
      padding-right: 16px;
    }
  }
}