/* Avlia marka teması — Tabler (Bootstrap 5) üzerine bindirilir, 2026-09-08
   DaisyUI'den geçiş. --color-* değişkenleri KORUNUYOR çünkü her sayfanın
   kendi inline <style> bloğu bunları okuyor (pricing.html, pricing-records.html,
   pricelist.html, wms.html, orders.html) — burada tanım değişse bile o
   sayfalar tek satır değişmeden çalışmaya devam eder.

   2026-09-14: Kullanıcı isteğiyle nötr zemin/kenarlık tonları shadcn/ui'nin
   "zinc" paletine çekildi (soluk yeşil zemin yerine gerçek nötr gri/beyaz) —
   marka rengi (Avlia yeşili) KORUNDU, yalnızca vurgu/accent olarak kalıyor
   (shadcn bir renk şeması DEĞİL, bir bileşen/ton dili — kendi accent renginle
   kullanılması bekleniyor). Tabler'ın kendi --tblr-border-radius* / --tblr-
   shadow-card değerleri zaten shadcn'in varsayılanlarına (8px kart, 6px
   kontrol, ince gölge) çok yakın olduğu için (gerçek Tabler CSS'i indirilip
   doğrulandı) bunlara DOKUNULMADI — yalnızca zemin/kenarlık tonu değişti. */
:root{
  --color-base-100: #ffffff;
  --color-base-200: #fafafa;
  --color-base-300: #e4e4e7;
  --color-base-content: #18181b;
  --color-primary: #4F6B33;
  --color-primary-content: #ffffff;
  --color-secondary: #2F5768;
  --color-success: #4F6B33;
  --color-warning: #A87614;
  --color-error: #9E3722;

  /* Tabler'ın kendi renk sistemini Avlia markasına çeker */
  --tblr-primary: #4F6B33;
  --tblr-primary-rgb: 79,107,51;
  --tblr-body-bg: #fafafa;
  --tblr-body-color: #18181b;
  --tblr-border-color: #e4e4e7;
  --tblr-border-color-translucent: #e4e4e7;
}

body{
  font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  background: var(--color-base-200);
  color: var(--color-base-content);
}
.font-plex-mono{ font-family: 'IBM Plex Mono', ui-monospace, Menlo, monospace; }

/* ---- Bootstrap/Tabler'da karşılığı olmayan, gerçekten eksik yardımcılar ---- */
.grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:.5rem; }
.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:.5rem; }
.grid-6{ display:grid; grid-template-columns:repeat(6,1fr); gap:.5rem; }
.col-span-2{ grid-column:span 2; }
.mt-6{ margin-top:4rem; }
.mt-7{ margin-top:4.5rem; }
.section-label{
  display:block; font-size:.68rem; font-weight:600; text-transform:uppercase;
  letter-spacing:.04em; color:color-mix(in oklch, var(--color-base-content) 55%, transparent);
}
/* Koyu (navbar-vertical) zemin üstünde section-label okunaklı kalsın */
.navbar-vertical .section-label{ color:rgba(255,255,255,.5); }
.text-muted-sm{ font-size:.78rem; color:color-mix(in oklch, var(--color-base-content) 55%, transparent); }

/* Bootstrap'ın d-flex/d-grid gibi !important taşıyan display yardımcıları,
   yerel [hidden] özniteliğini ezip elemanı görünür bırakabiliyor — JS
   tarafında `el.hidden = true/false` ile açılıp kapanan tüm kutular (yeni
   tedarikçi formu, özel kutu ölçüsü alanları, vb.) bu yüzden gerçekten
   gizlenebilsin diye önceliği geri veriyoruz. */
[hidden]{ display:none !important; }

/* Avlia sidebar markası (navbar-vertical içindeki brand rozeti) */
.avlia-brand-dot{ width:9px; height:9px; border-radius:50%; background:var(--tblr-primary); display:inline-block; }