/* ═══ ortak/gorunum-kabartma.css — 3B KABARTMA GÖRÜNÜMÜ (D1, 2026-10-19) ═══════════════════════════════
   Ürün kararı (2026-10-18/19): 3B kabartma + süt kreması VARSAYILAN; bugünkü düz görünüş «Sade» seçenek
   (Diğer ▾ → Görünüm). Tasarım kaynağı: Design tuvali «Rasyon Ekranı 3B Görünüm» T3 (masaüstü tam ekran,
   simgesiz satır) + İ1-İ6 (iç pencereler) + koyu karşılıkları.

   DİL (tuvalde onaylı): BASILAN şey kabarık (tuş: üst ışık + alt çıkıntı), YAZILAN şey gömük (girdi: iç gölge),
   OKUNAN şey düz. En derin gölge yalnız ana sonuç kutusu + tek birincil eylem. Kazanç bu ayrımdan gelir
   (10-18 değerlendirmesi: «okunurluk arttı») — kabartma süs olarak her yüzeye yayılmaz.

   ⛔ Buradaki HER kural `:root[data-gorunum="kabartma"]` kapsamındadır: «Sade» seçiliyken hiçbir piksel değişmez
      (kişisel tema dosyasının deseni). Niteliği index.html <head> ön-boyaması + ortak/gorunum-ekran.js yazar.
   ⛔ Yükleme sırası: bütün bileşen dosyalarından SONRA (aynı özgüllükte kazanmak için), tema-trabzonspor.css'ten
      ÖNCE (kişisel tema yine en son söz). Koyu karşılık `[data-theme="dark"]` ile (ön-boyama her zaman yazar).

   Bu dosyada: D1 palet (süt kreması) + derinlik değişkenleri · D2a genel yüzeyler (kart, üst bar, tepsiler, tuşlar,
   gömük girdiler, hedef çipleri). Yem satırı D2b, sonuç alanları D2c, iç pencereler D3. */

