/* Ortak statü/durum etiketleri */

/* Ana class: tüm statü etiketi stilinin temeli */
.statu-etiket {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  border: 1px solid transparent;
  user-select: none;
  font-weight: 600;
}

/* Dot: -- statu-dot custom property üzerinden renk al */
.statu-etiket .dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
  background: var(--statu-dot);
  flex: 0 0 auto;
}

/* Renk varyantları */
.statu-etiket-yesil {
  background: var(--uyari-acik-yesil);
  border-color: var(--uyari-kenar-yesil);
  color: var(--uyari-yazi-yesil);
  --statu-dot: #34d399;
}

.statu-etiket-sari {
  background: var(--uyari-acik-sari);
  border-color: var(--uyari-kenar-sari);
  color: var(--uyari-yazi-sari);
  --statu-dot: #fbbf24;
}

.statu-etiket-kirmizi {
  background: var(--uyari-acik-kirmizi);
  border-color: var(--uyari-kenar-kirmizi);
  color: var(--uyari-yazi-kirmizi);
  --statu-dot: #f87171;
}

.statu-etiket-gri {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #374151;
  --statu-dot: #9ca3af;
}

.statu-etiket-mavi {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
  --statu-dot: #60a5fa;
}

.statu-etiket-mor {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #3730a3;
  --statu-dot: #818cf8;
}

/* Geçici uyumluluk: eski class'lar → yeni sistem (sonra kaldırılacak) */
.statu,
.durum-rozeti,
.badge.ok,
.badge.warn,
.badge.bad,
.badge.draft,
.badge.muted,
.badge.time-up,
.badge.time-past {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  border: 1px solid transparent;
  user-select: none;
  font-weight: 600;
}

.statu .dot,
.status-dot,
.badge.ok .dot,
.badge.warn .dot,
.badge.bad .dot,
.badge.draft .dot,
.badge.muted .dot,
.badge.time-up .dot,
.badge.time-past .dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
  background: currentColor;
  flex: 0 0 auto;
}

.statu.aktif,
.statu.onayli,
.statu.onaylandi {
  background: var(--uyari-acik-yesil);
  border-color: var(--uyari-kenar-yesil);
  color: var(--uyari-yazi-yesil);
}

.statu.beklemede {
  background: var(--uyari-acik-sari);
  border-color: var(--uyari-kenar-sari);
  color: var(--uyari-yazi-sari);
}

.statu.red,
.statu.reddedildi {
  background: var(--uyari-acik-kirmizi);
  border-color: var(--uyari-kenar-kirmizi);
  color: var(--uyari-yazi-kirmizi);
}

.statu.pasif,
.statu.iptal,
.statu.askida {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #374151;
}

.statu.taslak {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}

.statu.ertelendi {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #3730a3;
}

.badge.ok {
  background: var(--uyari-acik-yesil);
  border-color: var(--uyari-kenar-yesil);
  color: var(--uyari-yazi-yesil);
}

.badge.warn {
  background: var(--uyari-acik-sari);
  border-color: var(--uyari-kenar-sari);
  color: var(--uyari-yazi-sari);
}

.badge.bad {
  background: var(--uyari-acik-kirmizi);
  border-color: var(--uyari-kenar-kirmizi);
  color: var(--uyari-yazi-kirmizi);
}

.badge.muted,
.badge.time-past {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #374151;
}

.badge.time-up,
.badge.draft {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}

.durum-rozeti.onayli {
  background: var(--uyari-acik-yesil);
  border-color: var(--uyari-kenar-yesil);
  color: var(--uyari-yazi-yesil);
}

.durum-rozeti.beklemede {
  background: var(--uyari-acik-sari);
  border-color: var(--uyari-kenar-sari);
  color: var(--uyari-yazi-sari);
}

.durum-rozeti.red {
  background: var(--uyari-acik-kirmizi);
  border-color: var(--uyari-kenar-kirmizi);
  color: var(--uyari-yazi-kirmizi);
}

.durum-rozeti.askida {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #374151;
}