/* ── GENEL ─────────────────────────────────────────────── */
:root {
  --bs-body-bg: #0d1117;
  --bs-body-color: #e6edf3;
  --bs-border-color: #30363d;
}

body {
  background-color: #0d1117;
  color: #e6edf3;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ── NAVBAR ─────────────────────────────────────────────── */
.navbar {
  backdrop-filter: blur(10px);
  background-color: rgba(13, 17, 23, 0.95) !important;
}

/* ── KARTLAR ─────────────────────────────────────────────── */
.card {
  border-radius: 12px;
  transition: border-color 0.2s ease;
}

.hover-card {
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.hover-card:hover {
  transform: translateY(-3px);
  border-color: #1f6feb !important;
  box-shadow: 0 8px 25px rgba(31, 111, 235, 0.15);
}

/* ── TABLO ─────────────────────────────────────────────── */
.table-dark {
  --bs-table-bg: transparent;
  --bs-table-hover-bg: rgba(255,255,255,0.04);
}

.table-dark th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 10px 12px;
  border-bottom: 1px solid #30363d !important;
}

.table-dark td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(48, 54, 61, 0.5) !important;
  vertical-align: middle;
}

/* ── FORMLAR ─────────────────────────────────────────────── */
.form-control:focus, .form-select:focus {
  border-color: #1f6feb;
  box-shadow: 0 0 0 0.2rem rgba(31, 111, 235, 0.2);
}

.form-control.bg-dark, .form-select.bg-dark {
  color: #e6edf3;
}

.form-control.bg-dark::placeholder {
  color: #6e7681;
}

/* ── BUTONLAR ─────────────────────────────────────────────── */
.btn {
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-primary {
  background-color: #1f6feb;
  border-color: #1f6feb;
}

.btn-primary:hover {
  background-color: #388bfd;
  border-color: #388bfd;
  box-shadow: 0 4px 12px rgba(31, 111, 235, 0.3);
}

/* ── ROZETLER ─────────────────────────────────────────────── */
.badge {
  border-radius: 6px;
  font-weight: 500;
}

/* ── MODAL ─────────────────────────────────────────────── */
.modal-content {
  border-radius: 16px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.5);
}

/* ── PROGRESS ─────────────────────────────────────────────── */
.progress {
  background-color: #21262d;
  border-radius: 8px;
}

/* ── HOVER ITEM (listelerde) ─────────────────────────────── */
.hover-item {
  border-radius: 8px;
  transition: background-color 0.15s ease;
}

.hover-item:hover {
  background-color: rgba(255,255,255,0.04);
}

/* ── SAYFALAMA ─────────────────────────────────────────────── */
.page-link {
  color: #e6edf3 !important;
  border-radius: 6px !important;
  margin: 0 2px;
}

.page-item.active .page-link {
  background-color: #1f6feb !important;
  border-color: #1f6feb !important;
}

/* ── SCROLLBAR ─────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #6e7681; }

/* ── INPUT GROUP ─────────────────────────────────────────────── */
.input-group-text.bg-secondary {
  background-color: #21262d !important;
  color: #8b949e;
}

/* ── ALERT ─────────────────────────────────────────────── */
.alert {
  border-radius: 10px;
}

/* ── NAVİGASYON AKTİF ─────────────────────────────────────────────── */
.nav-link.active, .nav-link:hover {
  color: #388bfd !important;
}

/* ── FOOTER ─────────────────────────────────────────────── */
footer {
  background-color: #0d1117 !important;
}