/* ElitHost yönetim + müşteri paneli ortak teması (PanelTheme). Node'suz: elle yazılır, renkler Filament ->colors()'tan gelir. */
:root {
  --eh-bg: #F4F7FB;
  --eh-card: #FFFFFF;
  --eh-line: #E2E8F0;
  --eh-line-soft: #EEF2F7;
  --eh-text: #0F172A;
  --eh-muted: #475569;
  --eh-green: #059669;
  --eh-green-dark: #047857;
  --eh-green-soft: #ECFDF5;
  --eh-shadow: 0 1px 2px rgba(15, 23, 42, .06);
  --eh-shadow-hover: 0 4px 12px rgba(15, 23, 42, .08);
}

.fi-body { background: var(--eh-bg); color: var(--eh-text); }

/* Marka */
.eh-brand { display: inline-flex; align-items: center; gap: 10px; }
.eh-brand-icon { width: 32px; height: 32px; }
.eh-brand-text { display: flex; flex-direction: column; line-height: 1.1; }
.eh-brand-text strong { font-size: 17px; font-weight: 800; color: var(--eh-text); }
.eh-brand-text small { font-size: 12px; font-weight: 600; color: var(--eh-green-dark); }

/* Üst çubuk + kenar çubuğu */
.fi-topbar { background: var(--eh-card); border-bottom: 1px solid var(--eh-line); box-shadow: none; }
.fi-sidebar { background: var(--eh-card); border-right: 1px solid var(--eh-line); }
.fi-sidebar-group-label { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #64748B; }
.fi-sidebar-item-btn { min-height: 44px; border-radius: 10px; }
.fi-sidebar-item-label { font-weight: 600; color: #334155; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: var(--eh-green-soft); box-shadow: inset 3px 0 0 var(--eh-green); }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label { color: var(--eh-green-dark); font-weight: 700; }
.fi-sidebar-item .fi-badge { background: var(--eh-green); color: #fff; border-radius: 999px; font-weight: 700; }
.fi-avatar { background: var(--eh-green-soft); color: var(--eh-green-dark); font-weight: 700; }

/* Sayfa başlığı */
.fi-header-heading { font-size: 28px; font-weight: 800; letter-spacing: -.01em; color: var(--eh-text); }

/* Kartlar */
.fi-section, .fi-wi-stats-overview-stat, .fi-ta-ctn {
  background: var(--eh-card);
  border-radius: 12px;
  box-shadow: var(--eh-shadow);
  --tw-ring-color: var(--eh-line);
}
.fi-wi-stats-overview-stat { transition: box-shadow .15s ease; }
.fi-wi-stats-overview-stat:hover { box-shadow: var(--eh-shadow-hover); }

/* Düğmeler */
.fi-btn { border-radius: 10px; font-weight: 700; min-height: 40px; }
/* Filament bu yeşilde kontrast için açık zemin + koyu yazı seçiyor; site düğmesiyle aynı olsun: koyu yeşil + beyaz (kontrast 3,8; kalın 14px+ için yeterli). */
.fi-btn.fi-color-primary.fi-bg-color-400 { background-color: var(--eh-green); color: #fff; }
.fi-btn.fi-color-primary.fi-bg-color-400:hover { background-color: var(--eh-green-dark); color: #fff; }
.fi-btn.fi-color-primary.fi-bg-color-400 .fi-icon { color: #fff; }

/* Tablolar */
.fi-ta-header-cell { background: #F8FAFC; color: var(--eh-muted); font-weight: 700; }
.fi-ta-row { border-color: var(--eh-line-soft); }
.fi-ta-row:hover { background: #F8FAFC; }
.fi-ta-cell { font-weight: 500; }

/* Rozetler */
.fi-badge { border-radius: 999px; font-weight: 700; }

/* Boş durum: gri X yerine yeşil yuvarlak ikon */
.fi-empty-state .fi-empty-state-icon-bg { background: var(--eh-green-soft); }
.fi-empty-state .fi-empty-state-icon-bg .fi-icon { color: var(--eh-green); }

/* Kısayol kutuları (müşteri ana sayfası, hızlı eylemler) */
.eh-shortcuts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.eh-shortcut {
  display: flex; align-items: center; gap: 14px; min-height: 88px; padding: 18px 20px;
  background: var(--eh-card); border: 1px solid var(--eh-line); border-radius: 12px; box-shadow: var(--eh-shadow);
  color: var(--eh-text); text-decoration: none; transition: box-shadow .15s ease, border-color .15s ease;
}
.eh-shortcut:hover, .eh-shortcut:focus-visible { box-shadow: var(--eh-shadow-hover); border-color: #A7F3D0; outline: none; }
.eh-shortcut-icon { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--eh-green-soft); color: var(--eh-green); }
.eh-shortcut-icon svg { width: 24px; height: 24px; }
.eh-shortcut-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.eh-shortcut-text strong { font-size: 16px; font-weight: 700; }
.eh-shortcut-text span { font-size: 14px; color: var(--eh-muted); }
.eh-shortcut-arrow { margin-left: auto; color: #94A3B8; }

.eh-banner {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 18px; margin-bottom: 16px;
  background: #FEF3C7; border: 1px solid #FDE68A; border-radius: 12px; color: #92400E; font-weight: 600;
}
.eh-banner a { margin-left: auto; padding: 8px 14px; border-radius: 10px; background: #B45309; color: #fff; font-weight: 700; text-decoration: none; min-height: 40px; display: inline-flex; align-items: center; }

@media (max-width: 640px) {
  .fi-header-heading { font-size: 24px; }
  .eh-banner a { margin-left: 0; width: 100%; justify-content: center; }
}

/* Özet kartları Filament görünmez bir bölümün içine koyuyor: o bölüm şeffaf, her kart ayrı ve çerçeveli. */
.fi-wi-stats-overview .fi-section { background: transparent; box-shadow: none; --tw-ring-color: transparent; border-radius: 0; }
.fi-wi-stats-overview-stat { border: 1px solid var(--eh-line); }