/* =========================================================================
   TEMA: Botanik (Stitch "Botanical Enterprise" — DESIGN.md + screen.png)
   YALNIZ html[data-tema="botanik"] iken gecerli; varsayilan tema (stil.css,
   Haki + Antrasit) hic degismez. Secim: sol menu altindaki "Tema" dugmesi
   (tarayicida localStorage 'kenzi_tema'). DENEME — kullanici onayi bekliyor.

   Ilke: ekranlarin ICERIGI ve islevi ayni; yalniz gorunum. Kurallar
   :where(html[data-tema]) ile yazilir: secici agirligi stil.css ile ayni
   kalir, bilesen kurallarini (hover vb.) ezmez; dosya sonra yuklendigi icin
   esit agirlikta bu dosya kazanir.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

html[data-tema="botanik"] {
  /* Yuzeyler: nane-beyazi zemin, beyaz kart */
  --zemin:      #F1FCF7;   /* surface */
  --yuzey:      #FFFFFF;   /* surface-container-lowest */
  --yuzey-alt:  #EBF6F1;   /* surface-container-low */
  --yuzey-orta: #E5F0EB;   /* surface-container */
  --cizgi:      #DFEBE6;   /* surface-container-high */
  --cizgi-koyu: #C2C8C2;   /* outline-variant */

  /* Metin */
  --murekkep:   #141E1B;   /* on-surface */
  --ikincil:    #424843;   /* on-surface-variant */
  --soluk:      #737973;   /* outline */

  /* Marka: Deep Forest */
  --marka:      #061E12;   /* primary */
  --marka-koyu: #1C3326;   /* primary-container (hover / aktif menu) */
  --marka-acik: #E3F2E8;
  --marka-soluk: #B2CDBA;  /* primary-fixed-dim: menu metni */

  /* Vurgu: sage */
  --vurgu:      #456651;   /* secondary */
  --vurgu-koyu: #2D4D3A;
  --vurgu-acik: #DDF1E3;   /* secondary-fixed tint */

  /* Durum (Stitch pill renkleri) */
  --bekleyen-zemin: #FFDEA4;  --bekleyen-metin: #5D4200;
  --onayli-zemin:   #C6EBD1;  --onayli-metin:   #002111;
  --itiraz-zemin:   #FFDAD6;  --itiraz-metin:   #93000A;
  --notr-zemin:     #E5F0EB;  --notr-metin:     #424843;
  --hata:           #BA1A1A;

  --yazi:   'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --baslik: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --mono:   'IBM Plex Mono', 'Consolas', monospace;

  --r: 8px;
  --r-kart: 12px;
  --golge:   0 1px 2px rgba(20, 30, 27, .05), 0 1px 3px rgba(20, 30, 27, .03);
  --golge-2: 0 4px 12px -2px rgba(28, 51, 38, .10), 0 2px 6px -1px rgba(28, 51, 38, .04);
  --golge-3: 0 20px 25px -5px rgba(28, 51, 38, .14), 0 8px 10px -6px rgba(28, 51, 38, .05);
}

:where(html[data-tema="botanik"]) body { font-size: 13.5px; }
/* Rakamlar Inter tabular (sutunlar hizali kalir); kod/belge no mono — ayirt edilsin. */
:where(html[data-tema="botanik"]) td.sayi,
:where(html[data-tema="botanik"]) .mono { font-family: var(--yazi); font-variant-numeric: tabular-nums; }
:where(html[data-tema="botanik"]) .kod,
:where(html[data-tema="botanik"]) .belge-no { font-size: .92em; }
:where(html[data-tema="botanik"]) h1, :where(html[data-tema="botanik"]) h2, :where(html[data-tema="botanik"]) h3 {
  font-weight: 700; letter-spacing: -.015em;
}
:where(html[data-tema="botanik"]) h1 { font-size: 20px; }
:where(html[data-tema="botanik"]) h2 { font-size: 16px; }
:where(html[data-tema="botanik"]) a { color: var(--vurgu); }