/* ── Açık: süt kreması (P2) + derinlik değişkenleri ─────────────────────────────────────────────────── */
:root[data-gorunum="kabartma"] {
  --bg: #f0ebe1;
  --card: #fffefa;
  --card-head: #fbf8f1;
  --input-bg: #f4f0e7;
  --surface-soft: #ebe5d9;
  --line: #e2dacb;

  /* kabarık yüzey (kart, satır şeridi, tuş) */
  --kb-kenar: #e2dacb;
  --kb-kenar-tus: #dcd3c2;
  --kb-cikinti: #d4c9b5;
  --kb-isik: inset 0 1px 0 #ffffff;
  --kb-kart-yuzey: linear-gradient(180deg, #fffefa 0%, #faf7f0 100%);
  --kb-kart-golge: inset 0 1px 0 #ffffff, 0 1px 0 #d4c9b5, 0 2px 4px rgba(40, 30, 20, .08), 0 16px 32px -12px rgba(40, 30, 20, .24);
  --kb-kart-bas: linear-gradient(180deg, #fbf8f1, #f2ede3);
  --kb-serit-yuzey: linear-gradient(180deg, #fffefa, #f8f4ec);
  --kb-serit-golge: inset 0 1px 0 #ffffff, 0 1px 0 #d4c9b5, 0 2px 0 #dcd3c2, 0 6px 12px -8px rgba(40, 30, 20, .3);
  --kb-tus-yuzey: linear-gradient(180deg, #fffefa, #f3eee4);
  --kb-tus-golge: inset 0 1px 0 #ffffff, 0 3px 0 #d4c9b5, 0 5px 10px rgba(40, 30, 20, .14);
  --kb-tus-basili: inset 0 2px 4px rgba(40, 30, 20, .18), 0 1px 0 #d4c9b5;
  --kb-secili-golge: inset 0 1px 0 #ffffff, 0 1px 0 #cdc2ad, 0 3px 6px rgba(40, 30, 20, .14);
  /* kapsül / çip (küçük kabarık) */
  --kb-cip-yuzey: linear-gradient(180deg, #fbf8f2, #efeae0);
  --kb-cip-golge: inset 0 1px 0 #ffffff, 0 1px 0 #d4c9b5;

  /* gömük yüzey (girdi, tepsi) */
  --kb-gomuk-zemin: #f4f0e7;
  --kb-gomuk-kenar: #d4c9b5;
  --kb-gomuk-golge: inset 0 2px 4px rgba(40, 30, 20, .14), inset 0 -1px 0 rgba(255, 255, 255, .8), 0 1px 0 #ffffff;
  --kb-tepsi-zemin: #ebe5d9;
  --kb-tepsi-golge: inset 0 2px 5px rgba(40, 30, 20, .13), inset 0 -1px 0 rgba(255, 255, 255, .7), 0 1px 0 #ffffff;

  /* ikincil tuş yazısı (T3: kahve mürekkep) */
  --kb-tus-yazi: #5e3c1f;

  /* D2c: okunan not (gsum) hafif gömük · besin hücresi ayracı ışığı · ana sonuç kartı (renk temadan, --hero-1) */
  --kb-not-golge: inset 0 1px 2px rgba(40, 30, 20, .08), 0 1px 0 #ffffff;
  --kb-ayrac-isik: inset 1px 0 0 #ffffff;
  --kb-hero-golge: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -3px 0 rgba(0, 0, 0, .18),
    0 3px 0 color-mix(in srgb, var(--hero-1) 70%, #000), 0 24px 44px -12px color-mix(in srgb, var(--hero-1) 50%, transparent),
    0 56px 90px -34px color-mix(in srgb, var(--hero-1) 40%, transparent);

  /* D3: iç pencere (diyalog) ve açılır yüzey (menü, arama listesi) — en üstte duran kabarık levha + perde */
  --kb-pencere-golge: inset 0 1px 0 #ffffff, 0 3px 0 #d4c9b5, 0 24px 60px -10px rgba(20, 14, 10, .5);
  --kb-acilir-golge: inset 0 1px 0 #ffffff, 0 3px 0 #d4c9b5, 0 18px 40px -10px rgba(20, 14, 10, .5);
  --kb-perde: rgba(38, 33, 28, .38);

  /* birincil eylem (tek): marka yeşili kabarık tuş (Gökhan 2026-10-20 «A marka yeşili»; koyu kahve «negatif» okunuyordu).
     Beyaz yazı geçişin HER noktasında ≥4,5:1 (üst #32855f 4,51 · orta #2e7d5b 5,00 · alt #296f51 6,02). Durum yeşili düz yazı kalır. */
  --kb-birincil-yuzey: linear-gradient(180deg, #32855f 0%, #2e7d5b 60%, #296f51 100%);
  --kb-birincil-kenar: #1f5e42;
  --kb-birincil-yazi: #ffffff;
  --kb-birincil-golge: inset 0 1px 0 rgba(255, 255, 255, .22), 0 4px 0 #174a34, 0 8px 16px rgba(20, 14, 10, .28);
}

/* ── Koyu: kabarık = zeminden açık yüzey + üstte ince ışık + neredeyse siyah alt kenar; gömük = zeminden koyu;
      birincil tuş açık temayla AYNI marka yeşili (Gökhan 2026-10-20; 10-18'in açık krem birincili kalktı). ─────────────────── */
:root[data-gorunum="kabartma"][data-theme="dark"] {
  --bg: #100c0a;
  --card: #2c241e;
  --card-head: #221c17;
  --input-bg: #0b0807;
  --surface-soft: #090706;
  --line: #3a3028;

  --kb-kenar: #3a3028;
  --kb-kenar-tus: #3a3028;
  --kb-cikinti: #050403;
  --kb-isik: inset 0 1px 0 rgba(255, 255, 255, .09);
  --kb-kart-yuzey: linear-gradient(180deg, #2c241e 0%, #221c17 100%);
  --kb-kart-golge: inset 0 1px 0 rgba(255, 255, 255, .09), 0 1px 0 #050403, 0 2px 4px rgba(0, 0, 0, .19), 0 16px 32px -12px rgba(0, 0, 0, .58);
  --kb-kart-bas: linear-gradient(180deg, #221c17, #1a1512);
  --kb-serit-yuzey: linear-gradient(180deg, #2c241e, #1e1915);
  --kb-serit-golge: inset 0 1px 0 rgba(255, 255, 255, .09), 0 1px 0 #050403, 0 2px 0 #050403, 0 6px 12px -8px rgba(0, 0, 0, .7);
  --kb-tus-yuzey: linear-gradient(180deg, #2c241e, #1f1914);
  --kb-tus-golge: inset 0 1px 0 rgba(255, 255, 255, .09), 0 3px 0 #050403, 0 5px 10px rgba(0, 0, 0, .34);
  --kb-tus-basili: inset 0 2px 4px rgba(0, 0, 0, .43), 0 1px 0 #050403;
  --kb-secili-golge: inset 0 1px 0 rgba(255, 255, 255, .09), 0 1px 0 #050403, 0 3px 6px rgba(0, 0, 0, .34);
  --kb-cip-yuzey: linear-gradient(180deg, #2c241e, #221c17);
  --kb-cip-golge: inset 0 1px 0 rgba(255, 255, 255, .09), 0 1px 0 #050403;

  --kb-gomuk-zemin: #0b0807;
  --kb-gomuk-kenar: #463a30;
  --kb-gomuk-golge: inset 0 2px 4px rgba(0, 0, 0, .34), inset 0 -1px 0 rgba(255, 255, 255, .04), 0 1px 0 rgba(255, 255, 255, .05);
  --kb-tepsi-zemin: #090706;
  --kb-tepsi-golge: inset 0 2px 5px rgba(0, 0, 0, .31), inset 0 -1px 0 rgba(255, 255, 255, .04), 0 1px 0 rgba(255, 255, 255, .05);

  --kb-tus-yazi: #d6a274;

  --kb-not-golge: inset 0 1px 2px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .05);
  --kb-ayrac-isik: inset 1px 0 0 rgba(255, 255, 255, .05);
  --kb-hero-golge: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -3px 0 rgba(0, 0, 0, .3),
    0 3px 0 color-mix(in srgb, var(--hero-1) 45%, #000), 0 24px 44px -12px color-mix(in srgb, var(--hero-1) 40%, rgba(0, 0, 0, .7)),
    0 56px 90px -34px color-mix(in srgb, var(--hero-1) 30%, rgba(0, 0, 0, .5));

  --kb-pencere-golge: inset 0 1px 0 rgba(255, 255, 255, .09), 0 3px 0 #050403, 0 24px 60px -10px rgba(0, 0, 0, .8);
  --kb-acilir-golge: inset 0 1px 0 rgba(255, 255, 255, .09), 0 3px 0 #050403, 0 18px 40px -10px rgba(0, 0, 0, .8);
  --kb-perde: rgba(0, 0, 0, .55);

  --kb-birincil-yuzey: linear-gradient(180deg, #32855f 0%, #2e7d5b 60%, #296f51 100%);
  --kb-birincil-kenar: #1f5e42;
  --kb-birincil-yazi: #ffffff;
  --kb-birincil-golge: inset 0 1px 0 rgba(255, 255, 255, .18), 0 4px 0 #0f2e21, 0 10px 18px rgba(0, 0, 0, .6);
}

/* ── Diğer menüsündeki Görünüm seçicisi: seçili düğme kabarık (seçilen = basılmış değil, öne çıkmış), tepsi gömük ── */
:root[data-gorunum="kabartma"] .gorunum-sec {
  background: var(--kb-tepsi-zemin);
  box-shadow: var(--kb-tepsi-golge);
}
:root[data-gorunum="kabartma"] .gorunum-sec > button[aria-pressed="true"] {
  background: var(--kb-tus-yuzey);
  box-shadow: var(--kb-secili-golge);
}

/* ═══ D2a · GENEL YÜZEYLER ═══════════════════════════════════════════════════════════════════════════
   Seçiciler, ezdikleri kuralın özgüllüğünü `:root[data-gorunum]` önekiyle aşar; yükleme sırası (bileşen
   dosyalarından sonra) eşitlikte de kazandırır. Yerleşim (boyut, boşluk, sıra) DEĞİŞMEZ — yalnız yüzey. */

/* Kart: kabarık levha; başlık şeridi hafif koyu, üstte ışık çizgisi. */
:root[data-gorunum="kabartma"] .card {
  border-color: var(--kb-kenar);
  background: var(--kb-kart-yuzey);
  box-shadow: var(--kb-kart-golge);
}
/* Rasyonu Kur kartının kimlikle verilen amber kenar tonu (sayfa-iskeleti.css) kabartmada T3 kenarına döner: kartı
   ayıran artık gölge, renkli kenar değil. */
:root[data-gorunum="kabartma"] #rationInputPanel { border-color: var(--kb-kenar); }
:root[data-gorunum="kabartma"] .card > h2:first-child {
  border-bottom-color: var(--kb-kenar);
  border-radius: 15px 15px 0 0;
  background: var(--kb-kart-bas);
  box-shadow: var(--kb-isik);
}

/* Üst bar: krem şerit + marka yeşili alt çizgi; modül şeridi ve Kip grubu gömük tepsi, seçili öğe kabarık. */
:root[data-gorunum="kabartma"] body.kagit-bar .topbar {
  border-bottom: 2px solid var(--brand);
  background: var(--kb-serit-yuzey);
  box-shadow: var(--kb-isik);
}
:root[data-gorunum="kabartma"] body.kagit-bar .modul-serit,
:root[data-gorunum="kabartma"] body.kagit-bar .modeToggle,
:root[data-gorunum="kabartma"] .hedef-form .segment,
:root[data-gorunum="kabartma"] .tablo-sira .segment,
:root[data-gorunum="kabartma"] .tel-segment,
:root[data-gorunum="kabartma"] .tel-birim {
  background: var(--kb-tepsi-zemin);
  box-shadow: var(--kb-tepsi-golge);
}
:root[data-gorunum="kabartma"] body.kagit-bar .modul.aktif,
:root[data-gorunum="kabartma"] body.kagit-bar .modeToggle button.active,
:root[data-gorunum="kabartma"] .hedef-form .segment button[aria-checked="true"],
:root[data-gorunum="kabartma"] .tablo-sira .segment button[aria-pressed="true"],
:root[data-gorunum="kabartma"] .tel-segment > button[aria-checked="true"],
:root[data-gorunum="kabartma"] .tel-birim > button[aria-pressed="true"] {
  background: var(--kb-tus-yuzey);
  box-shadow: var(--kb-secili-golge);
}

/* İkincil tuşlar (bar düğmeleri, ghost/warn eylemler): kabarık, basınca gömülür. */
:root[data-gorunum="kabartma"] body.kagit-bar .reportBtn,
:root[data-gorunum="kabartma"] body.kagit-bar #tourButton,
:root[data-gorunum="kabartma"] body.kagit-bar #geriBildirimButton,
:root[data-gorunum="kabartma"] body.kagit-bar .themeToggle,
:root[data-gorunum="kabartma"] body.kagit-bar .cikisBtn,
:root[data-gorunum="kabartma"] body button.act.ghost,
:root[data-gorunum="kabartma"] body button.act.warn,
:root[data-gorunum="kabartma"] .diger > summary {
  border-color: var(--kb-kenar-tus);
  background: var(--kb-tus-yuzey);
  color: var(--kb-tus-yazi);
  box-shadow: var(--kb-tus-golge);
}
:root[data-gorunum="kabartma"] body.kagit-bar .reportBtn:active,
:root[data-gorunum="kabartma"] body.kagit-bar #tourButton:active,
:root[data-gorunum="kabartma"] body.kagit-bar #geriBildirimButton:active,
:root[data-gorunum="kabartma"] body.kagit-bar .themeToggle:active,
:root[data-gorunum="kabartma"] body.kagit-bar .cikisBtn:active,
:root[data-gorunum="kabartma"] body button.act.ghost:active,
:root[data-gorunum="kabartma"] body button.act.warn:active,
:root[data-gorunum="kabartma"] .diger > summary:active {
  box-shadow: var(--kb-tus-basili);
}

/* Dolu eylem tuşu (Çöz ve öbür düz `.act`): koyu kabarık; en derin gölge burada (hero ile birlikte). */
:root[data-gorunum="kabartma"] body button.act:not(.ghost):not(.warn):not(.danger):not(:disabled) {
  border-color: var(--kb-birincil-kenar);
  background: var(--kb-birincil-yuzey);
  color: var(--kb-birincil-yazi);
  box-shadow: var(--kb-birincil-golge);
}
:root[data-gorunum="kabartma"] body button.act:not(.ghost):not(.warn):not(.danger):not(:disabled):active {
  box-shadow: var(--kb-tus-basili);
  transform: translateY(2px);
}

/* Gömük girdiler: form alanları + yem arama kutusu (satır içi girdiler D2b'de). */
:root[data-gorunum="kabartma"] .f input:not([type="checkbox"]):not([type="radio"]),
:root[data-gorunum="kabartma"] .f select,
:root[data-gorunum="kabartma"] .yem-ara-kutu {
  border-color: var(--kb-gomuk-kenar);
  background: var(--kb-gomuk-zemin);
  box-shadow: var(--kb-gomuk-golge);
}
:root[data-gorunum="kabartma"] .f input:not([type="checkbox"]):not([type="radio"]):focus,
:root[data-gorunum="kabartma"] .f select:focus,
:root[data-gorunum="kabartma"] .yem-ara-kutu:focus-within {
  border-color: var(--brand);
  box-shadow: var(--kb-gomuk-golge), 0 0 0 3px var(--focus);
}

/* Telefon hayvan özeti kapsülleri (Öneri 1 · Dilim 2a): beyaz/krem kabarık kapsül — hedef çipi emsali (iç parlak üst çizgi + hafif gölge). */
:root[data-gorunum="kabartma"] .tel-hayvan-kapsul {
  border-color: var(--kb-kenar-tus);
  background: var(--kb-cip-yuzey);
  box-shadow: var(--kb-cip-golge);
}
:root[data-gorunum="kabartma"] .tel-hayvan-kapsul:active:not(:disabled) {
  box-shadow: var(--kb-tus-basili);
}

:root[data-gorunum="kabartma"] .tel-ayr-ac,
:root[data-gorunum="kabartma"] #results > .tel-ayr-baslik {
  border-color: var(--kb-kenar-tus);
  background: var(--kb-kart-yuzey);
  box-shadow: var(--kb-kart-golge);
}
:root[data-gorunum="kabartma"] .tel-ayr-ac:active,
:root[data-gorunum="kabartma"] #results > .tel-ayr-baslik:active {
  background: var(--kb-kart-bas);
  box-shadow: var(--kb-tus-basili);
}

/* Hedef şeridindeki çipler: küçük kabarık kapsül (basılır → açar). */
:root[data-gorunum="kabartma"] .hedef-serit .hedef-cip {
  border-color: var(--kb-kenar-tus);
  background: var(--kb-cip-yuzey);
  color: var(--ink);
  box-shadow: var(--kb-cip-golge);
}
:root[data-gorunum="kabartma"] .hedef-serit .hedef-cip:hover,
:root[data-gorunum="kabartma"] .hedef-serit .hedef-cip:focus-visible {
  border-color: var(--brand);
}

/* ── D2b · YEM SATIRI (masaüstü ≥721 px; telefon sıkı satırı D4'te) ─────────────────────────────
   T3 (onaylı tuval): her yem satırı tepsinin içinde ayrı KABARIK ŞERİT; simge kutusu yok, kısa tür
   kapsülü adın sağında. Yerleşim (sütun sırası, satır içi düzen) bugünküyle aynı — yalnız görünüş.
   Tablo `separate` kipine geçer ki satırlar arasında tepsi zemini görünsün; şerit hücre zeminleri +
   satırın gölgesiyle çizilir (Chrome tr gölgesini separate kipte boyar — tarayıcıda ölçüldü). */
@media (min-width: 721px) {
  :root[data-gorunum="kabartma"] .feedtable {
    border-collapse: separate;
    border-spacing: 0 6px;
    padding: 0 6px;
    border-radius: 14px;
    background: var(--kb-tepsi-zemin);
    box-shadow: var(--kb-tepsi-golge);
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row {
    border-radius: 12px;
    box-shadow: var(--kb-serit-golge);
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row > td {
    background: var(--kb-serit-yuzey);
    border-top: 1px solid var(--kb-kenar);
    border-bottom: 1px solid var(--kb-kenar);
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row > td:first-child {
    border-left: 1px solid var(--kb-kenar);
    border-radius: 12px 0 0 12px;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row > td:last-child {
    border-right: 1px solid var(--kb-kenar);
    border-radius: 0 12px 12px 0;
  }
  /* Simgesiz ızgara: simge sütunu düşer, kapsül (p) adla kanca (d) arasına girer. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main {
    grid-template-columns: auto max-content minmax(0, 1fr) auto auto;
    grid-template-areas:
      "a a . p d"
      "t k . p d";
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main > .yem-simge { display: none; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main > .iz-rozet { grid-column: 3; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main > .kiyim-kutu > .kiyim-acik,
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main > .kiyim-kutu > .kiyim-elek {
    grid-column: 1 / -1;
  }
  /* Tür etiketi (KABA, TİCARİ, ENERJİ…): OKUNAN öğe → DÜZ yazı. Kapsül/çerçeve/gölge YOK (arayuz-tasarimi §5b,
     Gökhan 10-20: «kapsül içinde kapsül rahatsız ediyor»); ayrımı yazı tonu, boyutu ve harf aralığı yapar.
     Boşsa (sınıfı bilinmeyen yem) hiç çizilmez. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main > .tur-kapsul:not(:empty) {
    display: inline-flex;
    grid-area: p;
    align-items: center;
    padding: 0 4px;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: var(--muted);
    font-size: 12px;            /* DS alt sınırı 12 px */
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1.4;
    white-space: nowrap;
  }
  /* Uzun tür adı kapsülle aynı bilgiyi söyler: görselden kalkar, ekran okuyucuda kalır
     (kapsül aria-hidden). KM fiyatı görünür kalır; baştaki « · » ayıracı artık bir şeyi ayırmıyor. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-type [data-role="feed-type-ad"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-type .km-fiyat::before { content: none; }
  /* «Serbest» kural hapı = kuralsız durum, gömük (T3); öteki kurallar kendi renginde kalır. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kural-rozet[data-tip="serbest"] {
    border-color: var(--kb-gomuk-kenar);
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-gomuk-golge);
  }
  /* Miktar = yazılan değer → gömük. Satırı kaldır = basılan → küçük kabarık tuş. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kg-cell input.num {
    border-color: var(--kb-gomuk-kenar);
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-gomuk-golge);
  }
  /* Kaldır sütunu 26 px'ti (table-layout:fixed → genişliği thead th-sil belirler); kenarlı 28 px tuş
     hücreden ve şeritten dışarı taşıyordu (ölçüldü) → sütun 40 px, tuşun sağında 8 px pay. */
  :root[data-gorunum="kabartma"] .feedtable thead th.th-sil { width: 40px; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row > td.remove-cell { padding-left: 4px; padding-right: 8px; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .remove-cell button.mini {
    border: 1px solid var(--kb-kenar-tus);
    background: var(--kb-tus-yuzey);
    box-shadow: var(--kb-tus-golge);
    color: var(--kb-tus-yazi);
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .remove-cell button.mini:active {
    box-shadow: var(--kb-tus-basili);
  }
}

/* ── D2c · ANA SONUÇ, BESİN ŞERİDİ, GEÇİT KARTLARI, NOTLAR ──────────────────────────────────────
   Sonuç kartı sayfanın EN DERİN yüzeyi (T3: birincil eylemle birlikte en derin gölge yalnız burada).
   Rengi temadan gelir (--hero-1/2; bordo tema da aynı derinliği alır) — burada yalnız ışık + çıkıntı.
   Çubuk renkleri motorun parlaklık kodudur (gosterge.css «RENK DEĞİL PARLAKLIK») → dolgu rengine
   dokunulmaz; kanal gömük, dolgu hafif kabarık. */
:root[data-gorunum="kabartma"] #hero.milkpanel {
  border-color: color-mix(in srgb, var(--hero-1) 80%, #000);
  box-shadow: var(--kb-hero-golge);
}
:root[data-gorunum="kabartma"] #hero .big #milkmax {
  text-shadow: 0 2px 0 rgba(0, 0, 0, .25), 0 8px 18px rgba(0, 0, 0, .3);
}
:root[data-gorunum="kabartma"] #hero .gbar {
  background: rgba(0, 0, 0, .24);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1);
}
:root[data-gorunum="kabartma"] #hero .gfill {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .35);
}
/* «SINIRLAYAN: …» etiketi = okunan durum → gömük kapsül. */
:root[data-gorunum="kabartma"] #hero .limtag {
  background: rgba(0, 0, 0, .2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1);
}
:root[data-gorunum="kabartma"] #hero .hero-ekonomi {
  border-top-color: rgba(0, 0, 0, .25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
/* Süt fiyatı / yağ primi = yazılan → koyu zeminde gömük kutu. */
:root[data-gorunum="kabartma"] #hero .hero-ekonomi input {
  border-color: rgba(0, 0, 0, .3);
  background: rgba(0, 0, 0, .22);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .1);
}

/* Besin şeridi: kart kabarık, hücre kümesi tepsi, hücreler arası ayraç + ışık. */
:root[data-gorunum="kabartma"] .besin-serit {
  border-color: var(--kb-kenar);
  background: var(--kb-kart-yuzey);
  box-shadow: var(--kb-kart-golge);
}
:root[data-gorunum="kabartma"] .besin-serit-govde {
  padding: 8px 0;
  border-radius: 14px;
  background: var(--kb-tepsi-zemin);
  box-shadow: var(--kb-tepsi-golge);
}
:root[data-gorunum="kabartma"] .besin-oge {
  border-left-color: var(--kb-kenar);
  box-shadow: var(--kb-ayrac-isik);
}
:root[data-gorunum="kabartma"] .besin-oge:first-child { box-shadow: none; }

/* Geçit kartları: okunan şerit; doluluk çubuğunun kanalı gömük (rozet ve dolgu rengi motorun bilgisi, dokunulmaz). */
:root[data-gorunum="kabartma"] .gate-card {
  border-color: var(--kb-kenar);
  background: var(--kb-serit-yuzey);
  box-shadow: var(--kb-serit-golge);
}
:root[data-gorunum="kabartma"] .gate-meter {
  background: var(--kb-gomuk-zemin);
  box-shadow: var(--kb-gomuk-golge);
}

/* Bilgi/uyarı notları (öneri, senaryo, işkembe bekçisi özeti): rengi durumu söyler, yüzey hafif gömük. */
:root[data-gorunum="kabartma"] .gsum {
  box-shadow: var(--kb-not-golge);
}

/* ═══ D3 · İÇ PENCERELER (tuval İ1-İ6) ═══════════════════════════════════════════════════════════
   Pencere = sayfanın üstünde duran kabarık levha (üst ışık + alt çıkıntı + uzun gölge), arkası perde.
   İçindeki dil aynı: yazılan gömük, basılan kabarık, seçilen öne çıkar. Yerleşim değişmez — yalnız görünüş. */

/* İ3 · diyaloglar (Çiftliğe kaydet ve kardeşleri: geri bildirim, yemlik, mesaj) + kılavuz + rapor kabuğu */
:root[data-gorunum="kabartma"] .kaydet-pencere,
:root[data-gorunum="kabartma"] .guide-modal,
:root[data-gorunum="kabartma"] .report-modal {
  border: 1px solid var(--kb-kenar);
  border-radius: 18px;
  background: var(--kb-serit-yuzey);
  box-shadow: var(--kb-pencere-golge);
}
:root[data-gorunum="kabartma"] .kaydet-pencere::backdrop {
  background: var(--kb-perde);
  backdrop-filter: blur(1.5px);
}
:root[data-gorunum="kabartma"] .guide-overlay,
:root[data-gorunum="kabartma"] .report-overlay {
  background: var(--kb-perde);
  backdrop-filter: blur(1.5px);
}
:root[data-gorunum="kabartma"] .kaydet-pencere select,
:root[data-gorunum="kabartma"] .kaydet-pencere input:not([type="checkbox"]):not([type="radio"]),
:root[data-gorunum="kabartma"] .kaydet-pencere textarea {
  border-color: var(--kb-gomuk-kenar);
  border-radius: 10px;
  background: var(--kb-gomuk-zemin);
  box-shadow: var(--kb-gomuk-golge);
}

/* ═══ A4 · ÇİFTLİĞE KAYDET (masaüstü, tuval Ic03) + DİĞER MENÜSÜ (tuval Ic05) — 2026-10-21 ═══════════════════════════
   Yalnız #kaydetPenceresi ve #digerMenu: `.kaydet-pencere` ailesini paylaşan kardeş pencereler (geri bildirim, yemlik, mesaj, paylaş) ETKİLENMEZ.
   Kaydet penceresi masaüstünde (≥721 px) 620 px levha: başlık bandı (açıklama + ×) · gövde (Çiftlik | Başlık · Not · Sahada ölçülenler kartı · düğmeler).
   Telefon (≤720 px) levhası rasyon.css'te; burada yalnız × tabanda gizli. Ana düğme yeşili mevcut `.act.primary` (--kb-birincil-*) — tuvaldeki koyu kahve
   Kaydet 10-20 «ana düğme yeşil» kararından ESKİ; yeşil kalır. Dosya sahipliği: gorunum-kabartma görünüm katmanı (ciftlige-kaydet.css @media barındırmaz). */
:root[data-gorunum="kabartma"] .kaydet-kapat { display: none; }
@media (min-width: 721px) {
  :root[data-gorunum="kabartma"] #kaydetPenceresi {
    width: 620px;
    max-width: none;
    margin: 96px auto auto;
    max-height: calc(100dvh - 112px);
    padding: 0;
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-bas {
    position: relative;
    padding: 16px 64px 16px 18px;
    border-bottom: 1px solid var(--kb-kenar);
    background: var(--kb-kart-bas);
    box-shadow: var(--kb-isik);
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-bas h3 { font-size: 18px; font-weight: var(--agirlik-vurgu, 600); line-height: 1.5; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-bas .kaydet-alt { margin: -2px 0 0; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-bas .kaydet-giris { margin: 8px 0 0; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-kapat {
    position: absolute;
    top: 16px;
    right: 18px;
    display: block;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--kb-kenar-tus);
    border-radius: 10px;
    background: var(--kb-tus-yuzey);
    box-shadow: var(--kb-tus-golge);
    color: var(--muted);
    font: inherit;
    font-size: 16px;
    font-weight: var(--agirlik-vurgu, 600);
    cursor: pointer;
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-kapat:active { box-shadow: var(--kb-tus-basili); }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-govde {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 18px 18px;
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-ikili { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-alan,
  :root[data-gorunum="kabartma"] #kaydetPenceresi #yeniCiftlikAlani { display: flex; flex-direction: column; gap: 5px; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi #yeniCiftlikAlani[hidden] { display: none; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-etiket { margin: 0; color: var(--murekkep-orta, var(--ink)); }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-etiket small { color: var(--muted); }
  :root[data-gorunum="kabartma"] #kaydetPenceresi select,
  :root[data-gorunum="kabartma"] #kaydetPenceresi input:not([type="checkbox"]):not([type="radio"]),
  :root[data-gorunum="kabartma"] #kaydetPenceresi textarea {
    min-height: 42px;
    padding: 0 12px;
    border-radius: 11px;
    font-size: 14px;
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi textarea { height: 42px; padding: 10px 12px; line-height: 20px; }
  /* Sahada ölçülenler: kabarık kart (tuval) — alanlar üçlü ızgara, gruplar arası kesikli çizgi yok. */
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--kb-kenar);
    border-radius: 12px;
    background: var(--kb-serit-yuzey);
    box-shadow: var(--kb-serit-golge);
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen > summary {
    display: flex;
    align-items: baseline;
    column-gap: 8px;
    list-style: none;
    color: var(--ink);
    font-size: 15px;
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen > summary::-webkit-details-marker { display: none; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen > summary::before { content: "▾"; margin-right: -4px; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen:not([open]) > summary::before { content: "▸"; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen > summary small { color: var(--muted); }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen > :not(summary) { margin-top: 10px; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen > .kaydet-alt { margin: 6px 0 0; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen-grup {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-olculen-grup + .kaydet-olculen-grup { padding-top: 0; border-top: 0; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-grup-sut { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, .8fr); }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-alan-tam { grid-column: 1 / -1; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-alan .kaydet-alt { margin: 0; }
  /* «Bu sayı neyi ölçüyor?»: liste yerine Tank | Grup | Tek inek segmenti (telefondaki ile aynı bileşen; değer listede durur). */
  :root[data-gorunum="kabartma"] #kaydetPenceresi select[data-tel-segment] { display: none; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .tel-segment {
    display: flex;
    gap: 2px;
    padding: 4px;
    border-radius: 11px;
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .tel-segment > button {
    flex: 1 1 0;
    height: 36px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 13px;
    font-weight: var(--agirlik-vurgu, 600);
    cursor: pointer;
  }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .tel-segment > button[aria-checked="true"] { border-color: var(--kb-kenar); color: var(--ink); }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-hata { margin: 0; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-hata:empty { display: none; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-dugmeler { margin: 0; gap: 10px; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-dugmeler .act { min-height: 46px; padding: 0 18px; font-size: 14px; }
  :root[data-gorunum="kabartma"] #kaydetPenceresi .kaydet-dugmeler .act.primary { padding: 0 30px; }
}

/* A4 · Diğer menüsü (tuval Ic05): 318 px levha, öğe = başlık + alt açıklama (44 px), grup başlığı, Görünüm grubu iki ayraç arasında.
   Öğe sırası/davranışı değişmez; «Güvenliği düzelt» (koşullu, hidden) tuvalde yok → alt satırsız. Yalnız masaüstü. */
@media (min-width: 721px) {
  :root[data-gorunum="kabartma"] #digerMenu .diger-liste { width: 318px; padding: 8px; gap: 2px; }
  :root[data-gorunum="kabartma"] #digerMenu .diger-baslik { padding: 0; margin: 2px 12px; }
  :root[data-gorunum="kabartma"] #digerMenu .diger-ogesi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 44px;
    padding: 4px 12px;
    font-size: 14px;
  }
  :root[data-gorunum="kabartma"] #digerMenu .diger-ogesi[hidden] { display: none; }
  :root[data-gorunum="kabartma"] #digerMenu .diger-ogesi.tehlikeli { border-top: 0; }
  :root[data-gorunum="kabartma"] #digerMenu .diger-grup {
    gap: 0;
    margin: 4px 2px;
    padding: 4px 6px 6px;
    border-top-color: var(--kb-kenar);
    border-bottom-color: var(--kb-kenar);
  }
  :root[data-gorunum="kabartma"] #digerMenu .diger-grup-baslik { margin: 0 0 6px 4px; }
  :root[data-gorunum="kabartma"] #digerMenu .gorunum-sec { gap: 2px; padding: 4px; border-radius: 11px; }
  :root[data-gorunum="kabartma"] #digerMenu .gorunum-sec > button { min-height: 36px; padding: 0 10px; border: 1px solid transparent; border-radius: 8px; font-size: 13px; }
  :root[data-gorunum="kabartma"] #digerMenu .gorunum-sec > button[aria-pressed="true"] { border-color: var(--kb-kenar); }
}

/* İ4 · rapor penceresi: yeşil araç çubuğu krem başlık şeridine döner; alanlar gömük; sayfa önizlemesi gömük
   tepside duran kâğıt (kâğıdın kendisi her temada beyaz kalır — PNG/PDF temiz çıksın). */
:root[data-gorunum="kabartma"] .report-toolbar {
  background: var(--kb-kart-bas);
  border-bottom: 1px solid var(--kb-kenar);
  box-shadow: var(--kb-isik);
}
:root[data-gorunum="kabartma"] .report-name-input {
  border: 1px solid var(--kb-gomuk-kenar);
  border-radius: 10px;
  background: var(--kb-gomuk-zemin);
  box-shadow: var(--kb-gomuk-golge);
  color: var(--ink);
}
:root[data-gorunum="kabartma"] .report-toolbar-not { color: var(--yellow-ink); }
:root[data-gorunum="kabartma"] .report-scroll {
  background: var(--kb-tepsi-zemin);
  box-shadow: var(--kb-tepsi-golge);
}
:root[data-gorunum="kabartma"] .report-sheet {
  box-shadow: 0 2px 0 var(--kb-cikinti), 0 10px 20px -8px rgba(40, 30, 20, .35);
}

/* İ2 + İ5 · açılır yüzeyler: yem arama listesi, Diğer menüsü, motor menüsü — pencere gibi kabarık levha;
   öğeler çizgisiz, yuvarlak satır; üzerine gelinen/seçilen öğe hafif yeşil + ince halka (renk tek kanal değil:
   halka da var). */
:root[data-gorunum="kabartma"] .yem-ara-liste,
:root[data-gorunum="kabartma"] .diger-liste,
:root[data-gorunum="kabartma"] .cozucu-menu {
  padding: 6px;
  border-color: var(--kb-kenar);
  border-radius: 16px;
  background: var(--kb-serit-yuzey);
  box-shadow: var(--kb-acilir-golge);
}
:root[data-gorunum="kabartma"] .yem-ara-secenek,
:root[data-gorunum="kabartma"] .diger-ogesi,
:root[data-gorunum="kabartma"] .cozucu-menu-ogesi {
  border-radius: 10px;
}
:root[data-gorunum="kabartma"] .yem-ara-secenek,
:root[data-gorunum="kabartma"] .cozucu-menu-ogesi { border-bottom-color: transparent; }
:root[data-gorunum="kabartma"] .diger-ogesi + .diger-ogesi:not(.tehlikeli) { border-top-color: transparent; }
:root[data-gorunum="kabartma"] .yem-ara-secenek:hover,
:root[data-gorunum="kabartma"] .yem-ara-secenek.active {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--green) 30%, transparent);
}

/* A3 · yem arama listesi (tuval Ic02YemEkle + Koyu, masaüstü ≥721 px): 618 px levha · «ÇİFTLİĞİN YEMLERİ» / «YEM KÜTÜPHANESİ · N SONUÇ» bölümleri · satır = ad + düz tür yazısı,
   alt bilgi (KM · HP), fiyat, «+ Ekle» tuşu (satırın kendisi tıklanır; tuş görsel işaret) · altlık: Enter ipucu + «Kendi yemini tanımla →». Okunan tür adı DÜZ yazı (§5b: kabartma yalnız
   dokunulanda). Satır içeriği `yemAramaSecenekHtml` (ekranlar/yem/yem-ekran.js); taban gizleme ekranlar/yem/yem.css. Telefon (≤720) bu bloğa girmez. */
@media (min-width: 721px) {
  /* seçili satır: tuval tonları (açık / koyu) */
  :root[data-gorunum="kabartma"] { --yem-ara-aktif-yuzey: linear-gradient(180deg, #f3faf5, #e6f2ea); --yem-ara-aktif-halka: #b9d6c4; }
  :root[data-gorunum="kabartma"][data-theme="dark"] { --yem-ara-aktif-yuzey: linear-gradient(180deg, #16291e, #12261b); --yem-ara-aktif-halka: #24452f; }
  :root[data-gorunum="kabartma"] .yem-ara-secenek:hover,
  :root[data-gorunum="kabartma"] .yem-ara-secenek.active {
    background: var(--yem-ara-aktif-yuzey);
    box-shadow: inset 0 0 0 1px var(--yem-ara-aktif-halka);
  }
  :root[data-gorunum="kabartma"] .yem-ara-liste {
    width: 618px;
    max-width: min(618px, 92vw);
    max-height: min(470px, 70vh);
    padding: 8px;
  }
  :root[data-gorunum="kabartma"] .yem-ara-secenek {
    min-height: 52px;
    padding: 0 8px 0 12px;
    gap: 10px;
  }
  :root[data-gorunum="kabartma"] .yem-ara-secenek:has(.yem-ara-alt) .yem-simge,
  :root[data-gorunum="kabartma"] .yem-ara-govde:has(.yem-ara-alt) .yem-ara-sinif { display: none; }
  :root[data-gorunum="kabartma"] .yem-ara-govde {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, auto) auto minmax(0, 1fr);
    column-gap: 6px;
    align-items: center;
  }
  :root[data-gorunum="kabartma"] .yem-ara-ad { font-size: 15px; line-height: 1.5; }
  :root[data-gorunum="kabartma"] .yem-ara-secenek[data-kendi] .yem-ara-ad::before { content: "★ " / ""; }
  :root[data-gorunum="kabartma"] .yem-ara-tur {
    display: block;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .06em;
    color: var(--muted);
  }
  :root[data-gorunum="kabartma"] .yem-ara-alt {
    display: block;
    grid-column: 1 / -1;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--muted);
  }
  :root[data-gorunum="kabartma"] .yem-ara-rasyonda::before { content: " · "; }
  :root[data-gorunum="kabartma"] .yem-ara-fiyat {
    display: block;
    font-family: var(--font-mono, "IBM Plex Mono", monospace);
    font-size: 13px;
    color: var(--kb-ogretici-yazi, var(--ink));
  }
  :root[data-gorunum="kabartma"] .yem-ara-ekle {
    display: inline-flex;
    align-items: center;
    height: 38px;
    padding: 0 14px;
    border: 1px solid var(--kb-kenar-tus);
    border-radius: 10px;
    background: var(--kb-tus-yuzey);
    box-shadow: var(--kb-tus-golge);
    color: var(--kb-onay-yazi, var(--green-ink));
    font-size: 13px;
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] .yem-ara-bolum {
    display: block;
    margin: 2px 8px 4px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    color: var(--muted);
  }
  :root[data-gorunum="kabartma"] .yem-ara-secenek + .yem-ara-bolum { margin-top: 8px; }
  :root[data-gorunum="kabartma"] .yem-ara-alt-serit {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 8px 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--muted);
  }
  :root[data-gorunum="kabartma"] .yem-ara-ipucu b { color: var(--kb-ogretici-yazi, var(--ink)); }
  :root[data-gorunum="kabartma"] .yem-ara-kendi {
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    color: var(--kb-tus-yazi);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
  }
}

/* İ1 · Kanıt alanı sekmeleri: şerit gömük tepsi, seçili sekme kabarık + mürekkep alt çizgi (seçimin renksiz
   kanalı korunur: kalınlık + çizgi + şekil; marka rengi hüküm rengi olmaz — gosterge.css künyesi). */
:root[data-gorunum="kabartma"] .sekme-serit {
  gap: 3px;
  padding: 4px;
  border-bottom: 0;
  border-radius: 12px;
  background: var(--kb-tepsi-zemin);
  box-shadow: var(--kb-tepsi-golge);
}
:root[data-gorunum="kabartma"] .sekme-serit button {
  border: 1px solid transparent;
  border-radius: 9px;
}
:root[data-gorunum="kabartma"] .sekme-serit button[aria-selected="true"] {
  border-color: var(--kb-kenar-tus);
  background: var(--kb-tus-yuzey);
  box-shadow: var(--kb-secili-golge), inset 0 -2px 0 var(--ink);
}
/* «Şu an yediriliyor mu?» cevabı: seçili hâl sekme emsaliyle aynı (basık gölge + mürekkep alt çizgi + kalın yazı). Seçici `body button.act.ghost`
   kuralını (0-4-2) yener (0-5-2); rasyon.css'teki `[aria-pressed="true"]` kenarlığı bu tema kuralı tarafından ezilip yalnız kalınlık kalıyordu. */
:root[data-gorunum="kabartma"] body button.act.yediriliyor-sec[aria-pressed="true"] {
  box-shadow: var(--kb-secili-golge), inset 0 -2px 0 var(--ink);
}

/* İ6 · çözümsüz öneri: kurucu kartındaki çıkış yolları kabarık tuş olur (mavi kutu tuş yerine), basınca gömülür. */
:root[data-gorunum="kabartma"] .gsum.kurucu-kart button,
:root[data-gorunum="kabartma"] .kural-kart-not #sifirdanKurBtn {
  min-height: 44px;
  border: 1px solid var(--kb-kenar-tus);
  border-radius: 10px;
  background: var(--kb-tus-yuzey);
  box-shadow: var(--kb-tus-golge);
  color: var(--kb-tus-yazi);
}
:root[data-gorunum="kabartma"] .gsum.kurucu-kart button:active,
:root[data-gorunum="kabartma"] .kural-kart-not #sifirdanKurBtn:active { box-shadow: var(--kb-tus-basili); }

/* ═══ D4 · TELEFON SIKI SATIR R3 (≤720 px; tuval R3 = masaüstü P2c ile aynı dil) ════════════════════
   Ürün kararı (10-18): telefonda yem adı okunmalı, ± basma alanı küçülmez. Her yem satırı gömük tepside ayrı
   kabarık şerit; simge kalkar (tür rengi yok — renk durum dilidir), tür KAPSÜLDE adın altında; ad tek satır
   kalabildiği kadar geniş. ± GÖRÜNEN tuş 30×30 kabarık, BASMA alanı 44×44 aynen (görünmez dolgu); sayı gömük
   kutuda. Sade seçiliyken bugünkü telefon satırı birebir (yem.css «TELEFONDA SIK YEM SATIRI v2»). */
@media screen and (max-width: 720px) {
  /* Tepsi kartın iç dolgusuna 10 px taşar (tuval R3: kart çerçevesi satıra yer verir) — ada +20 px. */
  :root[data-gorunum="kabartma"] .feedtable {
    width: calc(100% + 20px);   /* tablo tabanının width:100%'ü taşmayı yalnız kaydırırdı */
    box-sizing: border-box;
    margin-right: -10px;
    margin-left: -10px;
    padding: 6px;
    border-radius: 14px;
    background: var(--kb-tepsi-zemin);
    box-shadow: var(--kb-tepsi-golge);
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row {
    column-gap: 6px;
    min-height: 52px;
    box-sizing: border-box;
    margin-bottom: 6px;
    padding: 3px 2px 3px 10px;
    border: 1px solid var(--kb-kenar);
    border-radius: 12px;
    background: var(--kb-serit-yuzey);
    box-shadow: var(--kb-serit-golge);
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row:last-child { margin-bottom: 0; }

  /* Simge yok: ad ve alt satır tam genişlik. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .yem-simge { display: none; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .satir-ad {
    position: relative;
    flex: 1 1 100%;
    min-height: 0;
    padding: 3px 0 0;
    font-weight: 600;
  }
  /* Ad düğmesinin dokunma alanı yine ≥44 px: görünmez uzantı (görsel ad tek satıra iner, alan küçülmez). */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .satir-ad::after {
    content: "";
    position: absolute;
    inset: -6px 0 -14px;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-type,
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .satir-ozet { margin-left: 0; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-type { order: -2; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-type [data-role="feed-type-ad"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main > .tur-kapsul:not(:empty) {
    display: inline-flex;
    order: -3;                  /* tür adı kabı (.feed-type, görseli boş) kapsülden SONRAYA alınır → kapsül adla hizalı */
    align-items: center;
    margin: 1px 0 3px;
    padding: 0;                 /* §5b: okunan öğe düz yazı, kapsül/çerçeve/gölge YOK (masaüstüyle aynı) */
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1.35;
    white-space: nowrap;
  }

  /* Adımlayıcı: dış çerçeve kalkar; sayı gömük kutu, ± küçük kabarık tuş (44 px kutunun içinde 30 px). */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kg-adim {
    height: 44px;
    border-color: transparent;
    background: transparent;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kg-adim .kg-btn {
    position: relative;
    isolation: isolate;
    margin: 0 -4px;             /* 44 px basma kutusu komşusuna 4 px biner; görünen 30 px tuşlar yine 6 px ayrık kalır */
    color: var(--kb-tus-yazi);
    font-size: 18px;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kg-adim .kg-btn::before {
    content: "";
    position: absolute;
    inset: 7px;
    z-index: -1;
    border: 1px solid var(--kb-kenar-tus);
    border-radius: 9px;
    background: var(--kb-tus-yuzey);
    box-shadow: var(--kb-tus-golge);
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kg-adim .kg-btn:active { background: transparent; }
  /* Açılmış satır: «Yemi değiştir» araması ve ₺/kg yazılan alanlardır → gömük (çerçevesiz düz yazı gibi durmasın). */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row.ayrinti-acik .feed-combobox input,
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row.ayrinti-acik td.price-cell input.num {
    border: 1px solid var(--kb-gomuk-kenar);
    border-radius: 10px;
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-gomuk-golge);
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kg-adim .kg-btn:active::before { box-shadow: var(--kb-tus-basili); }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kg-adim input.num {
    flex: 0 0 54px;
    width: 54px;
    max-width: 54px;
    box-sizing: border-box;
    padding: 0 4px;             /* sayı kutusu dokunma tabanında (35 px) kalır — tuvaldeki 30 px için dokunma alanı küçültülmez */
    border: 1px solid var(--kb-gomuk-kenar);
    border-radius: 9px;
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-gomuk-golge);
    text-align: center;
    font-size: 16px;
  }
}

/* ═══ D5 · TELEFON ALT SEKMELERİ + PAYLAŞ (tuval S1-S11; düzen sayfalar/rasyon/rasyon.css «TELEFON · SEKMELİ») ═══════════════
   Çubuk kabarık şerit (üst kenarda ışık, yukarı düşen yumuşak gölge); Paylaş öğeleri yem şeridiyle aynı kabarık şerit, basınca
   gömülür. Orta Çöz zaten `button.act` birincil tuşu (D2a). Düzen/ölçü buraya GİRMEZ — yalnız yüzey. */
@media screen and (max-width: 720px) {
  :root[data-gorunum="kabartma"] .tel-sekme-cubugu {
    border-top-color: var(--kb-kenar);
    background: var(--kb-serit-yuzey);
    box-shadow: inset 0 1px 0 #ffffff, 0 -6px 16px -10px rgba(40, 30, 20, .35);
  }
  :root[data-gorunum="kabartma"][data-theme="dark"] .tel-sekme-cubugu {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 -6px 16px -10px rgba(0, 0, 0, .7);
  }
  :root[data-gorunum="kabartma"] .tel-paylas-oge,
  :root[data-gorunum="kabartma"] .tel-paylas-kaydet,
  :root[data-gorunum="kabartma"] #animalForm.hedef-form .hayvan-tepsi > .f,
  :root[data-gorunum="kabartma"] #animalForm.hedef-form > .f.hedef-bolum,
  :root[data-gorunum="kabartma"] .tel-hayvan-sicak .sicak-donem-secim {
    border-color: var(--kb-kenar);
    background: var(--kb-serit-yuzey);
    box-shadow: var(--kb-serit-golge);
  }
  /* A2a Hayvan/Paylaş sekmeleri: tepsi gömük; − / + ve «Ekle» kabarık tuş; «Kaydet» ana düğme yeşil; değer kutusu gömük. */
  :root[data-gorunum="kabartma"] .wrap[data-tel-sekme="hayvan"] .hayvan-tepsi {
    background: var(--kb-tepsi-zemin);
    box-shadow: var(--kb-tepsi-golge);
  }
  :root[data-gorunum="kabartma"] .tel-hayvan-adim > span,
  :root[data-gorunum="kabartma"] .tel-paylas-pwa-ekle {
    border-color: var(--kb-kenar-tus);
    background: var(--kb-tus-yuzey);
    box-shadow: var(--kb-tus-golge);
  }
  :root[data-gorunum="kabartma"] #animalForm.hedef-form .hayvan-tepsi .f input.num,
  :root[data-gorunum="kabartma"] #animalForm.hedef-form > .f.hedef-bolum input.num {
    border-color: var(--kb-gomuk-kenar);
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-gomuk-golge);
  }
  :root[data-gorunum="kabartma"] .tel-paylas-eylem {
    border-color: var(--kb-birincil-kenar);
    background: var(--kb-birincil-yuzey);
    color: var(--kb-birincil-yazi);
    box-shadow: var(--kb-birincil-golge);
  }
  :root[data-gorunum="kabartma"] .tel-hayvan-sicak .sicak-donem-secim input { box-shadow: inset 0 2px 4px rgba(20, 14, 10, .25); }
  :root[data-gorunum="kabartma"] .tel-paylas-oge:active:not(:disabled) {
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-tus-basili);
  }
  /* Dört göz K6: öteki telefon kontrolleri de basılınca gömülür (eskiden yalnız Paylaş öğeleri; sekme/menü/segment basışı sessizdi). */
  :root[data-gorunum="kabartma"] .tel-sekme:active:not(:disabled),
  :root[data-gorunum="kabartma"] .tel-menu-oge:active:not(:disabled),
  :root[data-gorunum="kabartma"] .tel-menu-kip > button:active:not(:disabled),
  :root[data-gorunum="kabartma"] .tel-segment > button:active:not(:disabled),
  :root[data-gorunum="kabartma"] .tel-birim > button:active:not(:disabled),
  :root[data-gorunum="kabartma"] .tel-yem-ara-kapat:active:not(:disabled) {
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-tus-basili);
  }
  /* D5b «Çözüldü» kartı: zeminden kalkan kabarık kart (rasyon.css `.tel-cozuldu:not([hidden])` 0,2,0 tabanını aşar). */
  :root[data-gorunum="kabartma"] .tel-cozuldu {
    border-color: var(--kb-kenar);
    background: var(--kb-serit-yuzey);
    box-shadow: inset 0 1px 0 #ffffff, 0 10px 24px -12px rgba(40, 30, 20, .5);
  }
  :root[data-gorunum="kabartma"][data-theme="dark"] .tel-cozuldu {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 10px 24px -12px rgba(0, 0, 0, .8);
  }
  /* D5b-2 ≡ menü paneli: Çözüldü kartıyla aynı kabarık kart; Çiftçi/Danışman kabı gömük oluk (İ5 menüsünün dili). */
  :root[data-gorunum="kabartma"] .tel-menu-panel {
    border-color: var(--kb-kenar);
    background: var(--kb-serit-yuzey);
    box-shadow: inset 0 1px 0 #ffffff, 0 16px 36px -16px rgba(40, 30, 20, .55);
  }
  :root[data-gorunum="kabartma"][data-theme="dark"] .tel-menu-panel {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 16px 36px -16px rgba(0, 0, 0, .8);
  }
  :root[data-gorunum="kabartma"] .tel-menu-kip {
    border-color: var(--kb-kenar);
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-tus-basili);
  }
}

/* ═══ D6 · YEMLERİM SAYFASI (yemlerim.html; Gökhan 2026-10-20 «kabartmalı», yerleşim AYNEN) ═══════════════
   Aynı dil: BASILAN kabarık (tuş), YAZILAN gömük (girdi), OKUNAN düz. Tablo, bilgi kutuları, sayaç, tarih, çiftlik süzgeci
   okunan öğedir — düz kalır («kapsül içinde kapsül yok»). Sekme tepsisi / bırakma alanı / etiket girdileri etiket-aktar.css'te
   (aynı --kb-* değişkenleri; bu katman yüklenince çalışır). Boyut ve boşluk DEĞİŞMEZ: dokunma hedefi 44 px olduğu gibi. */
:root[data-gorunum="kabartma"] .ym-ara input,
:root[data-gorunum="kabartma"] .ym-giris-tablo input,
:root[data-gorunum="kabartma"] .ym-giris-tablo select,
:root[data-gorunum="kabartma"] .ym-alan select,
:root[data-gorunum="kabartma"] .ym-satir-ciftlik {
  border-color: var(--kb-gomuk-kenar);
  background: var(--kb-gomuk-zemin);
  box-shadow: var(--kb-gomuk-golge);
}
:root[data-gorunum="kabartma"] .ym-ara:focus-within input,
:root[data-gorunum="kabartma"] .ym-giris-tablo input:focus,
:root[data-gorunum="kabartma"] .ym-giris-tablo select:focus,
:root[data-gorunum="kabartma"] .ym-alan select:focus,
:root[data-gorunum="kabartma"] .ym-satir-ciftlik:focus {
  background: var(--card);
}
/* Satır ve panel tuşları (düzenle · sil · vazgeç/evet · ayrıntı · çevir): kabarık, basınca gömülür. */
:root[data-gorunum="kabartma"] .ym-eylem button,
:root[data-gorunum="kabartma"] .ym-onay button,
:root[data-gorunum="kabartma"] .ym-ayrinti-dugme,
:root[data-gorunum="kabartma"] .ym-analiz-cevir {
  border-color: var(--kb-kenar-tus);
  background: var(--kb-tus-yuzey);
  color: var(--kb-tus-yazi);
  box-shadow: var(--kb-tus-golge);
}
:root[data-gorunum="kabartma"] .ym-eylem button.sil,
:root[data-gorunum="kabartma"] .ym-onay button.evet {
  color: var(--red-ink);
}
:root[data-gorunum="kabartma"] .ym-eylem button:active,
:root[data-gorunum="kabartma"] .ym-onay button:active,
:root[data-gorunum="kabartma"] .ym-ayrinti-dugme:active,
:root[data-gorunum="kabartma"] .ym-analiz-cevir:active {
  box-shadow: var(--kb-tus-basili);
}
/* «Vazgeç» düz `.act`tır ama birincil değildir (birincil = Hepsini kaydet): koyu dolu tuş kuralını (D2a) 0,3,2+ ile ikincile çevirir. */
:root[data-gorunum="kabartma"] body .ym-giris-dugme button#vazgecButton.act {
  background: var(--kb-tus-yuzey);
  border-color: var(--kb-kenar-tus);
  color: var(--kb-tus-yazi);
  box-shadow: var(--kb-tus-golge);
}
:root[data-gorunum="kabartma"] body .ym-giris-dugme button#vazgecButton.act:active {
  box-shadow: var(--kb-tus-basili);
  transform: none;
}

/* ── D7 · TUVAL EŞİ (CanliKapsulsuz, Gökhan 2026-10-20: «canlıda gördüğüm şey tuvalde gördüğüm gibi olsun») ──────────
   Masaüstü (≥721 px) rasyon ekranının ölçüleri onaylı tuvalden birebir: başlık özeti, Düzenle, yem satırı (kıyım adın
   YANINDA, düz yazı — Gökhan «kıyım … ham madde yazısının yanına gelebilir»), alt tuşlar, ana sonuç kartı.
   ⚠️ Alt tuşlar: tuvalde dördü de krem ikincil, tek yeşil Çöz → K4'ün (10-19) «Çiftliğe kaydet birincil · Sorun bildir
   bağlantı» kararı 3B görünümde tuvale döner (yeşil tek birincil = Çöz, ana-dugme-yesil-1020).
   ⚠️ Halka/rozet rengi motordan gelir (BUTUNLUK_RENK → satır içi `var(--turuncu)` vb.); burada yalnız #hero içinde o
   değişkenler koyu zeminde okunan tonlara çevrilir ve rozet/halka durumu `--kb-durum`a bağlanır — basamak→renk
   eşlemesi TEK yerde kalır. Çubuk parlaklık kodu (nötr soluk · darboğaz en parlak · hedef çerçeve) korunur. */
:root[data-gorunum="kabartma"] {
  --kb-ozet-cip-yuzey: linear-gradient(180deg, #f6f2e9, #ebe5d9);
  --kb-ozet-cip-kenar: #dcd3c2;
  --kb-ozet-cip-golge: inset 0 1px 0 rgba(255, 255, 255, .85), 0 1px 0 #cdc2ad;
  --kb-hap-golge: inset 0 1px 2px rgba(40, 30, 20, .12), 0 1px 0 #ffffff;
  --kb-hap-yazi: #423a32;
}
:root[data-gorunum="kabartma"][data-theme="dark"] {
  --kb-ozet-cip-yuzey: linear-gradient(180deg, #2c241e, #221c17);
  --kb-ozet-cip-kenar: #3a3028;
  --kb-ozet-cip-golge: inset 0 1px 0 rgba(255, 255, 255, .09), 0 1px 0 #050403;
  --kb-hap-golge: inset 0 1px 2px rgba(0, 0, 0, .34), 0 1px 0 rgba(255, 255, 255, .05);
  --kb-hap-yazi: #d9cfc4;
}
@media (min-width: 721px) {
  /* Başlık: «Bugünkü rasyon» 30/600 · özet çipleri mono 13, kalın değil, ayraçsız, 8×10 aralık. */
  :root[data-gorunum="kabartma"] .hedef-ozet .sayfa-baslik { letter-spacing: -.01em; margin-right: 10px; }
  :root[data-gorunum="kabartma"] .hedef-serit .hedef-cipler { gap: 8px 10px; }
  :root[data-gorunum="kabartma"] .hedef-serit .hedef-cip {
    min-height: 0;
    padding: 3px 10px;
    border: 1px solid var(--kb-ozet-cip-kenar);
    border-radius: 8px;
    background: var(--kb-ozet-cip-yuzey);
    box-shadow: var(--kb-ozet-cip-golge);
    color: var(--ink);
    font-family: var(--font-mono, "IBM Plex Mono", monospace);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
  }
  :root[data-gorunum="kabartma"] .hedef-serit .hedef-cip b { color: inherit; font-weight: 400; }
  :root[data-gorunum="kabartma"] .hedef-serit .hedef-cip + .hedef-cip::before { content: none; }
  /* «Düzenle ▾» = basılan → 40 px krem kabarık tuş (kapalıyken de). */
  :root[data-gorunum="kabartma"] .hedef-serit .hedef-ac,
  :root[data-gorunum="kabartma"] .hedef-serit:not(.acik) .hedef-ac {
    height: 40px;
    padding: 0 14px;
    border: 1px solid var(--kb-kenar-tus);
    border-radius: 10px;
    background: var(--kb-tus-yuzey);
    box-shadow: var(--kb-tus-golge);
    color: var(--kb-tus-yazi);
    font-size: 13px;
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] .hedef-serit .hedef-ac:active { box-shadow: var(--kb-tus-basili); }

  /* Yem satırı: tek satır — ad (15/600) · kıyım (12, düz) · tür (10,5/600) · düzenle. Satır 58 px. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row > td { height: 58px; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    grid-template-areas: "a k p d" "t t t t";
    column-gap: 8px;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main > .feed-combobox { align-self: center; }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-combobox input {
    font-size: 15px;
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kiyim-rozet {
    align-self: center;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: var(--muted);
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kiyim-rozet:hover,
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kiyim-rozet:focus-visible {
    color: var(--ink);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .feed-main > .tur-kapsul:not(:empty) {
    padding: 2px 0;
    font-size: 10.5px;
  }
  /* «Serbest» = okunan durum → gömük hap, kenarsız, 12 px. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kural-rozet[data-tip="serbest"] {
    padding: 3px 10px;
    border-color: transparent;
    border-radius: 999px;
    background: var(--kb-tepsi-zemin);
    box-shadow: var(--kb-hap-golge);
    color: var(--kb-hap-yazi);
    font-size: 12px;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row td.km-cell,
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row td.price-cell input.num { font-size: 14px; }
  /* Miktar 84×40 · mono 15/600 · sağa yaslı. Kaldır 32×32. */
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .kg-cell input.num {
    width: 84px;
    height: 40px;
    padding: 0 10px;
    border-radius: 11px;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
  }
  :root[data-gorunum="kabartma"] .feedtable tr.ration-row .remove-cell button.mini {
    width: 32px;
    height: 32px;
    border-color: var(--kb-kenar);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 #ffffff, 0 2px 0 var(--kb-cikinti);
    color: var(--muted);
    font-size: 16px;
  }

  /* «Şu an yediriliyor mu?» tuşları 42 px; Çöz 46 px, 0 34 px. */
  :root[data-gorunum="kabartma"] body button.act.yediriliyor-sec { min-height: 42px; padding: 0 14px; font-size: 13px; }
  :root[data-gorunum="kabartma"] body #chainRebalanceButton { min-height: 46px; padding: 0 34px; font-size: 14px; }

  /* Alt tuşlar: dört eşit sütun, 46 px, hepsi krem ikincil (tek yeşil = Çöz). */
  :root[data-gorunum="kabartma"] .addrow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }
  :root[data-gorunum="kabartma"] .addrow > button.act,
  :root[data-gorunum="kabartma"] body .addrow > button#ciftligeKaydetButton.act,
  :root[data-gorunum="kabartma"] body .addrow > button.act.ghost.sorun-bildir,
  :root[data-gorunum="kabartma"] .addrow > .diger > summary {
    min-height: 46px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--kb-kenar-tus);
    border-radius: 10px;
    background: var(--kb-tus-yuzey);
    box-shadow: var(--kb-tus-golge);
    color: var(--kb-tus-yazi);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
  }
  :root[data-gorunum="kabartma"] .addrow > .diger > summary { display: flex; align-items: center; justify-content: center; }
  :root[data-gorunum="kabartma"] .addrow > button.act:active,
  :root[data-gorunum="kabartma"] .addrow > .diger > summary:active {
    box-shadow: var(--kb-tus-basili);
    transform: none;
  }

  /* ── Ana sonuç kartı ── */
  :root[data-gorunum="kabartma"] #hero.milkpanel {
    --yesil: #7ee2a8;
    --sari: #f6d491;
    --turuncu: #f2a43c;
    --kirmizi: #ff9f8f;
    --metin-3: rgba(255, 255, 255, .84);
    --kb-durum: var(--turuncu);
    --kb-yuzde: #ffc77f;
    --kb-rz-1: #fff6e8;
    --kb-rz-2: #fbe0b8;
    --kb-rz-alt: #8a5a14;
    --kb-rz-yazi: #6e3a00;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 26px;
    border-color: color-mix(in srgb, var(--hero-1) 70%, #000000);
    /* Tuval: #2f6f57 → #245e48 → #153f32 (yeşil tema). Duraklar temadan türer ki kişisel tema kendi renginde kalsın. */
    background: radial-gradient(130% 90% at 18% 0%, color-mix(in srgb, var(--hero-2) 93%, #ffffff) 0%, var(--hero-2) 38%, var(--hero-1) 100%);
  }
  :root[data-gorunum="kabartma"] #hero:has(.btn-rozet[style*="--yesil"]) {
    --kb-durum: var(--yesil);
    --kb-yuzde: color-mix(in srgb, var(--kb-durum) 55%, #ffffff);
    --kb-rz-1: color-mix(in srgb, var(--kb-durum) 6%, #fff8ec);
    --kb-rz-2: color-mix(in srgb, var(--kb-durum) 30%, #fff3e0);
    --kb-rz-alt: color-mix(in srgb, var(--kb-durum) 55%, #3a2400);
    --kb-rz-yazi: color-mix(in srgb, var(--kb-durum) 30%, #2a1d10);
  }
  :root[data-gorunum="kabartma"] #hero:has(.btn-rozet[style*="--sari"]) {
    --kb-durum: var(--sari);
    --kb-yuzde: color-mix(in srgb, var(--kb-durum) 55%, #ffffff);
    --kb-rz-1: color-mix(in srgb, var(--kb-durum) 6%, #fff8ec);
    --kb-rz-2: color-mix(in srgb, var(--kb-durum) 30%, #fff3e0);
    --kb-rz-alt: color-mix(in srgb, var(--kb-durum) 55%, #3a2400);
    --kb-rz-yazi: color-mix(in srgb, var(--kb-durum) 30%, #2a1d10);
  }
  :root[data-gorunum="kabartma"] #hero:has(.btn-rozet[style*="--kirmizi"]) {
    --kb-durum: var(--kirmizi);
    --kb-yuzde: color-mix(in srgb, var(--kb-durum) 55%, #ffffff);
    --kb-rz-1: color-mix(in srgb, var(--kb-durum) 6%, #fff8ec);
    --kb-rz-2: color-mix(in srgb, var(--kb-durum) 30%, #fff3e0);
    --kb-rz-alt: color-mix(in srgb, var(--kb-durum) 55%, #3a2400);
    --kb-rz-yazi: color-mix(in srgb, var(--kb-durum) 30%, #2a1d10);
  }
  :root[data-gorunum="kabartma"] #hero:has(.btn-rozet[style*="--metin-3"]) {
    --kb-durum: #d9d3cc;
    --kb-yuzde: color-mix(in srgb, var(--kb-durum) 55%, #ffffff);
    --kb-rz-1: color-mix(in srgb, var(--kb-durum) 6%, #fff8ec);
    --kb-rz-2: color-mix(in srgb, var(--kb-durum) 30%, #fff3e0);
    --kb-rz-alt: color-mix(in srgb, var(--kb-durum) 55%, #3a2400);
    --kb-rz-yazi: color-mix(in srgb, var(--kb-durum) 30%, #2a1d10);
  }
  :root[data-gorunum="kabartma"] #hero > * { margin-top: 0; margin-bottom: 0; }
  /* A2b: hero içeriği `.hero-ozet-kart` (masaüstünde display: contents) içine girdi; üstteki sıfırlama artık onun çocuklarına da uygulanır → masaüstü düzeni bayt-eş. */
  :root[data-gorunum="kabartma"] #hero .hero-ozet-kart > * { margin-top: 0; margin-bottom: 0; }
  /* Başlık satırı: bardak simgesi (çizgi) · ANA SONUÇ · başlık 15/600 · sağda SINIRLAYAN hapı. */
  :root[data-gorunum="kabartma"] #hero .hero-title-row { gap: 10px; }
  :root[data-gorunum="kabartma"] #hero .hero-icon {
    width: 16px;
    height: 16px;
    overflow: hidden;
    color: transparent;
    font-size: 0;
    background: rgba(255, 255, 255, .84);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l-1.5 18h-7z'/%3E%3Cpath d='M7.5 9h9'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l-1.5 18h-7z'/%3E%3Cpath d='M7.5 9h9'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  }
  :root[data-gorunum="kabartma"] #hero .hero-title { flex: 1 1 auto; font-size: 15px; line-height: 1.5; }
  :root[data-gorunum="kabartma"] #hero .hero-title .lab {
    margin-right: 10px;
    color: rgba(255, 255, 255, .84);
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .06em;
  }
  :root[data-gorunum="kabartma"] #hero .hero-title .lab::after { margin-left: 10px; color: rgba(255, 255, 255, .84); }
  :root[data-gorunum="kabartma"] #hero .on-hesap-etiket { order: 1; }
  :root[data-gorunum="kabartma"] #hero .limtag {
    order: 2;
    padding: 4px 12px;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
  }
  /* «Ön hesap» okunan bir durum → düz yazı (kapsül içinde kapsül yok). */
  :root[data-gorunum="kabartma"] #hero .on-hesap-etiket {
    padding: 0;
    border: 0;
    color: rgba(255, 255, 255, .84);
    font-size: 11px;
    letter-spacing: .06em;
  }
  /* Halka: koyu disk · gömük iz · durum renginde yay (parlayan) · iç disk. */
  :root[data-gorunum="kabartma"] #hero .hero-ic {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 8px 24px;
    align-items: center;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ic:has(.btn-halka[hidden]) { grid-template-columns: minmax(0, 1fr); }
  :root[data-gorunum="kabartma"] #hero .hero-sag,
  :root[data-gorunum="kabartma"] #hero #butunlukOzet { display: contents; }
  :root[data-gorunum="kabartma"] #hero .big,
  :root[data-gorunum="kabartma"] #hero .why,
  :root[data-gorunum="kabartma"] #hero .btn-rozet { grid-column: -2 / -1; }
  :root[data-gorunum="kabartma"] #hero .big { grid-row: 1; }
  :root[data-gorunum="kabartma"] #hero .why { grid-row: 2; }
  :root[data-gorunum="kabartma"] #hero .btn-rozet { grid-row: 3; justify-self: start; margin-bottom: 0; }
  :root[data-gorunum="kabartma"] #hero .btn-sebep { grid-column: 1 / -1; grid-row: 4; margin-top: 8px; }
  :root[data-gorunum="kabartma"] #hero .btn-kadran-bag { grid-column: 1 / -1; grid-row: 5; justify-self: start; }
  :root[data-gorunum="kabartma"] #hero .btn-halka {
    position: relative;
    grid-column: 1;
    grid-row: 1 / 4;
    height: 132px;
    border-radius: 50%;
    --halka-yesil: var(--yesil);
    --halka-sari: var(--sari);
    --halka-turuncu: var(--turuncu);
    --halka-kirmizi: var(--kirmizi);
    background: radial-gradient(circle at 35% 28%, #3a7a61 0%, #1d4b3b 55%, #11342a 100%);
    box-shadow: inset 0 2px 2px rgba(255, 255, 255, .18), inset 0 -6px 12px rgba(0, 0, 0, .4), 0 6px 0 #0c271f, 0 12px 22px rgba(0, 0, 0, .35);
  }
  :root[data-gorunum="kabartma"] #hero .btn-halka::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 23px;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 40%, #1b4537, #133a2e);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .45);
  }
  :root[data-gorunum="kabartma"] #hero .btn-halka svg { position: relative; }
  :root[data-gorunum="kabartma"] #hero .btn-halka circle { stroke-width: 11.7px; }
  :root[data-gorunum="kabartma"] #hero .btn-halka circle:nth-of-type(2) {
    filter: drop-shadow(0 0 12px color-mix(in srgb, var(--kb-durum) 35%, transparent));
  }
  :root[data-gorunum="kabartma"] #hero .btn-halka circle:first-of-type {
    fill: none;
    stroke: rgba(0, 0, 0, .35);
  }
  :root[data-gorunum="kabartma"] #hero .btn-halka .btn-yuzde {
    fill: var(--kb-yuzde);
    font-family: var(--font-mono, "IBM Plex Mono", monospace);
    font-size: 24px;
  }
  :root[data-gorunum="kabartma"] #hero .btn-halka .btn-alt {
    fill: rgba(255, 255, 255, .84);
    font-family: var(--font-mono, "IBM Plex Mono", monospace);
    font-size: 11px;
  }
  /* Büyük sayı 72 px · L/gün 17 px · sebep 14 px · durum rozeti krem kabarık hap (yazı durum renginin koyusu). */
  :root[data-gorunum="kabartma"] #hero .hero-sag > * { margin: 0; }
  :root[data-gorunum="kabartma"] #hero .big {
    font-family: var(--font-mono, "IBM Plex Mono", monospace);
    gap: 10px;
    font-size: 72px;
    line-height: 72px;
    letter-spacing: -.01em;
  }
  :root[data-gorunum="kabartma"] #hero .big small {
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-family: var(--font-ui);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
  }
  :root[data-gorunum="kabartma"] #hero .why { color: #ffffff; font-size: 14px; }
  :root[data-gorunum="kabartma"] #hero .btn-rozet {
    padding: 3px 12px;
    background: linear-gradient(180deg, var(--kb-rz-1), var(--kb-rz-2)) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 2px 0 var(--kb-rz-alt), 0 4px 8px rgba(0, 0, 0, .25);
    color: var(--kb-rz-yazi);
    font-size: 11px;
    letter-spacing: .06em;
  }
  :root[data-gorunum="kabartma"] #hero .btn-sebep { color: rgba(255, 255, 255, .84); font-size: 13px; }
  /* Geçit satırı: parlayan noktalar, 12/600. */
  :root[data-gorunum="kabartma"] #hero .verdictsub { display: flex; flex-wrap: wrap; gap: 6px 18px; color: rgba(255, 255, 255, .84); font-size: 12px; font-weight: 600; line-height: 18px; }
  :root[data-gorunum="kabartma"] #hero .vsub { color: rgba(255, 255, 255, .84); font-size: 12px; font-weight: 600; }
  :root[data-gorunum="kabartma"] #hero .vsub .vdot {
    background: radial-gradient(circle at 35% 35%, #f6d491, #e0a83e 70%);
    box-shadow: 0 0 8px rgba(224, 168, 62, .7);
  }
  :root[data-gorunum="kabartma"] #hero .vsub.ok .vdot {
    background: radial-gradient(circle at 35% 35%, #8fe3b0, #2e9e5b 70%);
    box-shadow: 0 0 8px rgba(46, 158, 91, .7);
  }
  :root[data-gorunum="kabartma"] #hero .vsub.stop .vdot {
    background: radial-gradient(circle at 35% 35%, #ffc2b8, #d9533f 70%);
    box-shadow: 0 0 8px rgba(217, 83, 63, .7);
  }
  /* Çubuklar: 96 · esnek · 120 ızgara; kanal 18 px hap, 2 px iç pay; değer mono 20. Parlaklık kodu korunur. */
  :root[data-gorunum="kabartma"] #hero .gauge { gap: 12px; }
  :root[data-gorunum="kabartma"] #hero .gline { grid-template-columns: 96px minmax(0, 1fr) 120px; column-gap: 14px; }
  :root[data-gorunum="kabartma"] #hero .gline .gl { color: rgba(255, 255, 255, .84); font-size: 13px; }
  :root[data-gorunum="kabartma"] #hero .gline.darbogaz .gl { color: #ffffff; }
  :root[data-gorunum="kabartma"] #hero .gbar { height: 18px; padding: 2px; box-sizing: border-box; border-radius: 999px; }
  :root[data-gorunum="kabartma"] #hero .gfill {
    top: 2px;
    bottom: 2px;
    height: auto;
    max-width: calc(100% - 4px);
    margin-left: 2px;
    border-radius: 999px;
  }
  :root[data-gorunum="kabartma"] #hero .gfill.p:not(.darbogaz):not(.kirik-beyaz),
  :root[data-gorunum="kabartma"] #hero .gfill.e:not(.darbogaz):not(.kirik-beyaz) {
    background: linear-gradient(180deg, #e3ebe7 0%, #aebdb6 100%);
  }
  :root[data-gorunum="kabartma"] #hero .gfill.darbogaz { background: linear-gradient(180deg, #ffffff 0%, #cfe2d9 100%); }
  :root[data-gorunum="kabartma"] #hero .gfill.a { background: linear-gradient(180deg, #d4e3db, #9fb5aa); }
  :root[data-gorunum="kabartma"] #hero .gfill.t:not(.tek-beyaz) {
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .35) 0 3px, transparent 3px 7px);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .8);
  }
  :root[data-gorunum="kabartma"] #hero .gline .gv {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: normal;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  }
  :root[data-gorunum="kabartma"] #hero .gline.alim .gv { font-size: 14px; line-height: 21px; text-shadow: none; }
  :root[data-gorunum="kabartma"] #hero .alim-kunye { color: rgba(255, 255, 255, .84); line-height: 18px; }
  /* Ekonomi satırı: süt fiyatı 76×40 gömük, ortada mono. */
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi { padding-top: 14px; font-size: 13px; }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-fiyat { color: #ffffff; font-size: 13px; font-weight: 600; }
  :root[data-gorunum="kabartma"] #hero #sutFiyatiInput {
    width: 76px;
    height: 40px;
    padding: 0 10px;
    border-radius: 11px;
    background: #1a4a39;
    font-family: var(--font-mono, "IBM Plex Mono", monospace);
    font-weight: 400;
    text-align: center;
  }
}

/* ── İ7 · DÜZENLE AÇIK (tuval Ic07Duzenle, Gökhan 10-20 onayı) ─────────────────────────────────────────────────────
   Başlık satırı açıkken de kapalıdaki gibi düz kalır; kart yalnız form gövdesidir (kabarık krem kart, 20/22 iç pay).
   «Düzenle/Kapat» satırın sağ ucunda (onaylı CanliKapsulsuz şeridinde de öyle). Etiketler büyük harf 12/600 + .06em,
   sayı kutuları 42 px gömük (mono 15/600), segment 36 px. «Rasyonun hedefi» ayraçla ayrılır; not kutunun sağında. */
@media (min-width: 721px) {
  :root[data-gorunum="kabartma"] .hedef-serit .hedef-ac { margin-left: auto; }
  :root[data-gorunum="kabartma"] #animalPanel.hedef-serit.acik {
    padding: 2px 2px 0;
    border-color: transparent;
    background: none;
    box-shadow: none;
  }
  :root[data-gorunum="kabartma"] .hedef-serit .hedef-govde {
    margin-top: 14px;
    padding: 20px 22px 22px;
    border: 1px solid var(--kb-kenar);
    border-radius: 16px;
    background: var(--kb-kart-yuzey);
    box-shadow: var(--kb-kart-golge);
  }
  :root[data-gorunum="kabartma"] .hedef-govde .io.hedef-form { gap: 16px 22px; }
  :root[data-gorunum="kabartma"] .hedef-form .f label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
  }
  :root[data-gorunum="kabartma"] .hedef-form .segment { border-radius: 12px; }
  :root[data-gorunum="kabartma"] .hedef-form .segment button {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 9px;
  }
  :root[data-gorunum="kabartma"] .hedef-form .segment button[aria-checked="true"] { border-color: var(--kb-kenar); }
  :root[data-gorunum="kabartma"] .hedef-form .f input.num {
    width: 72px;
    height: 42px;
    min-height: 0;
    padding: 0 12px;
    color: var(--ink);
    font-size: 15px;
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] .hedef-form .birimli input.num { width: 116px; padding-right: 34px; }
  :root[data-gorunum="kabartma"] .hedef-form .birimli.genis input.num { width: 140px; padding-right: 50px; }
  :root[data-gorunum="kabartma"] .hedef-form .birimli.orta input.num { width: 100px; padding-right: 28px; }
  :root[data-gorunum="kabartma"] .hedef-form .birim { right: 12px; }
  :root[data-gorunum="kabartma"] .hedef-form .f.hedef-bolum {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "b ." "l ." "i n";
    column-gap: 22px;
    margin-top: 4px;
    padding-top: 20px;
    border-top: 1px solid var(--kb-kenar);
    box-shadow: var(--kb-isik);
  }
  :root[data-gorunum="kabartma"] .hedef-form .hedef-bolum > .hedef-bolum-baslik {
    grid-area: b;
    margin-bottom: 4px;
    font-size: 15px;
  }
  :root[data-gorunum="kabartma"] .hedef-form .hedef-bolum > label { grid-area: l; }
  :root[data-gorunum="kabartma"] .hedef-form .hedef-bolum > .birimli { grid-area: i; }
  :root[data-gorunum="kabartma"] .hedef-form .hedef-bolum > .hedef-bolum-not {
    grid-area: n;
    align-self: center;
    margin: 0;
    font-size: 13px;
  }
}

/* ── İ9 · KADRANLAR (tuval Ic09Kadranlar, Gökhan 10-20 «i9 kadranlar çok güzel olmuş») ──────────────────────────────
   Başlık satırı: KADRANLAR etiketi · sayaç cümlesi (22/600) · not. Altında kinetik kart (başlık şeridi + iki sütun: sol büyük
   sayı ve öğretici metin, sağ «hız nereden geliyor» listesi), grup durakları gömük tepside, dört grup ayrı kabarık kart (başlık
   şeridinde ad · kaynak · ✓ sayaç), içinde dört sütun yarım daire kadran. DOM aynen (kapasite-ekran.js); yer değişimi
   `display: contents` + `order` ile. Kadran yayında «eksen ince, bant kalın» kararı korunur (6/8; tuvalde 7/7). */
:root[data-gorunum="kabartma"] {
  --kb-kadran-iz: #e2dacb;
  --kb-kadran-bant: #8fc3a6;
  --kb-onay-yazi: #1f5e42;
  --kb-izleme-yazi: #7a4f00;
  --kb-ogretici-yazi: #423a32;
}
:root[data-gorunum="kabartma"][data-theme="dark"] {
  --kb-kadran-iz: #3a3028;
  --kb-kadran-bant: #2f6b4a;
  --kb-onay-yazi: #7fdca3;
  --kb-izleme-yazi: #f0c274;
  --kb-ogretici-yazi: #d0c9c2;
}
@media (min-width: 721px) {
  :root[data-gorunum="kabartma"] #kadranPanel {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 18px;
    overflow: visible;
    border: 0;
    background: none;
    box-shadow: none;
  }
  :root[data-gorunum="kabartma"] #kadranPanel > .body,
  :root[data-gorunum="kabartma"] #kadranPanel #kadranlar,
  :root[data-gorunum="kabartma"] #kadranPanel .kd-ust { display: contents; }
  /* başlık satırı */
  :root[data-gorunum="kabartma"] #kadranPanel > h2 {
    order: 1;
    align-self: baseline;
    margin: 6px 0 0;
    padding: 0;
    border: 0;
    background: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
  }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-sayac {
    order: 2;
    align-self: baseline;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-sayac.temiz { color: var(--ink); }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-ust-not {
    order: 3;
    flex: 1 1 260px;
    align-self: baseline;
    margin: 0;
    font-size: 13px;
  }
  /* kinetik kart */
  :root[data-gorunum="kabartma"] #kadranPanel .nh-kart {
    order: 4;
    flex: 1 1 100%;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    grid-auto-flow: row dense;
    column-gap: 24px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--kb-kenar);
    border-radius: 16px;
    background: var(--kb-kart-yuzey);
    box-shadow: var(--kb-kart-golge);
    overflow: hidden;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-ust {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 12px 16px 12px 18px;
    border-bottom: 1px solid var(--kb-kenar);
    background: var(--kb-kart-bas);
    box-shadow: var(--kb-isik);
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-baslik { font-size: 16px; font-weight: 600; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-rozet {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--kb-izleme-yazi);
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-sayilar {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 0 18px;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-sayi b {
    font-family: var(--font-num);
    font-size: 17px;
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-sayi:first-child b { font-size: 40px; line-height: 1.1; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-birim { font-size: 15px; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-alt { font-size: 13px; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-ogretici {
    grid-column: 1;
    grid-row: span 3;
    margin: 10px 0 18px 18px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-2, var(--ink));
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-bolum { grid-column: 2; margin: 14px 18px 0 0; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-bolum h4 {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-liste li {
    padding: 7px 0;
    border-top: 1px solid var(--kb-kenar);
    border-bottom: 0;
    font-size: 13px;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-pay { font-family: var(--font-num); font-size: 13px; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-dipnot { grid-column: 2; margin: 8px 18px 18px 0; font-size: 11px; }
  /* grup durakları: gömük tepsi; durak düz, üzerine gelince kabarır; sorunlu durak kırmızı kalır */
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak-serit {
    order: 5;
    flex: 1 1 100%;
    flex-wrap: nowrap;
    gap: 4px;
    margin: 0;
    padding: 4px;
    border-radius: 12px;
    background: var(--kb-tepsi-zemin);
    box-shadow: var(--kb-tepsi-golge);
  }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 14px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: none;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak:hover {
    border-color: var(--kb-kenar);
    background: var(--kb-tus-yuzey);
    box-shadow: var(--kb-secili-golge);
  }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak.sorunlu { border-color: var(--red); background: var(--red-bg); }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak-ad { font-size: 14px; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak-say { font-size: 12px; }
  /* grup kartları */
  :root[data-gorunum="kabartma"] #kadranPanel .kd-blok {
    order: 6;
    flex: 1 1 100%;
    min-width: 0;
    margin: 0;
    border: 1px solid var(--kb-kenar);
    border-radius: 16px;
    background: var(--kb-kart-yuzey);
    box-shadow: var(--kb-kart-golge);
  }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-blok-baslik {
    position: static;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 12px 16px 12px 18px;
    border-bottom: 1px solid var(--kb-kenar);
    border-radius: 16px 16px 0 0;
    background: var(--kb-kart-bas);
    box-shadow: var(--kb-isik);
    font-size: 16px;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-grup-kaynak { font-size: 12px; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-blok-say { font-size: 13px; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-blok.temiz .kd-blok-say { color: var(--kb-onay-yazi); }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-blok.temiz .kd-blok-say::before { content: "✓ "; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-blok-not { margin: 0; padding: 14px 18px 0; font-size: 13px; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 10px;
    max-width: none;
    padding: 14px 18px 18px;
  }
  /* yarım daire kadran: krem iz + açık yeşil bant (tuval); ince eksen / kalın bant oranı korunur */
  :root[data-gorunum="kabartma"] #kadranPanel .kd svg { max-width: 96px; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-eksen { stroke: var(--kb-kadran-iz); stroke-width: 6; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-hedef { stroke: var(--kb-kadran-bant); stroke-width: 8; stroke-linecap: round; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-igne { stroke-width: 2.4; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-deger { font-family: var(--font-num); }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-ad { font-weight: 600; }
  /* «bu ineğe göre» / «rahat bölge» okunan etikettir: kapsülsüz, bant satırının devamı (§5b; tuval «19,2 – 22,4 · bu ineğe göre») */
  :root[data-gorunum="kabartma"] #kadranPanel .kd-bant:has(+ .kd-rozet),
  :root[data-gorunum="kabartma"] #kadranPanel .kd-bant:has(+ .kd-etiket) { display: inline; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-rozet,
  :root[data-gorunum="kabartma"] #kadranPanel .kd-bant + .kd-etiket {
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: none;
    color: var(--muted);
    font-family: var(--font-num);
    font-size: 11px;
    font-weight: 400;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-bant + .kd-rozet,
  :root[data-gorunum="kabartma"] #kadranPanel .kd-bant + .kd-etiket { display: inline; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-bant + .kd-rozet::before,
  :root[data-gorunum="kabartma"] #kadranPanel .kd-bant + .kd-etiket::before { content: " · "; }
  /* ── tuval eşi ince ayar (İ9 ikinci tur): satır yüksekliği 1,5 miras (tuval), durak düğmesi `button` varsayılanı, nişasta kartı ızgarası ── */
  :root[data-gorunum="kabartma"] #kadranPanel > h2 { line-height: 1.5; box-shadow: none; border-radius: 0; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-sayac { line-height: 1.5; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-ust-not { line-height: 1.5; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-rozet { border-radius: 0; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-sayilar { gap: 4px; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-sayi { gap: 0 5px; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-birim { font-family: var(--font-num); }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-alt { line-height: 1.5; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-ogretici { margin-top: 12px; color: var(--kb-ogretici-yazi); }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-liste li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px 72px 44px;
    gap: 10px;
    align-items: baseline;
  }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-eksik li { grid-template-columns: minmax(0, 1fr) 164px; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-eksik .nh-pay { grid-column: 2; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-eksik .nh-yem { color: var(--muted); }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-pay { display: contents; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-pay > span { color: var(--ink); }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-eksik .nh-pay > span { color: var(--muted); }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-pay > .nh-ayrac { display: none; }
  :root[data-gorunum="kabartma"] #kadranPanel .nh-pay > span:last-of-type:not(:only-of-type) { text-align: right; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak { line-height: normal; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak-ad { line-height: normal; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak-say { line-height: normal; font-weight: 400; color: var(--muted); }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-durak.sorunlu .kd-durak-say { font-weight: 600; color: var(--red-ink); }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-blok-not { line-height: 1.5; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-grid { padding-top: 0; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd { padding: 0; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd.dusuk,
  :root[data-gorunum="kabartma"] #kadranPanel .kd.yuksek { padding: 6px 8px 8px; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd svg { width: 96px; max-width: none; height: 52px; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-gobek { r: 3.5px; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd.iyi .kd-deger { color: var(--ink); }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-deger { margin-top: 2px; line-height: 1.2; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-birim { margin-left: .6em; line-height: 1.2; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-ad { line-height: 1.5; min-height: 0; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd { min-width: 0; }
  :root[data-gorunum="kabartma"] #kadranPanel .kd-ad,
  :root[data-gorunum="kabartma"] #kadranPanel .kd-bant { margin-top: 2px; }
}
@media (min-width: 1051px) {
  :root[data-gorunum="kabartma"] #kadranPanel .kd-blok { flex-basis: calc(50% - 9px); }
}

/* ═══ TELEFON · SONUÇ (A2b, 2026-10-21; tuval Sekme06 Özet · Sekme07 Sağlık) ═══════════════════════════════════════════════
   Ölçüler tuvalin hesaplanmış stilinden (stil_agaci): iç sekme şeridi 40 px (düğme 34 px, dokunma alanı ::after ile 44 px) · yeşil kart 14 12 12 · 12/13/15 px yazılar ·
   ayrı Ekonomi kartı. İç sekme şeridi gömük, seçili kapsül kabarık. Yerleşim/gizleme: sayfalar/rasyon/rasyon.css «SONUÇ İÇ SEKMELERİ». Yalnız ≤720 px (masaüstü hero'su 721+ bloğunda, değişmedi). */
@media screen and (max-width: 720px) {
  :root[data-gorunum="kabartma"] .tel-sonuc-serit {
    gap: 0;
    padding: 3px;
    margin: 0 0 12px;
    border-radius: 12px;
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-gomuk-golge);
  }
  :root[data-gorunum="kabartma"] .tel-sonuc-serit > button {
    position: relative;
    height: 34px;
    min-height: 0;
    padding: 0 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--muted);
    font-size: 13px;
    line-height: 20px;
    box-shadow: none;
  }
  :root[data-gorunum="kabartma"] .tel-sonuc-serit > button::after {
    content: "";
    position: absolute;
    inset: -5px 0;
  }
  :root[data-gorunum="kabartma"] .tel-sonuc-serit > button[aria-selected="true"] {
    background: var(--kb-cip-yuzey);
    box-shadow: var(--kb-cip-golge);
    color: var(--ink, inherit);
  }

  /* Özet: `#hero` kabı şeffaf; yeşil kart `.hero-ozet-kart`, Ekonomi kartı ayrı. */
  :root[data-gorunum="kabartma"] .wrap #hero.milkpanel {
    gap: 12px;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ozet-kart {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 4px 12px;
    padding: 14px 12px 12px;
    border: 1px solid color-mix(in srgb, var(--hero-1) 70%, #000000);
    border-radius: 14px;
    background: radial-gradient(130% 90% at 18% 0%, color-mix(in srgb, var(--hero-2) 93%, #ffffff) 0%, var(--hero-2) 38%, var(--hero-1) 100%);
    box-shadow: var(--kb-kart-golge);
    color: #ffffff;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ozet-kart > * {
    grid-column: 1 / -1;
  }
  :root[data-gorunum="kabartma"] #hero .hero-tel-etiket {
    display: block;
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  :root[data-gorunum="kabartma"] #hero .hero-tel-pil:not([hidden]) {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
  }
  :root[data-gorunum="kabartma"] #hero .hero-tel-pil::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #7fdca3;
  }
  :root[data-gorunum="kabartma"] #hero .hero-tel-pil[data-ton="eksik"]::before {
    background: #f6d491;
  }

  /* Tuvalde olmayan hero parçaları telefonda gizli (bilgi Sağlık sekmesinde; masaüstü hero'su aynen). */
  :root[data-gorunum="kabartma"] #hero .hero-title-row,
  :root[data-gorunum="kabartma"] #hero #butunlukHalka,
  :root[data-gorunum="kabartma"] #hero .why,
  :root[data-gorunum="kabartma"] #hero #butunlukOzet,
  :root[data-gorunum="kabartma"] #hero .verdictsub {
    display: none;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ic,
  :root[data-gorunum="kabartma"] #hero .hero-sag {
    display: block;
    padding: 0;
  }
  :root[data-gorunum="kabartma"] #hero .big {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 0;
  }
  :root[data-gorunum="kabartma"] #hero .big #milkmax {
    font-size: 34px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: normal;
  }
  :root[data-gorunum="kabartma"] #hero .big small,
  :root[data-gorunum="kabartma"] #hero .hero-tel-hedef:not([hidden]) {
    display: inline;
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
  }
  :root[data-gorunum="kabartma"] #hero .big .hero-tel-hedef:not([hidden]) {
    margin-left: -2px;
  }
  :root[data-gorunum="kabartma"] #hero .gauge {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
  }
  :root[data-gorunum="kabartma"] #hero .gline {
    display: grid;
    grid-template-columns: 76px 1fr 36px 58px;
    align-items: center;
    height: 28px;
    gap: 8px;
  }
  :root[data-gorunum="kabartma"] #hero .gline .gl {
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    font-weight: 400;
  }
  :root[data-gorunum="kabartma"] #hero .gline .gbar {
    height: 14px;
    border-radius: 6px;
  }
  :root[data-gorunum="kabartma"] #hero .gline .gv {
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
  }
  :root[data-gorunum="kabartma"] #hero .gline[data-tel-sinirlayan] .gl {
    color: #ffffff;
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] #hero .gline[data-tel-sinirlayan]::after {
    content: "sınırlayan";
    font-size: 12px;
    font-weight: 700;
  }
  :root[data-gorunum="kabartma"] #hero .alim-kunye {
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    line-height: 17px;
  }

  /* Ekonomi: yeşil kartın içinden ayrı kabarık kart; satırlar çizgiyle ayrılır, «Cebe kalan» yeşil. */
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 4px 10px 6px;
    border: 1px solid var(--kb-kenar);
    border-radius: 14px;
    background: var(--kb-kart-yuzey);
    box-shadow: var(--kb-kart-golge);
    color: var(--ink, inherit);
    font-size: 15px;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-fiyat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--kb-kenar);
    color: var(--muted-strong, var(--ink, inherit));
    font-size: 15px;
    font-weight: 400;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi #sutFiyatiInput {
    width: 76px;
    height: 36px;
    margin-left: auto;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-gomuk-golge);
    color: var(--ink, inherit);
    font-size: 15px;
    font-weight: 600;
    text-align: right;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-sayilar {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-kalem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    padding: 0 4px;
    border-bottom: 1px solid var(--kb-kenar);
    color: var(--muted-strong, var(--ink, inherit));
    font-size: 15px;
    font-weight: 400;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-kalem:last-child {
    border-bottom: 0;
    color: var(--ink, inherit);
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-kalem b {
    color: var(--ink, inherit);
    font-size: 15px;
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-iofc b {
    color: var(--kb-birincil-1, #1f5e42);
    font-size: 17px;
  }
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-prim summary,
  :root[data-gorunum="kabartma"] #hero .hero-ekonomi .he-fiyat-yok {
    color: var(--muted);
    font-size: 12px;
  }
  :root[data-gorunum="kabartma"] #hero .gline.alim .gv {
    font-size: 12px;
  }

  /* ── Sağlık (tuval Sekme07): «İŞKEMBE BEKÇİSİ» etiketi + gömük kap içinde kabarık geçit satırları; «GEREKSİNİM · KARŞILAMA» tablosu ── */
  :root[data-gorunum="kabartma"] .wrap[data-tel-sonuc-alt="saglik"] #results > #guardpanel,
  :root[data-gorunum="kabartma"] .wrap[data-tel-sonuc-alt="saglik"] #results > #gereksinimPanel {
    border: 0;
    background: none;
    box-shadow: none;
  }
  :root[data-gorunum="kabartma"] .wrap[data-tel-sonuc-alt="saglik"] #results > #indicatorPanel {
    order: 23;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel > h2,
  :root[data-gorunum="kabartma"] #results > #gereksinimPanel > h2 {
    display: block;
    padding: 0 4px 8px;
    border: 0;
    background: none;
    box-shadow: none;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel > h2 > .section-heading,
  :root[data-gorunum="kabartma"] #results > #gereksinimPanel > h2 > .section-heading {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel #gateScore,
  :root[data-gorunum="kabartma"] #results > #guardpanel #guardsum,
  :root[data-gorunum="kabartma"] #results > #guardpanel .gecit-ac {
    display: none;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel > .body,
  :root[data-gorunum="kabartma"] #results > #gereksinimPanel > .body {
    padding: 0;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel #hardChecks {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 4px;
    border-radius: 14px;
    background: var(--kb-gomuk-zemin);
    box-shadow: var(--kb-gomuk-golge);
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel .gate-card {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: 10px;
    padding: 6px 10px 6px 12px;
    border: 1px solid var(--kb-kenar);
    border-radius: 12px;
    background: var(--kb-kart-yuzey);
    box-shadow: var(--kb-kart-golge);
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel .gate-head {
    display: contents;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel .gate-name {
    grid-column: 1;
    grid-row: 1;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel .gate-state {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: normal;
    text-transform: none;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel .gate-state::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel .gate-meter {
    display: none;
  }
  :root[data-gorunum="kabartma"] #results > #guardpanel .gate-ends {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    color: var(--muted);
    font-size: 12px;
    line-height: 17px;
  }

  :root[data-gorunum="kabartma"] #results > #gereksinimPanel > .body {
    padding: 2px 10px 4px;
    border: 1px solid var(--kb-kenar);
    border-radius: 14px;
    background: var(--kb-kart-yuzey);
    box-shadow: var(--kb-kart-golge);
  }
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable thead th {
    padding: 6px 4px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 400;
    text-transform: lowercase;
  }
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable thead th:last-child {
    visibility: hidden;
    width: 18px;
  }
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable tbody td {
    padding: 10px 4px;
    border-bottom: 0;
    color: var(--muted);
    font-size: 14px;
  }
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable tbody td:first-child {
    color: var(--ink, inherit);
    font-weight: 600;
  }
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable tbody td:nth-child(3) {
    color: var(--ink, inherit);
    font-weight: 600;
  }
  /* Durum sütunu: pil yerine nokta (renk durumdan; metin ekran okuyucuya kalır). */
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable .st {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 50%;
    background: var(--muted);
    color: transparent;
    font-size: 0;
  }
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable .st.ok {
    background: var(--kb-birincil-1, #2e7d5b);
  }
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable .st.lo,
  :root[data-gorunum="kabartma"] #gereksinimPanel .rtable .st.hi {
    background: #c08300;
  }
}

/* ═══ A5 · SAĞLIK / KANIT ALANI (tuval Ic01Saglik + Koyu, 1280 px, Gökhan onaylı; ürün BİREBİR) ═══════════════════════════
   KÜNYE: tek kart (başlık bandı: «Kanıt alanı · Sonucun dayanakları» + sekme şeridi sağda) · sol sütun İŞKEMBE BEKÇİSİ (geçit satırları
   + UYARILAR) · sağ sütun GEREKSİNİM / KARŞILAMA tablosu (altında ürünün Göstergeler kartları) · durum hapı «✓ uygun / ! dikkat / ! uyarı».
   Varsayılan gizleme (yeni yuvalar masaüstü 3B dışında görünmez): ekranlar/gosterge/saglik-kanit.css.
   ⛔ KAPSAM: yalnız masaüstü (≥ 1051 px) + 3B kabartma. Durum sözcüğü/ışığı motorun tonundan (checkTone); ekranda eşik YOK.
   Kapsül içinde kapsül yok (§5b): okunan satır düz, hap yalnız durum etiketi. Renkler mevcut jetonlardan: ok/dikkat zemini = --green-bg/--yellow-bg
   (tuvaldeki zeminlere YAKIN jeton; açık tema ±birkaç ton), ok yazısı = --kb-onay-yazi, dikkat yazısı = --kb-izleme-yazi, ışık = --kb-isik. */
@media (min-width: 1051px) {
  /* ── Kart: #results tek levha; başlık bandı ::before ile tam genişlik ── */
  :root[data-gorunum="kabartma"] #results {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    grid-template-rows: auto auto auto minmax(0, 1fr);
    column-gap: 20px;
    row-gap: 0;
    padding: 0 18px 18px;
    border: 1px solid var(--kb-kenar);
    border-radius: 16px;
    background: var(--kb-kart-yuzey);
    box-shadow: var(--kb-kart-golge);
    overflow: hidden;
  }
  :root[data-gorunum="kabartma"] #results::before {
    content: "";
    grid-column: 1 / -1;
    grid-row: 1;
    margin: 0 -18px;
    border-bottom: 1px solid var(--kb-kenar);
    background: var(--kb-kart-bas);
    box-shadow: var(--kb-isik);
  }
  :root[data-gorunum="kabartma"] #results > .kanit-basi {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    align-self: center;
    column-gap: 6px;
    row-gap: 4px;
    margin: 0;
    padding: 14px 0;
    border-top: 0;
  }
  :root[data-gorunum="kabartma"] #results > .sekme-serit {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    margin: 0;
  }
  :root[data-gorunum="kabartma"] .kanit-basi .kanit-etiket {
    color: var(--ink);
    font-size: 15px;
    font-weight: var(--agirlik-vurgu, 600);
    letter-spacing: 0;
    text-transform: none;
  }
  :root[data-gorunum="kabartma"] .kanit-basi .kanit-baslik {
    color: var(--muted);
    font-size: 13px;
    font-weight: var(--agirlik-metin, 400);
  }
  :root[data-gorunum="kabartma"] .kanit-basi .kanit-baslik::before { content: "· "; }
  :root[data-gorunum="kabartma"] .kanit-basi .kanit-not {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--muted);
    font-size: 12px;
  }

  /* ── Sekme içi paneller kartın içinde DÜZ bölüm: kendi levhası/bandı yok (kart içinde kart yok); başlık küçük etiket ── */
  :root[data-gorunum="kabartma"] #results > [data-sekme],
  :root[data-gorunum="kabartma"] #results > #soylemedigimPanel,
  :root[data-gorunum="kabartma"] #results > #kurucuOkumasi {
    margin: 18px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
  :root[data-gorunum="kabartma"] #results > [data-sekme] > h2,
  :root[data-gorunum="kabartma"] #results > #soylemedigimPanel > h2,
  :root[data-gorunum="kabartma"] #results > #kurucuOkumasi > h2 {
    padding: 0 0 10px;
    border-bottom: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  :root[data-gorunum="kabartma"] #results > [data-sekme] > h2 .section-heading > span:first-child,
  :root[data-gorunum="kabartma"] #results > #soylemedigimPanel > h2 .section-heading > span:first-child,
  :root[data-gorunum="kabartma"] #results > #kurucuOkumasi > h2 .section-heading > span:first-child {
    color: var(--muted);
    font-size: 12px;
    font-weight: var(--agirlik-vurgu, 600);
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  :root[data-gorunum="kabartma"] #results > [data-sekme] > .body,
  :root[data-gorunum="kabartma"] #results > #soylemedigimPanel > .body,
  :root[data-gorunum="kabartma"] #results > #kurucuOkumasi > .body { padding: 0; }
  /* Sekmesiz iki bölüm (Söylemediğim · kurucu okuması) her sekmede kartın altında, tam genişlik */
  :root[data-gorunum="kabartma"] #results > #soylemedigimPanel,
  :root[data-gorunum="kabartma"] #results > #kurucuOkumasi { grid-column: 1 / -1; grid-row: auto; }

  /* ── Yerleşim: sol İşkembe Bekçisi, sağ Gereksinim + Göstergeler (kuyruk satırı esner; sağ sütun boşluk yemez) ── */
  :root[data-gorunum="kabartma"] #results > #guardpanel { grid-column: 1; grid-row: 2 / 5; }
  :root[data-gorunum="kabartma"] #results > #saglikGereksinim { grid-column: 2; grid-row: 2; }
  :root[data-gorunum="kabartma"] #results > #indicatorPanel { grid-column: 2; grid-row: 3; }
  :root[data-gorunum="kabartma"] #results > #saglikGereksinim { display: block; }
  :root[data-gorunum="kabartma"] #results.tek-panel > #saglikGereksinim { grid-column: 2; }

  /* ── İşkembe Bekçisi: başlık + «Geçitleri gizle» aynı satır; geçitler gömük tepside tek satır ── */
  :root[data-gorunum="kabartma"] #guardpanel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: start;
    column-gap: 12px;
    row-gap: 10px;
  }
  :root[data-gorunum="kabartma"] #guardpanel > h2 { grid-column: 1; grid-row: 1; align-self: center; }
  :root[data-gorunum="kabartma"] #guardpanel > .body { display: contents; }
  :root[data-gorunum="kabartma"] #guardpanel #gecitAc {
    grid-column: 2;
    grid-row: 1;
    height: 34px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid var(--kb-kenar-tus);
    border-radius: 10px;
    background: var(--kb-tus-yuzey);
    color: var(--kb-tus-yazi);
    font-size: 12px;
    font-weight: var(--agirlik-vurgu, 600);
    box-shadow: var(--kb-tus-golge);
  }
  :root[data-gorunum="kabartma"] #guardpanel #gecitAc:active { box-shadow: var(--kb-tus-basili); }
  :root[data-gorunum="kabartma"] #guardpanel #gecitAc[hidden] { display: none; }
  :root[data-gorunum="kabartma"] #guardpanel #guardsum { grid-column: 1 / -1; grid-row: 2; margin: 0; }
  :root[data-gorunum="kabartma"] #guardpanel #hardChecks { grid-column: 1 / -1; grid-row: 3; }
  :root[data-gorunum="kabartma"] #guardpanel #guardWarnHead { grid-column: 1 / -1; grid-row: 4; margin: 6px 0 0; }
  :root[data-gorunum="kabartma"] #guardpanel #guardWarnings { grid-column: 1 / -1; grid-row: 5; }

  :root[data-gorunum="kabartma"] #guardpanel #hardChecks,
  :root[data-gorunum="kabartma"] #guardpanel #guardWarnings {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 6px;
    border-radius: 14px;
    background: var(--kb-tepsi-zemin);
    box-shadow: var(--kb-tepsi-golge);
  }
  :root[data-gorunum="kabartma"] #guardpanel #hardChecks:empty,
  :root[data-gorunum="kabartma"] #guardpanel #guardWarnings:empty,
  :root[data-gorunum="kabartma"] #guardpanel #hardChecks[hidden],
  :root[data-gorunum="kabartma"] #guardpanel #guardWarnings[hidden] { display: none; }
  :root[data-gorunum="kabartma"] #guardWarnHead:not([hidden]) {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: var(--agirlik-vurgu, 600);
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  :root[data-gorunum="kabartma"] #guardWarnings:not(:empty) { display: flex; }

  /* Geçit satırı: ad (15/600) + alt satır (12, soluk) solda, durum hapı sağda; ölçer çubuğu yerine sayılar alt satırda */
  :root[data-gorunum="kabartma"] #guardpanel .gate-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "ad du" "ek du";
    align-items: center;
    column-gap: 12px;
    row-gap: 0;
    box-sizing: border-box;
    min-height: 52px;
    padding: 6px 12px 6px 14px;
    border-radius: 12px;
  }
  :root[data-gorunum="kabartma"] #guardpanel .gate-head { display: contents; }
  :root[data-gorunum="kabartma"] #guardpanel .gate-name {
    grid-area: ad;
    font-size: 15px;
    font-weight: var(--agirlik-vurgu, 600);
    line-height: 1.3;
  }
  :root[data-gorunum="kabartma"] #guardpanel .gate-meter { display: none; }
  :root[data-gorunum="kabartma"] #guardpanel .gate-ends {
    grid-area: ek;
    justify-content: flex-start;
    gap: 0;
    color: var(--muted);
    font-size: 12px;
  }
  :root[data-gorunum="kabartma"] #guardpanel .gate-ends > span + span::before { content: "\00a0·\00a0"; }
  :root[data-gorunum="kabartma"] #guardpanel .gate-ends b { font-weight: var(--agirlik-metin, 400); }

  /* Durum hapı: «✓ uygun · ! dikkat · ! uyarı» — sözcük karardan (gateKanitDurumMetni), işaret ton sınıfından */
  :root[data-gorunum="kabartma"] .gate-state .gs-ort { display: none; }
  :root[data-gorunum="kabartma"] .gate-state .gs-kanit { display: inline; }
  :root[data-gorunum="kabartma"] #guardpanel .gate-state {
    grid-area: du;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 9px;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: var(--kb-isik);
  }
  :root[data-gorunum="kabartma"] #guardpanel .gate-state::before { content: "!"; font-weight: 700; }
  :root[data-gorunum="kabartma"] #guardpanel .gate-state.green {
    background: var(--green-bg);
    color: var(--kb-onay-yazi);
    box-shadow: var(--kb-isik);
  }
  :root[data-gorunum="kabartma"] #guardpanel .gate-state.green::before { content: "✓"; }
  :root[data-gorunum="kabartma"] #guardpanel .gate-state.amber {
    background: var(--yellow-bg);
    color: var(--kb-izleme-yazi);
  }
  :root[data-gorunum="kabartma"] #guardpanel .gate-state.note::before { content: none; }

  /* ── Gereksinim / Karşılama tablosu: tek levha, 44 px satır, sağda mono sayılar, durum hapı ── */
  :root[data-gorunum="kabartma"] #saglikGereksinim .saglik-rtable {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--kb-kenar);
    border-radius: 12px;
    background: var(--kb-serit-yuzey);
    box-shadow: var(--kb-serit-golge);
    font-size: 14px;
  }
  :root[data-gorunum="kabartma"] .saglik-rtable th {
    padding: 10px 14px 8px;
    border-bottom: 1px solid var(--kb-kenar);
    color: var(--muted);
    font-size: 12px;
    letter-spacing: .06em;
  }
  :root[data-gorunum="kabartma"] .saglik-rtable th:not(:first-child),
  :root[data-gorunum="kabartma"] .saglik-rtable td:not(:first-child) { width: 110px; }
  :root[data-gorunum="kabartma"] .saglik-rtable td {
    height: 44px;
    padding: 0 14px;
    border-bottom: 1px solid var(--kb-tepsi-zemin);
    font-size: 14px;
  }
  :root[data-gorunum="kabartma"] .saglik-rtable tbody tr:last-child td { border-bottom: 0; }
  :root[data-gorunum="kabartma"] .saglik-rtable td.need {
    color: var(--muted);
    font-family: var(--font-mono, "IBM Plex Mono", monospace);
  }
  :root[data-gorunum="kabartma"] .saglik-rtable td.got {
    font-family: var(--font-mono, "IBM Plex Mono", monospace);
    font-weight: var(--agirlik-vurgu, 600);
  }
  :root[data-gorunum="kabartma"] .saglik-rtable .st {
    min-width: 0;
    align-items: center;
    gap: 4px;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 12px;
    text-transform: lowercase;
    white-space: nowrap;
    box-shadow: var(--kb-isik);
  }
  :root[data-gorunum="kabartma"] .saglik-rtable .st::before { content: "!"; font-weight: 700; }
  :root[data-gorunum="kabartma"] .saglik-rtable .st.ok {
    background: var(--green-bg);
    color: var(--kb-onay-yazi);
    box-shadow: var(--kb-isik);
  }
  :root[data-gorunum="kabartma"] .saglik-rtable .st.ok::before { content: "✓"; }
  :root[data-gorunum="kabartma"] .saglik-rtable .st.lo {
    background: var(--yellow-bg);
    color: var(--kb-izleme-yazi);
  }
  :root[data-gorunum="kabartma"] .saglik-isaret-not {
    margin: 10px 0 0;
    color: var(--muted);
    font-size: 12px;
  }
}