/* Dark Mode Styles */
[data-bs-theme="dark"] {
    --bs-body-bg: #1a1d20;
    --bs-body-color: #e1e1e1;
    --bs-border-color: #2d3238;
    --bs-primary: #3490dc;
    --bs-primary-rgb: 52, 144, 220;
    --bs-link-color: #3490dc;
    --bs-link-hover-color: #2176bd;
}

/* Light Mode için Sidebar Stilleri */
.app-sidebar {
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
}

.sidebar-menu .nav-link {
    color: #212529;
}

.sidebar-menu .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.sidebar-menu .nav-link.active {
    background-color: #3490dc;
    color: #ffffff;
}

/* Dark Mode için Navbar Stilleri */
.dark-mode .app-header.navbar-dark {
    background-color: #1a1d20 !important;
    border-bottom: 1px solid var(--bs-border-color);
}

.dark-mode .app-header .nav-link {
    color: #e1e1e1 !important;
}

/* Dark Mode için Sidebar Stilleri */
.dark-mode .app-sidebar {
    background-color: #1a1d20;
    border-right: 1px solid var(--bs-border-color);
}

.dark-mode .sidebar-menu .nav-link {
    color: #e1e1e1;
}

.dark-mode .sidebar-menu .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.dark-mode .sidebar-menu .nav-link.active {
    background-color: #3490dc;
    color: #ffffff;
}

.dark-mode .sidebar-brand .brand-link {
    color: #e1e1e1;
    border-bottom: 1px solid var(--bs-border-color);
}

/* Dark Mode için Card Stilleri */
.dark-mode .card {
    background-color: #242729;
    border: 1px solid var(--bs-border-color);
}

.dark-mode .card-header {
    background-color: #1a1d20;
    border-bottom: 1px solid var(--bs-border-color);
}

/* Dark Mode için Tablo Stilleri */
.dark-mode .table {
    --bs-table-bg: #242729;
    --bs-table-color: #e1e1e1;
    --bs-table-border-color: var(--bs-border-color);
}

.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #1a1d20;
    color: #e1e1e1;
}

/* Dark Mode için Form Elemanları */
.dark-mode .form-control,
.dark-mode .form-select {
    background-color: #242729;
    border-color: var(--bs-border-color);
    color: #e1e1e1;
}

.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
    background-color: #242729;
    border-color: #3490dc;
    color: #e1e1e1;
}

/* Dark Mode için Modal Stilleri */
.dark-mode .modal-content {
    background-color: #242729;
    border-color: var(--bs-border-color);
}

.dark-mode .modal-header,
.dark-mode .modal-footer {
    border-color: var(--bs-border-color);
}

/* Dark Mode için Liste Grupları */
.dark-mode .list-group-item {
    background-color: #242729;
    border-color: var(--bs-border-color);
    color: #e1e1e1;
}

/* Dark Mode için Dropdown Menüler */
.dark-mode .dropdown-menu {
    background-color: #242729;
    border-color: var(--bs-border-color);
}

.dark-mode .dropdown-item {
    color: #e1e1e1;
}

.dark-mode .dropdown-item:hover {
    background-color: #1a1d20;
    color: #ffffff;
}

/* Dark Mode için Footer */
.dark-mode .app-footer {
    background-color: #1a1d20;
    border-top: 1px solid var(--bs-border-color);
    color: #e1e1e1;
}

/* Dark Mode Toggle Button Stilleri */
#darkModeToggle {
    background: transparent;
    border: none;
    padding: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
    transition: color 0.3s ease;
}

#darkModeToggle:hover {
    color: #3490dc;
}

/* Dark Mode için Badge ve Alert Stilleri */
.dark-mode .badge {
    color: #ffffff;
}

.dark-mode .alert {
    background-color: #242729;
    border-color: var(--bs-border-color);
    color: #e1e1e1;
}

/* Dark Mode için Pagination Stilleri */
.dark-mode .pagination .page-link {
    background-color: #242729;
    border-color: var(--bs-border-color);
    color: #e1e1e1;
}

.dark-mode .pagination .page-link:hover {
    background-color: #1a1d20;
    border-color: var(--bs-border-color);
    color: #ffffff;
}

.dark-mode .pagination .page-item.active .page-link {
    background-color: #3490dc;
    border-color: #3490dc;
    color: #ffffff;
}

/* Dark Mode için Input Group Stilleri */
.dark-mode .input-group-text {
    background-color: #1a1d20;
    border-color: var(--bs-border-color);
    color: #e1e1e1;
}

/* Dark Mode için Nav Tabs Stilleri */
.dark-mode .nav-tabs {
    border-color: var(--bs-border-color);
}

.dark-mode .nav-tabs .nav-link {
    color: #e1e1e1;
}

.dark-mode .nav-tabs .nav-link:hover {
    border-color: var(--bs-border-color);
    background-color: #1a1d20;
}

.dark-mode .nav-tabs .nav-link.active {
    background-color: #242729;
    border-color: var(--bs-border-color);
    color: #3490dc;
}

/* Dark Mode için Tooltip Stilleri */
.dark-mode .tooltip-inner {
    background-color: #1a1d20;
    color: #e1e1e1;
}

/* Dark Mode için Scrollbar Stilleri */
.dark-mode ::-webkit-scrollbar {
    width: 12px;
}

.dark-mode ::-webkit-scrollbar-track {
    background: #1a1d20;
}

.dark-mode ::-webkit-scrollbar-thumb {
    background-color: #3d4246;
    border-radius: 6px;
    border: 3px solid #1a1d20;
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
    background-color: #4a4f54;
}

/* Dark Mode için Button Stilleri */
.dark-mode .btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #ffffff;
}

.dark-mode .btn-primary:hover,
.dark-mode .btn-primary:focus {
    background-color: #2176bd;
    border-color: #2176bd;
    color: #ffffff;
}

.dark-mode .btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.dark-mode .btn-outline-primary:hover,
.dark-mode .btn-outline-primary:focus {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #ffffff;
}

.dark-mode .btn-secondary {
    background-color: #3d4246;
    border-color: #3d4246;
    color: #ffffff;
}

.dark-mode .btn-secondary:hover,
.dark-mode .btn-secondary:focus {
    background-color: #4a4f54;
    border-color: #4a4f54;
    color: #ffffff;
}

/* Dark Mode için Link Stilleri */
.dark-mode a {
    color: var(--bs-link-color);
}

.dark-mode a:hover {
    color: var(--bs-link-hover-color);
}

/* Dark Mode için Input Placeholder Stilleri */
.dark-mode ::placeholder {
    color: #6c757d !important;
    opacity: 0.6;
}

/* Dark Mode için Disabled Element Stilleri */
.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly],
.dark-mode .form-select:disabled {
    background-color: #1a1d20;
    opacity: 0.6;
}

/* Dark Mode için Focus Stilleri */
.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}