/* ================================================== sol menu: koyu orman */
:where(html[data-tema="botanik"]) .kenar {
  width: 248px; background: var(--marka); color: var(--marka-soluk); padding: 0 0 0;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .04);
}
:where(html[data-tema="botanik"]) .kenar .marka {
  flex-direction: row; align-items: center; text-align: left; gap: 10px;
  padding: 14px 16px; margin-bottom: 6px; border-bottom: none;
  background: rgba(28, 51, 38, .4);
}
:where(html[data-tema="botanik"]) .kenar .marka-logo {
  width: 64px; height: 34px; margin: 0; padding: 2px 4px; border-radius: 8px; background: rgba(255, 255, 255, .92);
}
:where(html[data-tema="botanik"]) .kenar .marka:hover .marka-logo { background: #FFFFFF; }
:where(html[data-tema="botanik"]) .kenar .marka #marka-ad {
  font-family: var(--baslik); font-size: 15px; font-weight: 700; letter-spacing: -.01em; color: #FFFFFF;
}
:where(html[data-tema="botanik"]) .kenar a {
  margin: 1px 8px; padding: 7px 12px; border-left: none; border-radius: 6px;
  color: var(--marka-soluk); font-size: 13px;
  transition: background-color .15s, color .15s;
}
:where(html[data-tema="botanik"]) .kenar a .ikon-svg { opacity: .9; width: 17px; height: 17px; }
:where(html[data-tema="botanik"]) .kenar a:hover { background: rgba(28, 51, 38, .6); color: #FFFFFF; }
:where(html[data-tema="botanik"]) .kenar a.aktif { background: var(--marka-koyu); color: #FFFFFF; font-weight: 600; }
:where(html[data-tema="botanik"]) .kenar a.aktif .ikon-svg { color: #FFFFFF; }
:where(html[data-tema="botanik"]) .kenar .grup,
:where(html[data-tema="botanik"]) .kenar .grup-bas {
  font-family: var(--yazi); font-size: 11px; font-weight: 600; letter-spacing: .06em;
  color: rgba(178, 205, 186, .6); padding: 14px 20px 6px;
}
:where(html[data-tema="botanik"]) .kenar .grup-bas:hover { color: #FFFFFF; background: transparent; transform: none; }
:where(html[data-tema="botanik"]) .kenar .grup-bas.acik .grup-ok { color: var(--marka-soluk); }
:where(html[data-tema="botanik"]) .kenar .dip {
  background: rgba(28, 51, 38, .3); border-top: 1px solid rgba(28, 51, 38, .5);
  padding: 12px 18px; color: var(--marka-soluk);
}
:where(html[data-tema="botanik"]) .kenar .dip .rol-satir { color: rgba(178, 205, 186, .6); }
:where(html[data-tema="botanik"]) .kenar .dip a { color: #CEE9D6; margin: 0; padding: 0; background: none; }
:where(html[data-tema="botanik"]) .kenar .dip a:hover { background: none; text-decoration: underline; }

/* ================================================== ust bar */
:where(html[data-tema="botanik"]) .ust {
  background: rgba(241, 252, 247, .9); backdrop-filter: blur(16px);
  border-bottom: none; box-shadow: 0 1px 8px rgba(0, 0, 0, .04);
  padding: 12px 24px; position: sticky; top: 0; z-index: 20;
}
:where(html[data-tema="botanik"]) .ust h1 { font-size: 18px; }
:where(html[data-tema="botanik"]) .komut-btn {
  background: var(--yuzey); border: none; box-shadow: var(--golge); border-radius: var(--r);
  min-height: 40px; min-width: 280px; color: var(--ikincil);
}
:where(html[data-tema="botanik"]) .komut-btn kbd { background: var(--yuzey-orta); border: none; border-radius: 4px; }
:where(html[data-tema="botanik"]) .cari-btn { background: var(--yuzey-alt); border: none; border-radius: var(--r); min-height: 40px; }
:where(html[data-tema="botanik"]) .icerik { padding: 20px 24px 40px; max-width: 1600px; width: 100%; }

/* ================================================== kart / tablo */
:where(html[data-tema="botanik"]) .kart {
  border: none; border-radius: var(--r-kart); box-shadow: var(--golge);
}
/* K88: overflow:hidden kartin icindeki acilir listeleri (cari / urun secici) kesiyordu --
   kaldirildi. Yuvarlak koseyi ilk / son cocuk tasir (baslik / sekme zemini kose disina tasmasin). */
:where(html[data-tema="botanik"]) .kart > :first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
:where(html[data-tema="botanik"]) .kart > :last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
:where(html[data-tema="botanik"]) .kart > header { padding: 14px 18px; border-bottom-color: var(--yuzey-orta); }
:where(html[data-tema="botanik"]) .kart > header h2 { font-size: 16px; }
:where(html[data-tema="botanik"]) thead th {
  font-family: var(--yazi); font-size: 11px; font-weight: 600; letter-spacing: .04em;
  color: var(--ikincil); background: #F6FBF8; padding: 10px 14px; border-bottom-color: var(--yuzey-orta);
}
:where(html[data-tema="botanik"]) tbody td { padding: 11px 14px; border-bottom-color: var(--yuzey-orta); }
:where(html[data-tema="botanik"]) tbody tr { transition: background-color .15s ease; }
:where(html[data-tema="botanik"]) tbody tr:hover { background: #F4FAF6; }

/* ================================================== form */
:where(html[data-tema="botanik"]) label { font-size: 12px; font-weight: 500; color: var(--ikincil); }
:where(html[data-tema="botanik"]) input:where(:not([type="checkbox"]):not([type="radio"])),
:where(html[data-tema="botanik"]) select {
  min-height: 40px; border-color: var(--cizgi-koyu); border-radius: var(--r); font-size: 13.5px;
}
:where(html[data-tema="botanik"]) textarea { border-color: var(--cizgi-koyu); border-radius: var(--r); font-size: 13.5px; }
:where(html[data-tema="botanik"]) input::placeholder,
:where(html[data-tema="botanik"]) textarea::placeholder { color: #94A39A; }
:where(html[data-tema="botanik"]) input:focus,
:where(html[data-tema="botanik"]) select:focus,
:where(html[data-tema="botanik"]) textarea:focus {
  outline: none; border-color: var(--marka-koyu); box-shadow: 0 0 0 3px rgba(28, 51, 38, .12);
}
:where(html[data-tema="botanik"]) input[type="checkbox"],
:where(html[data-tema="botanik"]) input[type="radio"] { accent-color: var(--marka-koyu); }
/* Tablo ici kucuk girisler sikisik kalsin (fiyat ekrani, fatura satirlari). */
:where(html[data-tema="botanik"]) td input:where(:not([type="checkbox"])),
:where(html[data-tema="botanik"]) td select { min-height: 32px; }

/* ================================================== dugmeler */
:where(html[data-tema="botanik"]) button,
:where(html[data-tema="botanik"]) .dugme {
  border-radius: var(--r); font-weight: 600; font-size: 13px; padding: 9px 16px;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}
:where(html[data-tema="botanik"]) button:hover:where(:not(:disabled)) { background: var(--marka-koyu); border-color: var(--marka-koyu); }
:where(html[data-tema="botanik"]) button.ikincil {
  background: var(--yuzey); color: var(--murekkep); border-color: transparent; box-shadow: var(--golge); font-weight: 500;
}
:where(html[data-tema="botanik"]) button.ikincil:hover:where(:not(:disabled)) { background: var(--yuzey-orta); border-color: transparent; }
:where(html[data-tema="botanik"]) button.kucuk { padding: 5px 11px; font-size: 12px; }
:where(html[data-tema="botanik"]) button.tehlike { background: var(--hata); border-color: var(--hata); }

/* ================================================== cip / uyari / sekme */
:where(html[data-tema="botanik"]) .cip { border-radius: 9999px; font-weight: 600; font-size: 11px; padding: 2px 9px; }
:where(html[data-tema="botanik"]) .uyari { border-radius: var(--r); border-color: transparent; }
:where(html[data-tema="botanik"]) .uyari.bilgi { background: var(--yuzey-alt); color: var(--vurgu-koyu); border-color: var(--cizgi); }
:where(html[data-tema="botanik"]) .sekme.aktif { color: var(--marka-koyu); border-bottom-color: var(--marka-koyu); }

/* ================================================== OZET (Stitch duzeni) */
/* Sira: selam -> rakam kartlari -> hizli islem -> goruntule -> paneller. */
:where(html[data-tema="botanik"]) .icerik:has(> .pano-basbar) { display: flex; flex-direction: column; }
:where(html[data-tema="botanik"]) .icerik:has(> .pano-basbar) > * { order: 3; }
:where(html[data-tema="botanik"]) .icerik:has(> .pano-basbar) > .pano-basbar { order: 0; }
:where(html[data-tema="botanik"]) .icerik:has(> .pano-basbar) > .pano-kutular { order: 1; }
:where(html[data-tema="botanik"]) .icerik:has(> .pano-basbar) > .hi-baslik,
:where(html[data-tema="botanik"]) .icerik:has(> .pano-basbar) > .hizli-islem { order: 2; }

:where(html[data-tema="botanik"]) .pano-basbar .selam {
  font-family: var(--baslik); font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -.015em;
}
:where(html[data-tema="botanik"]) .pano-basbar .altbilgi { font-size: 12.5px; color: var(--ikincil); margin-top: 2px; }

/* Rakam kartlari */
:where(html[data-tema="botanik"]) .pano-kutular { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 26px; }
:where(html[data-tema="botanik"]) .pano-kutu {
  background: var(--yuzey); border: none; border-radius: var(--r-kart); box-shadow: var(--golge);
  padding: 14px 16px; transition: box-shadow .15s;
}
:where(html[data-tema="botanik"]) .pano-kutu:hover { box-shadow: var(--golge-2); }
:where(html[data-tema="botanik"]) .pano-kutu::before { display: none; }
:where(html[data-tema="botanik"]) .pano-kutu.uyari,
:where(html[data-tema="botanik"]) .pano-kutu.tehlike { background: var(--yuzey); border: none; }
:where(html[data-tema="botanik"]) .pano-k-et { font-size: 12px; font-weight: 500; color: var(--ikincil); }
:where(html[data-tema="botanik"]) .pano-k-dg,
:where(html[data-tema="botanik"]) .pano-m-dg { font-family: var(--baslik); font-weight: 700; letter-spacing: -.02em; }
:where(html[data-tema="botanik"]) .pano-k-dg { font-size: 26px; line-height: 32px; margin: 6px 0 2px; }
:where(html[data-tema="botanik"]) .pano-kutu.tehlike .pano-k-dg { color: var(--hata); }
:where(html[data-tema="botanik"]) .pano-kutu.uyari .pano-k-dg { color: #8A5A00; }
:where(html[data-tema="botanik"]) .pano-kutu.uyari .pano-k-et,
:where(html[data-tema="botanik"]) .pano-kutu.tehlike .pano-k-et { color: var(--ikincil); }
:where(html[data-tema="botanik"]) .pano-k-alt { font-size: 12px; color: var(--ikincil); }
:where(html[data-tema="botanik"]) .pk-ikon { width: 34px; height: 34px; border-radius: 8px; background: var(--yuzey-orta); color: var(--vurgu); }
:where(html[data-tema="botanik"]) .pano-kutu.uyari .pk-ikon { background: var(--bekleyen-zemin); color: var(--bekleyen-metin); }
:where(html[data-tema="botanik"]) .pano-kutu.tehlike .pk-ikon { background: var(--itiraz-zemin); color: var(--itiraz-metin); }
:where(html[data-tema="botanik"]) .pk-trend { border-radius: 9999px; font-family: var(--yazi); padding: 2px 8px; }

/* Bolum basliklari: "Hızlı işlem", "Görüntüle" */
:where(html[data-tema="botanik"]) .hi-baslik {
  font-family: var(--baslik); font-size: 16px; font-weight: 700; letter-spacing: -.005em;
  text-transform: none; color: var(--murekkep); margin: 4px 0 10px 2px;
}

/* Hizli islem + Goruntule: YERLESIM klasik temadaki gibi (ikon solda, ad + aciklama
   sagda, iki bolum esit boy), satirda 6 kart -> ikiser satir. GORUNUM botanik:
   cercevesiz beyaz kart, golge, 12px kose, adacayi ikon zemini (kullanici tercihi). */
:where(html[data-tema="botanik"]) .hizli-islem,
:where(html[data-tema="botanik"]) .hizli-islem.hi-gor {
  grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px;
}
:where(html[data-tema="botanik"]) .hi-kutu {
  height: 76px; padding: 12px 14px; column-gap: 12px; border: none; border-radius: var(--r-kart);
  background: var(--yuzey); box-shadow: var(--golge); transition: background-color .15s, box-shadow .15s;
}
:where(html[data-tema="botanik"]) .hi-kutu:hover { background: var(--yuzey); border-color: transparent; transform: none; box-shadow: var(--golge-2); }
:where(html[data-tema="botanik"]) .hi-ik {
  width: 40px; height: 40px; border-radius: 10px;
  background: var(--vurgu-acik); color: var(--vurgu); transition: background-color .15s, color .15s;
}
:where(html[data-tema="botanik"]) .hi-ik .ikon-svg { width: 18px; height: 18px; }
:where(html[data-tema="botanik"]) .hi-gor .hi-ik { background: var(--yuzey-orta); color: var(--marka-koyu); }
:where(html[data-tema="botanik"]) .hi-kutu:hover .hi-ik { background: var(--marka-koyu); color: #FFFFFF; }
:where(html[data-tema="botanik"]) .hi-ad { font-size: 14.5px; font-weight: 600; letter-spacing: -.01em; }
:where(html[data-tema="botanik"]) .hi-alt { font-size: 12.5px; color: var(--ikincil); }
/* Dar ekranda 6 sutun sigmaz: 4, telefonda 2. */
@media (max-width: 1280px) {
  :where(html[data-tema="botanik"]) .hizli-islem,
  :where(html[data-tema="botanik"]) .hizli-islem.hi-gor { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Alt paneller */
:where(html[data-tema="botanik"]) .pano-panel,
:where(html[data-tema="botanik"]) .pano-grafik { border: none; border-radius: var(--r-kart); box-shadow: var(--golge); }
:where(html[data-tema="botanik"]) .pano-p-bas,
:where(html[data-tema="botanik"]) .pano-grafik > header {
  background: var(--yuzey); font-family: var(--baslik); font-size: 15px; font-weight: 700;
  padding: 14px 16px; border-bottom-color: var(--yuzey-orta);
}
:where(html[data-tema="botanik"]) .pano-p-satir { border-bottom-color: var(--yuzey-orta); }
:where(html[data-tema="botanik"]) a.pano-p-satir:hover { background: var(--yuzey-alt); }
:where(html[data-tema="botanik"]) .pano-mini { background: var(--yuzey-alt); border-radius: var(--r); }
:where(html[data-tema="botanik"]) .pano-gelecek { border-radius: var(--r-kart); }
:where(html[data-tema="botanik"]) .pano-ust { background: var(--marka); border-radius: var(--r-kart); }

/* ================================================== acilir pencereler */
:where(html[data-tema="botanik"]) .modal-kutu { border-radius: 16px; box-shadow: var(--golge-3); border: none; }
:where(html[data-tema="botanik"]) .secici-sonuc,
:where(html[data-tema="botanik"]) .secici-panel { border-radius: var(--r); box-shadow: var(--golge-2); border-color: var(--cizgi); }
:where(html[data-tema="botanik"]) .secici-satir:hover { background: var(--yuzey-alt); }
:where(html[data-tema="botanik"]) .secici-satir.secili { background: var(--vurgu-acik); }

/* ================================================== mobil */
@media (max-width: 860px) {
  :where(html[data-tema="botanik"]) .komut-btn { min-width: 0; }
  :where(html[data-tema="botanik"]) .icerik { padding: 14px; }
  :where(html[data-tema="botanik"]) .hizli-islem,
  :where(html[data-tema="botanik"]) .hizli-islem.hi-gor { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(html[data-tema="botanik"]) .yol, :where(html[data-tema="botanik"]) .uk-yazi { display: none; }
}

/* ================================================== ust bar (Stitch) */
/* Klasik temada bu parcalar YOK: yalniz botanik temada gorunur. */
.marka-yazi, .yol { display: none; }

:where(html[data-tema="botanik"]) .kenar .marka #marka-ad { display: none; }
:where(html[data-tema="botanik"]) .kenar .marka-yazi { display: flex; flex-direction: column; line-height: 1.1; }
:where(html[data-tema="botanik"]) #marka-ad2 { font-family: var(--baslik); font-size: 16px; font-weight: 800; letter-spacing: -.02em; color: #FFFFFF; }
:where(html[data-tema="botanik"]) .marka-alt { font-size: 11px; font-weight: 600; letter-spacing: .02em; color: rgba(178, 205, 186, .75); margin-top: 3px; }

:where(html[data-tema="botanik"]) .ust .baslik { display: none; }
:where(html[data-tema="botanik"]) .yol { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; font-size: 13px; color: var(--ikincil); white-space: nowrap; overflow: hidden; }
:where(html[data-tema="botanik"]) .yol a { color: var(--ikincil); display: inline-flex; }
:where(html[data-tema="botanik"]) .yol a:hover { color: var(--marka); }
:where(html[data-tema="botanik"]) .yol .ikon-svg { width: 16px; height: 16px; }
:where(html[data-tema="botanik"]) .yol strong { color: var(--marka); font-weight: 600; }
:where(html[data-tema="botanik"]) .yol-ayrac { color: var(--cizgi-koyu); }

:where(html[data-tema="botanik"]) .ust-kullanici { gap: 10px; padding-left: 4px; }
:where(html[data-tema="botanik"]) .uk-bas {
  width: 34px; height: 34px; border-radius: 9999px; display: grid; place-items: center;
  background: var(--vurgu-acik); color: var(--marka-koyu); font-weight: 700; font-size: 12.5px;
  box-shadow: 0 0 0 2px var(--yuzey);
}
:where(html[data-tema="botanik"]) .uk-yazi { display: flex; flex-direction: column; line-height: 1.25; }
:where(html[data-tema="botanik"]) #uk-ad { font-size: 13px; font-weight: 600; color: var(--murekkep); }
:where(html[data-tema="botanik"]) #uk-rol { font-size: 11.5px; color: var(--ikincil); }

/* Tema dugmesi (sol menu alti) — iki temada da gorunur */
.tema-dugme { display: inline-block; margin-top: 6px; font-size: 12px; cursor: pointer; }

/* K81: dar ekranda konum yolu yerine sayfa basligi (yol tek satira sigmaz). */
@media (max-width: 860px) {
  :where(html[data-tema="botanik"]) .ust .baslik { display: block; }
  :where(html[data-tema="botanik"]) .uk-yazi, :where(html[data-tema="botanik"]) .uk-ok,
  :where(html[data-tema="botanik"]) .yol { display: none; }
}