/* ================================
   GARAVION ADMIN FINAL POLISH
================================ */

:root {
  --sa-bg: #f4f7fb;
  --sa-card: #ffffff;
  --sa-text: #0f172a;
  --sa-muted: #64748b;
  --sa-line: #e5e7eb;
  --sa-blue: #2563eb;
  --sa-blue-dark: #1e40af;
  --sa-green: #16a34a;
  --sa-red: #e11d48;
  --sa-amber: #d97706;
  --sa-purple: #7c3aed;
  --sa-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  --sa-shadow-hover: 0 26px 65px rgba(15, 23, 42, .13);
  --sa-radius: 24px;
}

/* Genel sayfa */
body {
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.11), transparent 32%),
    radial-gradient(circle at top right, rgba(124,58,237,.10), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f4f7fb 42%, #f7f9fc 100%) !important;
}

/* Eski ikinci mavi header tekrarını gizle */
body > header {
  display: none !important;
}

/* Hero ve istatistik alanını daha premium yap */
.page-hero {
  margin-top: 20px !important;
}

.page-hero-box {
  min-height: 175px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(30,64,175,.95), rgba(37,99,235,.92)),
    radial-gradient(circle at top right, rgba(124,58,237,.55), transparent 44%) !important;
  box-shadow: 0 24px 60px rgba(37, 99, 235, .18) !important;
  border: 1px solid rgba(255,255,255,.12);
}

.page-hero-title {
  font-size: 34px !important;
  font-weight: 950 !important;
}

.page-hero-subtitle {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.page-chip {
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

/* Stat kartları */
.page-stat {
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, #ffffff, #fbfdff) !important;
}

.page-stat-label {
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 11px !important;
}

.page-stat-value {
  font-size: 28px !important;
}

/* Ana içerik genişliği */
main,
.wrap,
.container {
  max-width: 1180px !important;
}

/* Eski büyük mavi kartları sadeleştir */
.hero,
.admin-hero,
.header-card,
.page-header,
.title-card {
  background: var(--sa-card) !important;
  color: var(--sa-text) !important;
  border: 1px solid var(--sa-line) !important;
  box-shadow: var(--sa-shadow) !important;
  border-radius: 24px !important;
}

.hero *,
.admin-hero *,
.header-card *,
.page-header *,
.title-card * {
  color: inherit !important;
}

/* Toolbar */
.toolbar,
.filters,
.search-bar {
  padding: 14px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(12px);
}

/* Kart sistemi */
.grid {
  align-items: stretch;
}

.card {
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, #ffffff, #fbfdff) !important;
  border: 1px solid var(--sa-line) !important;
  box-shadow: var(--sa-shadow) !important;
  transition: .18s ease !important;
  overflow: hidden;
}

.card:hover {
  transform: translateY(-3px);
  box-shadow: var(--sa-shadow-hover) !important;
}

/* Kart başlıkları */
.card h3,
.name {
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: -.25px;
  color: var(--sa-text) !important;
}

.meta {
  color: var(--sa-muted) !important;
  font-weight: 700 !important;
}

/* Kart detayları */
.details {
  border-top: 1px solid #edf2f7 !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
}

.field {
  color: var(--sa-muted) !important;
  font-weight: 800 !important;
}

.field b {
  color: var(--sa-text) !important;
  font-weight: 900 !important;
}

/* Badge sistemi */
.badge,
.status,
.status-badge,
.chip {
  min-height: 28px;
  padding: 7px 11px !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  border-radius: 999px !important;
  letter-spacing: -.1px;
}

.pending_document,
.pending,
.waiting {
  background: #eff6ff !important;
  color: var(--sa-blue) !important;
}

.pending_review,
.review {
  background: #fff7ed !important;
  color: var(--sa-amber) !important;
}

.verified,
.approved,
.active,
.paid {
  background: #ecfdf5 !important;
  color: var(--sa-green) !important;
}

.rejected,
.cancelled,
.failed,
.unpaid {
  background: #fff1f2 !important;
  color: var(--sa-red) !important;
}

/* Butonlar */
button,
.btn,
a.btn {
  min-height: 40px;
  border-radius: 14px !important;
  font-weight: 950 !important;
  letter-spacing: -.15px;
}

.btn-green,
.success {
  background: var(--sa-green) !important;
  color: white !important;
  border: 1px solid var(--sa-green) !important;
}

.btn-red,
.danger {
  background: var(--sa-red) !important;
  color: white !important;
  border: 1px solid var(--sa-red) !important;
}

.btn-primary,
.primary {
  background: var(--sa-blue) !important;
  color: white !important;
  border: 1px solid var(--sa-blue) !important;
}

.btn-outline,
.btn-light,
.secondary {
  background: #ffffff !important;
  color: var(--sa-text) !important;
  border: 1px solid var(--sa-line) !important;
}

/* Aksiyon satırı */
.actions,
.action-row {
  margin-top: 16px !important;
  padding-top: 12px;
  border-top: 1px solid #edf2f7;
}

/* Formlar */
input,
select,
textarea {
  min-height: 44px;
  border-radius: 15px !important;
  border: 1px solid var(--sa-line) !important;
  background: #fbfdff !important;
  font-weight: 700;
}

input::placeholder,
textarea::placeholder {
  color: #94a3b8;
}

/* Empty state */
.empty,
.empty-state {
  min-height: 92px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--sa-muted) !important;
  font-weight: 900 !important;
  background:
    linear-gradient(180deg, #ffffff, #fbfdff) !important;
  border: 1px dashed #cbd5e1 !important;
}

/* Modal */
.modal-backdrop {
  backdrop-filter: blur(8px);
}

.modal {
  border-radius: 28px !important;
  box-shadow: 0 30px 90px rgba(15, 23, 42, .24) !important;
}

/* Üst nav daha premium */
.garavion-admin-nav {
  background: rgba(15, 23, 42, .96) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.garavion-admin-nav a {
  border: 1px solid rgba(255,255,255,.08);
}

.garavion-admin-nav a:hover {
  transform: translateY(-1px);
}

/* İşletme doğrulama sayfasında kartları daha dengeli yap */
.business-verification-card,
article.card {
  min-height: 270px;
}

/* Mobil */
@media (max-width: 900px) {
  .page-hero-title {
    font-size: 27px !important;
  }

  .page-hero-box {
    min-height: auto;
    padding: 22px !important;
  }

  .page-stats {
    grid-template-columns: 1fr !important;
  }

  .toolbar {
    grid-template-columns: 1fr !important;
  }

  .card {
    min-height: auto;
  }
}
