/* Ladik - Modern tema */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --color-primary: 16 185 129;
  --color-primary-hover: 5 150 105;
  --color-surface: 248 250 252;
  --color-card: 255 255 255;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.08), 0 1px 2px -1px rgb(0 0 0 / 0.08);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.07);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.06), 0 4px 6px -4px rgb(0 0 0 / 0.06);
}

body {
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
}

/* Kartlar */
.card {
  background: rgb(var(--color-card));
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  border: 1px solid rgb(226 232 240);
  transition: box-shadow 0.2s, border-color 0.2s;
}
.card:hover {
  box-shadow: var(--shadow-md);
  border-color: rgb(203 213 225);
}

/* Birincil buton - çerçeve ve arka plan her zaman görünsün */
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #059669;
  color: #fff !important;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 12px;
  border: 1px solid #047857;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
  transition: background 0.2s, box-shadow 0.2s;
  text-decoration: none;
}
.btn-primary:hover {
  background: #047857;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
}
.btn-primary:active {
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.1);
}

/* İkincil buton - net çerçeve */
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #334155 !important;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
  transition: background 0.2s, border-color 0.2s;
  text-decoration: none;
}
.btn-secondary:hover {
  background: #f8fafc;
  border-color: #94a3b8;
}

/* Input odak */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: rgb(var(--color-primary));
  box-shadow: 0 0 0 3px rgb(16 185 129 / 0.15);
}

/* Nav link aktif */
.nav-link-active {
  background: rgb(220 252 231);
  color: rgb(22 101 52);
  font-weight: 600;
}

/* Mobil menü: varsayılan kapalı, sadece body.mobile-menu-open + küçük ekranda açılır */
@media (max-width: 1023px) {
  body.mobile-menu-open #mobile-menu {
    display: flex !important;
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  #mobile-menu {
    display: none !important;
  }
}

/* Tablo satır hover */
table tbody tr {
  transition: background 0.15s;
}