/*!
 * Turla360 — Card Components
 * Tema değişkenlerine uyumlu, Bootstrap-benzeri kart yapısı.
 *   .card            → temel kart
 *   .card-body / .card-header / .card-footer
 *   .card-hover      → hover animasyonu
 *   .card-flat       → gölgesiz, sade
 */

.card {
  background: #fff;
  border: 1px solid var(--theme-border, #e5e7eb);
  border-radius: var(--theme-card-radius, 16px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  overflow: hidden;
  transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
  border-color: var(--theme-primary, #2563eb);
}
.card-flat { box-shadow: none; }

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .9rem 1.1rem;
  border-bottom: 1px solid var(--theme-border, #e5e7eb);
  font-weight: 600;
  color: var(--theme-text, #111827);
}
.card-body   { padding: 1.1rem; }
.card-footer {
  padding: .75rem 1.1rem;
  border-top: 1px solid var(--theme-border, #e5e7eb);
  background: var(--theme-surface, #f9fafb);
  font-size: .875rem;
  color: var(--theme-text-muted, #6b7280);
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .15rem .6rem;
  font-size: .75rem;
  font-weight: 600;
  border-radius: 999px;
  background: var(--theme-surface, #f3f4f6);
  color: var(--theme-text, #111827);
  border: 1px solid var(--theme-border, #e5e7eb);
  white-space: nowrap;
}
.badge-primary { background: rgba(37, 99, 235, .1); color: var(--theme-primary, #2563eb); border-color: rgba(37, 99, 235, .2); }
.badge-success { background: rgba(16, 185, 129, .1); color: var(--theme-success, #10b981); border-color: rgba(16, 185, 129, .2); }
.badge-danger  { background: rgba(239, 68, 68, .1);  color: var(--theme-danger,  #ef4444); border-color: rgba(239, 68, 68, .2); }
.badge-warning { background: rgba(245, 158, 11, .1); color: var(--theme-warning, #f59e0b); border-color: rgba(245, 158, 11, .2); }