/* Koyu Tema CSS - Koyu Gri Arkaplan, Koyu Gri Kartlar, Sarı-Turkuaz Renkler */
body.theme-dark {
    background: #1f2937 !important;
    color: #f9fafb !important;
}

.card, .modal-content, .stats-card, .toast, .toast-header {
    background: #374151 !important;
    color: #ffffff !important;
    border: 1px solid #4b5563 !important;
}

/* Card header'ları koyu temada turkuaz yap */
.theme-dark .card-header {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #0891b2 !important;
}

.month-card {
    background: #374151 !important;
    border: 2px solid #4b5563 !important;
    color: #ffffff !important;
}

.month-card:hover {
    box-shadow: 0 15px 35px rgba(30, 58, 138, 0.15) !important;
    border-color: #06b6d4 !important;
}

.month-card .month-title {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: #ffffff !important;
    border-radius: 12px 12px 0 0 !important;
}

.month-card .data-row .label {
    color: #fbbf24 !important;
    border-bottom: 2px solid #fbbf24 !important;
}

.month-card .data-row .value {
    color: #ffffff !important;
}

.btn, .btn-primary, .btn-outline-primary, .btn-success, .btn-secondary {
    background: #06b6d4 !important;
    color: #ffffff !important;
    border: 1px solid #06b6d4 !important;
}

.btn:hover, .btn:focus {
    background: #0891b2 !important;
    color: #ffffff !important;
    border-color: #0891b2 !important;
}

.form-control, .form-select {
    background: #4b5563 !important;
    color: #ffffff !important;
    border: 1px solid #6b7280 !important;
}

.form-control:focus, .form-select:focus {
    background: #4b5563 !important;
    color: #ffffff !important;
    border-color: #06b6d4 !important;
    box-shadow: 0 0 0 0.2rem rgba(6, 182, 212, 0.25) !important;
}

.form-label {
    color: #1f2937 !important;
}

.table, .table th, .table td {
    background: #374151 !important;
    color: #ffffff !important;
    border-color: #4b5563 !important;
}

.table th {
    background: #4b5563 !important;
    color: #ffffff !important;
}

.modal-header {
    background: #4b5563 !important;
    border-bottom: 1px solid #6b7280 !important;
}

/* Modal header'ları koyu temada turkuaz yap */
.theme-dark .modal-header {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #0891b2 !important;
}

.modal-footer {
    background: #374151 !important;
    border-top: 1px solid #4b5563 !important;
}

.nav-tabs .nav-link {
    color: #6b7280 !important;
    background: #4b5563 !important;
    border: 1px solid #6b7280 !important;
}

.nav-tabs .nav-link:hover {
    color: #ffffff !important;
    background: #6b7280 !important;
}

.nav-tabs .nav-link.active {
    background: #06b6d4 !important;
    color: #ffffff !important;
    border-color: #06b6d4 !important;
}

.tab-content {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
}

.btn-close {
    filter: invert(1) !important;
}

/* Tema geçiş butonu */
.theme-toggle-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
}

.theme-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: scale(1.05) !important;
}

.theme-toggle-btn i {
    transition: transform 0.3s ease !important;
}

.theme-toggle-btn:hover i {
    transform: rotate(180deg) !important;
}

/* Koyu tema için özel renkler - Sarı ve Turkuaz */
.theme-dark .month-card .data-row .value.salary {
    color: #fbbf24 !important;
}

.theme-dark .month-card .data-row .value.salary:hover {
    background-color: #06b6d4 !important;
    color: #ffffff !important;
    border: 1px solid #0891b2 !important;
}

.theme-dark .month-card .data-row .value.bonus {
    color: #fbbf24 !important;
    background-color: rgba(251, 191, 36, 0.2) !important;
}

.theme-dark .month-card .data-row .value.bonus:hover {
    background-color: #fbbf24 !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.theme-dark .month-card .data-row .value.total {
    color: #ffffff !important;
    background-color: rgba(196, 181, 253, 0.12) !important; /* violet-300 */
}

/* Add hover effect for total area in dark theme */
.theme-dark .month-card .data-row .value.total:hover {
    background-color: #c4b5fd !important; /* violet-300 color */
    color: #000000 !important;
}

.theme-dark .month-card .data-row .value.pdf-count {
    color: #06b6d4 !important;
}

.theme-dark .month-card .data-row .value.date {
    color: #9ca3af !important;
}

/* İzinli gün badge koyu tema - Turkuaz */
.theme-dark .izinli-gun-badge {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: white !important;
    box-shadow: 0 1px 3px rgba(6, 182, 212, 0.3) !important;
}

.theme-dark .izinli-gun-badge.zero {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    box-shadow: 0 1px 3px rgba(107, 114, 128, 0.3) !important;
}

/* Stats card koyu tema - Turkuaz */
.theme-dark .stats-card {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    border: none !important;
    color: white !important;
}

/* User info box koyu tema - Turkuaz Header */
.theme-dark .user-info-box {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3) !important;
}

/* Hamburger menü koyu tema */
.theme-dark .hamburger-content {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
}

.theme-dark .hamburger-user-info {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: white !important;
}

/* Toast koyu tema */
.theme-dark .toast {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
}

.theme-dark .toast-header {
    background-color: #4b5563 !important;
    border-bottom-color: #6b7280 !important;
}

.theme-dark .toast-body {
    color: #ffffff !important;
}

/* Navbar koyu temada turkuaz yap */
.theme-dark .navbar {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(6, 182, 212, 0.3) !important;
}

.theme-dark .navbar-brand,
.theme-dark .navbar-text,
.theme-dark .nav-link {
    color: #ffffff !important;
}

.theme-dark .navbar-brand:hover,
.theme-dark .nav-link:hover {
    color: #f0f9ff !important;
}
