/* =============================================================================
   Lucide ikonları + Tailwind yardımcı sınıfları
   İkonlar <i data-lucide="ad" class="w-5 h-5"> olarak yazılır; sayfa sonundaki
   lucide.createIcons() bunları aynı sınıflarla <svg>'ye çevirir.

   Boyut/renk sınıfları Tailwind'in adları ve değerleriyle birebir aynıdır
   (w-5 = 1.25rem …). Tailwind'in tamamı bilinçli olarak yüklenmez: tarayıcıda
   çalışan Tailwind betiği ağır ve üretim için önerilmez; sıfırlama katmanı da
   (preflight) sitenin mevcut stillerini bozar. Yeni bir sınıf gerekirse
   aşağıya aynı Tailwind değeriyle eklenir. Hem site hem panel bu dosyayı yükler.
   ============================================================================= */

/* Betik çalışmadan önce de yer ayrılsın (kayma olmasın) */
i[data-lucide] { display: inline-block; flex: none; }

.lucide {
  display: inline-block;
  flex: none;
  vertical-align: middle;
  stroke: currentColor;
}

/* Boyut — Tailwind ölçeği */
.w-3 { width: .75rem; }      .h-3 { height: .75rem; }
.w-3\.5 { width: .875rem; }  .h-3\.5 { height: .875rem; }
.w-4 { width: 1rem; }        .h-4 { height: 1rem; }
.w-5 { width: 1.25rem; }     .h-5 { height: 1.25rem; }
.w-6 { width: 1.5rem; }      .h-6 { height: 1.5rem; }
.w-7 { width: 1.75rem; }     .h-7 { height: 1.75rem; }
.w-8 { width: 2rem; }        .h-8 { height: 2rem; }
.w-10 { width: 2.5rem; }     .h-10 { height: 2.5rem; }
.w-full { width: 100%; }     .h-full { height: 100%; }
.w-\[18px\] { width: 18px; } .h-\[18px\] { height: 18px; }
.w-\[22px\] { width: 22px; } .h-\[22px\] { height: 22px; }

/* Esneklik */
.shrink-0 { flex-shrink: 0; }

/* Renk — Tailwind adlandırması; marka tonları panelden gelen CSS değişkenlerine bağlı */
.text-current { color: currentColor; }
.text-primary { color: var(--primary); }
.text-accent { color: var(--accent); }
.text-muted { color: var(--muted); }
.text-white { color: #fff; }
.text-red-600 { color: #DC2626; }
.text-green-600 { color: #16A34A; }