/* LIGHT THEME (Varsayılan - Profesyonel UI Paleti) */
:root {
    --bg-color: #F8F9FA; /* Ana Arka Plan (Uçuk Gri) */
    --content-bg: #FFFFFF; /* İçerik Kartları ve Formlar (Saf Beyaz) */
    --text-main: #1F2937; /* Ana Metinler (Kömür Grisi, göz yormaz) */
    --text-muted: #6B7280; /* İkincil Metinler ve Placeholder */
    --border-color: #E5E7EB; /* Form ve Kart Kenarlıkları (Açık Gri) */
    /* Marka Renkleri */
    --accent-primary: #DD3A4A; /* Kırmızı/Mercan Vurgu (Butonlar, önemli aksiyonlar) */
    --accent-secondary: #0D6EFD; /* Seçim ve Hover Mavisi (Form focus, link hover vb.) */
    --price-color: #E02424;
    --hover-bg: #F1F3F5;
    --header-bg: #0E1B2E; /* Logo ile uyumlu koyu lacivert */
    --header-text: #FFFFFF;
}

/* DARK THEME (Gece Modu) */
[data-bs-theme="dark"] {
    --bg-color: #1a1d2d;
    --content-bg: #24293d;
    --text-main: #F8F9FA;
    --text-muted: #ADB5BD;
    --border-color: #383E59;
    --accent-primary: #DD3A4A;
    --price-color: #FF6B6B;
    --hover-bg: #2c324a;
    --header-bg: #080F1C; /* Koyu Mod Header Rengi */
    --header-text: #F8F9FA;
}

html,
body {
    margin: 0;
    padding: 0;
    background-color: var(--bg-color);
    color: var(--text-main);
    font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.card, .filter-box, .shadow-box {
    background-color: var(--content-bg);
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    border-radius: 6px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Form Elemanları */
.form-control, .form-select {
    background-color: var(--content-bg);
    color: var(--text-main);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus, .form-select:focus {
    background-color: var(--content-bg);
    color: var(--text-main);
    border-color: var(--accent-secondary);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}

.form-control::placeholder {
    color: var(--text-muted);
    opacity: 1;
}

.form-check-input {
    background-color: var(--content-bg);
    border-color: var(--border-color);
}

.form-check-input:checked {
    background-color: var(--accent-primary);
    border-color: var(--accent-primary);
}

.form-check-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 0.2rem rgba(221, 58, 74, 0.25);
}

/* Navbar - Header Stilleri */


/* Tablo Stilleri */
.table {
    background-color: transparent;
    color: var(--text-main);
}

.table thead th {
    border-bottom: 1px solid var(--border-color);
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.875rem;
}

.table tbody tr {
    border-bottom: 1px solid var(--border-color);
    transition: background-color 0.2s ease;
}

.table tbody tr:hover,
.table-hover tbody tr:hover {
    background-color: var(--hover-bg);
    transition: background-color 0.2s ease;
}

.table td {
    border: none;
    padding: 0.75rem;
    vertical-align: middle;
}

/* Nav Tabs Stilleri */
.nav-tabs {
    border-bottom: 1px solid var(--border-color);
}

.nav-tabs .nav-link {
    color: var(--text-muted);
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.5rem 1rem;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.nav-tabs .nav-link:hover {
    color: var(--accent-primary);
    border-bottom-color: var(--accent-primary);
}

.nav-tabs .nav-link.active {
    color: var(--accent-primary);
    border-bottom: 2px solid var(--accent-primary);
    background-color: transparent;
}

/* Dropdown Menü Stili (Tema Uyumu) */
.dropdown-menu {
    background-color: var(--content-bg) !important;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.dropdown-item {
    color: var(--text-main) !important;
    transition: background-color 0.2s ease;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--hover-bg) !important;
    color: var(--text-main) !important;
}

/* Çıkış Yap butonu için özel kırmızı renk */
.dropdown-item.text-danger {
    color: var(--accent-primary) !important;
}

.dropdown-item.text-danger:hover {
    background-color: rgba(221, 58, 74, 0.1) !important; /* Kırmızıya özel hafif arka plan */
}

header .dropdown-menu .dropdown-item,
.navbar .dropdown-menu .dropdown-item {
    color: var(--text-main) !important;
}

header .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:hover {
    background-color: var(--hover-bg) !important;
    color: var(--text-main) !important;
}

/* Çıkış yap butonu için */
header .dropdown-menu .dropdown-item.text-danger {
    color: var(--accent-primary) !important;
}