/* MobyKinder web paneli – mobil uygulama ile ortak görsel dil */
:root {
  --mk-primary: #236247;
  --mk-primary-dark: #1b4f39;
  --mk-primary-soft: #e6f2eb;
  --mk-accent: #3c6e91;
  --mk-bg: #f6f7f4;
  --mk-border: #dce2dc;
  --mk-text: #17201b;
  --mk-text-2: #59635d;
  --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-bg: var(--mk-bg);
}
[data-bs-theme="dark"] {
  --mk-bg: #111614;
  --mk-border: #2c3632;
  --mk-text: #e4eae6;
  --mk-text-2: #a9b4ae;
  --bs-body-bg: var(--mk-bg);
}

body { font-family: var(--bs-body-font-family); background-color: var(--mk-bg); }
h1, h2, h3, .card-title, .page-title h1, .fs-2hx, .menu-section {
  font-family: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  letter-spacing: -0.01em;
}

/* Kartlar: mobil ile aynı yumuşak köşe ve ince kenarlık */
.card { border-radius: 16px; border: 1px solid var(--mk-border); box-shadow: none; }
.card .card-header { border-bottom-color: var(--mk-border); }
a.card { transition: transform .15s ease, box-shadow .15s ease; }
a.card:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(16, 24, 20, .06); }
.btn { border-radius: 10px; font-weight: 600; }
.badge { border-radius: 999px; font-weight: 700; }
.form-control, .form-select { border-radius: 10px; }

/* Yan menü grup başlıkları */
.aside-menu .menu-section {
  color: rgba(255,255,255,.45);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 18px 25px 6px;
}
.aside-menu .menu-item.here > .menu-link,
.aside-menu .menu-item .menu-link.active { background-color: rgba(143, 211, 176, .12); }
.aside-menu .menu-item.here > .menu-link .menu-title,
.aside-menu .menu-item.here > .menu-link .menu-icon i { color: #8fd3b0 !important; }
.aside-menu .menu-badge .badge { font-size: 10px; }

/* Üst başlık marka alanı */
.header-brand { border-right: 1px solid var(--mk-border); }

/* Erişilebilirlik: klavye odağı görünür olsun */
a:focus-visible, button:focus-visible, .btn:focus-visible, .form-control:focus-visible, .form-select:focus-visible {
  outline: 3px solid rgba(35, 98, 71, .45);
  outline-offset: 2px;
}

/* Tablolarda dar ekranda yatay kaydırma, sayfa kaydırmasın */
.table-responsive { -webkit-overflow-scrolling: touch; }
@media (max-width: 575.98px) {
  #kt_content_container { padding-left: 12px; padding-right: 12px; }
  .card .card-header { flex-wrap: wrap; gap: 8px; }
}

/* Okunabilirlik: Metronic'in açık sarı/yeşil metinleri beyaz zeminde düşük kontrastlı */
.text-warning { color: #8a5a20 !important; }
.text-success { color: #2f6b45 !important; }
.text-danger { color: #b3261e !important; }
.badge-light-warning, .btn-light-warning { color: #7a4d14 !important; background-color: #f8e9d3 !important; }
.badge-light-success, .btn-light-success { color: #23573a !important; background-color: #ddefe3 !important; }
.badge-light-danger, .btn-light-danger { color: #8f1f19 !important; background-color: #f9dedc !important; }
.badge-light-primary, .btn-light-primary { color: #1b4f39 !important; background-color: #e6f2eb !important; }
.bg-light-warning { background-color: #fbf3e6 !important; }
.bg-light-danger { background-color: #fdf1f0 !important; }
.btn-light-warning:hover, .btn-light-success:hover, .btn-light-danger:hover, .btn-light-primary:hover { filter: brightness(.96); }
[data-bs-theme="dark"] .text-warning { color: #e8b978 !important; }
[data-bs-theme="dark"] .text-success { color: #8fd3b0 !important; }