/* TamirJet Admin — Tabler üzerine turuncu/beyaz tema override'ı */
:root {
  --tblr-primary: #D97757;
  --tblr-primary-rgb: 217, 119, 87;
  --tblr-primary-fg: #ffffff;
  --tblr-body-bg: #F7F5F0;
  --tblr-navbar-active-color: var(--tblr-primary);
}

body {
  background-color: var(--tblr-body-bg);
}

/* Sidebar — aktif öge vurgusu güçlendirildi */
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-item.active .nav-link {
  color: var(--tblr-primary);
  background-color: rgba(var(--tblr-primary-rgb), 0.1);
  border-radius: 0.5rem;
  font-weight: 600;
}

.navbar-vertical .nav-link:hover {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 0.5rem;
}

.navbar-brand-autodark a {
  color: var(--tblr-primary) !important;
  font-weight: 700;
  text-decoration: none;
}

/* Kartlar — hafif derinlik, düz/donuk görünümü kırmak için */
.card {
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}

.card-title {
  font-weight: 600;
}

/* İstatistik kartları — ikon rozeti + hover ile hafif yükselme */
.card-stat {
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.card-stat:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.stat-icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;
  flex-shrink: 0;
}

/*
  Vendor'lanmış Tabler v1.4.0'da `.btn-icon` yalnızca yatay padding'i sıfırlıyor, karşılığında
  bir genişlik vermiyor (`.btn-icon{padding-left:0;padding-right:0}`). Sonuç: ikon-butonlar
  sıfıra yakın genişliğe çöküyor, kenarlık ikonun üstüne biniyor ve buton kırık görünüyordu.
  Kütüphane dosyasını değiştirmek yerine burada kare bir boyut veriyoruz.
*/
.btn.btn-icon {
  /* Kare boyut, butonun kendi ölçü değişkenlerinden hesaplanıyor: yüksekliğin formülü
     (satır yüksekliği + dikey padding + kenarlık). Böylece hem btn-sm hem normal boyutta
     yanındaki etiketli butonlarla aynı yükseklikte ve tam kare oluyor. */
  --ikon-buton-boyut: calc(
    var(--tblr-btn-line-height, 1.4285714286) * var(--tblr-btn-font-size, 0.875rem)
    + var(--tblr-btn-padding-y, 0.5rem) * 2
    + var(--tblr-btn-border-width, 1px) * 2
  );
  width: var(--ikon-buton-boyut);
  height: var(--ikon-buton-boyut);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.btn.btn-icon > .ti {
  font-size: 1.125rem;
  line-height: 1;
  margin: 0;
}

.btn.btn-sm.btn-icon > .ti {
  font-size: 1rem;
}

/* Tablo satırındaki işlem butonları: aynı hizada, sarmayan, sağa yaslı bir grup */
.islem-butonlari {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.375rem;
  white-space: nowrap;
}

.islem-butonlari form {
  display: inline-flex;
  margin: 0;
}

/* Çağrılar ekranı — özet kartı başlığı dar ekranda kesilmesin, alt satıra sarsın */
.ozet-baslik {
  white-space: normal;
  line-height: 1.2;
}

/* Çağrılar ekranı — özet kartları aynı zamanda filtre düğmesi */
.card-ozet {
  cursor: pointer;
  border: 1px solid var(--tblr-border-color);
}

.card-ozet:focus-visible {
  outline: 2px solid var(--tblr-primary);
  outline-offset: 2px;
}

.card-ozet-secili {
  border-color: var(--tblr-primary);
  box-shadow: 0 0 0 1px var(--tblr-primary);
}

/* Atama bekleyen iş varsa kart dikkat çeksin */
.card-ozet-uyari .stat-icon {
  animation: ozet-uyari-nabiz 2s ease-in-out infinite;
}

@keyframes ozet-uyari-nabiz {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
  .card-ozet-uyari .stat-icon { animation: none; }
}

/* Durum filtre düğmeleri — Tabler'ın btn-group'u içinde sade görünüm */
.cagri-filtre {
  border: 1px solid var(--tblr-border-color);
  background: var(--tblr-bg-surface);
  color: var(--tblr-secondary);
}

.cagri-filtre:hover {
  background: var(--tblr-bg-surface-secondary);
}

.cagri-filtre.active {
  background: var(--tblr-primary);
  border-color: var(--tblr-primary);
  color: #fff;
}

/* Sayfa başlığı — ikon hizası */
.page-header {
  margin-bottom: 1.5rem;
}

.page-title i {
  vertical-align: -2px;
}

/* Boş durum mesajları — daha belirgin ikon */
.empty-state-icon {
  font-size: 2.5rem;
  opacity: 0.35;
}

/* Marka — sidebar üstündeki logo + panel adı */
.marka-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
  text-decoration: none;
}

.marka-logo {
  height: 1.75rem;
  width: auto;
}

.marka-alt {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tblr-secondary);
  line-height: 1;
  padding-left: 2.6rem; /* simgenin genişliği kadar içeri — yazıyla hizalanır */
}