/* Ortak Kampüs Kayıp-Bulunan Teması */

@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css2?display=swap&family=Noto+Sans:wght@400;500;700;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800'); /* Font aileleri */

:root {
  --primary-color: #0c7ff2;
  /* nötr renkler */
  --muted-foreground: #6b7280;
  --border-color: #e5e7eb;
  --card-background: #ffffff;
  --input-background: #f9fafb;
  --text-primary: #1f2937;
  --text-secondary: #4b5563;
  /* durum renkleri */
  --lost-tag-bg: #fee2e2;
  --lost-tag-text: #b91c1c;
  --found-tag-bg: #dcfce7;
  --found-tag-text: #15803d;
  /* diğer */
  --accent-color: #3B82F6;
}

/* Ana sayfa stilleri */
body {
  font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif; /* Yazım tipi */
  color: var(--text-primary);
  background-color: #f9fafb;
}

/* Düğmeler */
/* Temel Düğme */
.btn-primary {
  background-color: var(--primary-color);
  color: #fff;
  transition: background-color 0.2s ease-in-out;
  border: none;
}
.btn-primary:hover { background-color: #0a6ad0; }

/* İkincil Düğme */
.btn-secondary {
  background-color: var(--card-background);
  color: var(--text-primary);
  transition: background-color 0.2s ease-in-out;
  border: 1px solid var(--border-color);
}
.btn-secondary:hover { background-color: #f3f4f6; }

/* Form Elemanları */
/* Form Girdileri */
.form-input,
.input-base {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
  background-color: var(--input-background);
  padding: 0.75rem;
  font-size: 0.875rem;
  color: var(--text-primary);
}
.form-input::placeholder,
.input-base::placeholder { color: var(--muted-foreground); }
.form-input:focus,
.input-base:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 0 2px rgba(12, 127, 242, 0.2);
}

/* Form Etiketi */
.form-label { margin-bottom: 0.375rem; font-size: 0.875rem; font-weight: 500; color: var(--text-primary); }

/* Yardımcı Etiketler */
/* Etiketler */
.tag-lost { background-color: var(--lost-tag-bg); color: var(--lost-tag-text); font-size: 0.75rem; font-weight: 600; padding: 0.25rem 0.5rem; border-radius: 9999px; }
.tag-found { background-color: var(--found-tag-bg); color: var(--found-tag-text); font-size: 0.75rem; font-weight: 600; padding: 0.25rem 0.5rem; border-radius: 9999px; }

/* Yan Menü */
.sidebar-link {
  color: var(--muted-foreground);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.sidebar-link span.material-icons-outlined {transition: color 0.2s ease;}
.sidebar-link:hover {
  background-color: var(--accent-color);
  color: #ffffff;
}
.sidebar-link:hover span.material-icons-outlined {color:#ffffff;}
.sidebar-link.active {
  background-color: var(--accent-color);
  color: #ffffff;
}
.sidebar-link.active span.material-icons-outlined {color:#ffffff;}

/* Tablo Yardımcıları */


.table-cell { white-space: nowrap; padding: 1rem 1.5rem; font-size: 0.875rem; color: #111827; }
.table-cell-primary { white-space: nowrap; padding: 1rem 1.5rem; font-size: 0.875rem; font-weight: 500; color: var(--text-primary); }