/* Genel Stiller - Dark Theme */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Özel Checkbox Stilleri */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border: 2px solid #4A90E2;
    border-radius: 4px;
    background-color: #2D323E;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    outline: none;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
}

input[type="checkbox"]:hover {
    border-color: #5BA0F2;
    background-color: #3B424C;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.15);
}

input[type="checkbox"]:checked {
    background-color: #4A90E2;
    border-color: #4A90E2;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    animation: checkmarkFadeIn 0.2s ease-in-out;
}

input[type="checkbox"]:focus {
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.3);
}

input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #666;
    background-color: #1a1d24;
}

@keyframes checkmarkFadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.5);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/* Personel checkbox'ları için özel stil */
.personnel-checkbox {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

/* Tümünü seç checkbox'ı için özel stil */
#selectAllPersonnel {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

/* Tablo içindeki checkbox'lar için hizalama */
.data-table td input[type="checkbox"],
.data-table th input[type="checkbox"] {
    margin: 0 auto;
    vertical-align: middle;
    display: block;
}

.data-table td {
    text-align: center;
}

.data-table th:first-child,
.data-table td:first-child {
    text-align: center;
    width: 40px;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-family: 'Arial', sans-serif;
    background-color: #2D323E; /* Primary Background - Dark blue-grey */
    color: #E0E0E0; /* Light grey text */
    line-height: 1.6;
    overflow-x: hidden;
    width: 100%;
}

/* Navbar */
.navbar {
    background-color: #2D323E; /* Primary Background */
    color: #FFFFFF;
    padding: 1rem 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border-bottom: 1px solid #3B424C;
    position: sticky;
    top: 0;
    z-index: 1000;
    user-select: none; /* Metin seçimini engelle */
}

.nav-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

/* Navbar container */
.nav-container {
    pointer-events: auto;
}

.nav-brand {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-shrink: 0;
}

.nav-brand img {
    height: 48px; /* Logo büyütüldü */
    width: auto;
    object-fit: contain;
}

.nav-brand h2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0;
    margin-right: 2rem;
}

.login-logo {
    height: 1.98rem; /* 1.8rem * 1.1 = %10 daha büyük */
    width: auto;
    object-fit: contain;
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    justify-content: center;
    margin: 0 1rem;
    flex-wrap: wrap;
}

.nav-link {
    color: #A0A0A0; /* Subtle text */
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    transition: all 0.3s;
    position: relative;
    white-space: nowrap;
    font-size: 0.9rem;
}

.nav-link:hover {
    color: #FFFFFF;
    background-color: #3B424C;
    cursor: pointer; /* Linkler için normal cursor */
}

.nav-link.active {
    color: #50E3C2; /* Vibrant Teal - Active state */
    background-color: rgba(80, 227, 194, 0.1);
    border-bottom: 2px solid #50E3C2;
    font-weight: 600;
}

.nav-logout {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.btn-fullscreen {
    background: linear-gradient(135deg, #8FC4FF 0%, #6BB6FF 100%); /* Pastel Mavi gradient */
    color: #FFFFFF;
    border: none;
    padding: 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    box-sizing: border-box;
    /* Çıkış butonu ile aynı yükseklik için - %20 küçültülmüş */
    line-height: 1.6;
    font-size: 0.9rem;
    /* Çıkış butonunun yüksekliği: padding (0.5rem top + 0.5rem bottom) + line-height (0.9rem * 1.6) * 0.8 (%20 küçük) */
    height: calc((0.5rem + 0.9rem * 1.6 + 0.5rem) * 0.8);
    width: calc((0.5rem + 0.9rem * 1.6 + 0.5rem) * 0.8);
}

.btn-fullscreen:hover {
    background: linear-gradient(135deg, #9FD4FF 0%, #7BC6FF 100%);
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(143, 196, 255, 0.4);
}

.btn-logout {
    background: linear-gradient(135deg, #FF6B6B 0%, #E74C3C 100%); /* Red gradient */
    color: #FFFFFF;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.3s;
    white-space: nowrap;
    margin: 5px; /* Etrafına 5px margin */
}

.btn-logout:hover {
    background: linear-gradient(135deg, #FF7B7B 0%, #F75C4C 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 107, 107, 0.4);
}

/* Main Content */
.main-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #2D323E; /* Primary Background */
    min-height: calc(100vh - 80px);
    width: 100%;
}

/* Idle Timeout Modal (Tam Ekran) */
.idle-timeout-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 10000;
    justify-content: center;
    align-items: center;
}

.idle-timeout-content {
    background-color: #3B424C;
    border-radius: 8px;
    padding: 2rem;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.idle-timeout-header {
    margin-bottom: 1.5rem;
    text-align: center;
}

.idle-timeout-header h2 {
    color: #FFFFFF;
    font-size: 1.5rem;
    margin: 0;
}

.idle-timeout-body {
    margin-bottom: 1.5rem;
}

.idle-timeout-body p {
    color: #E0E0E0;
    margin-bottom: 1.5rem;
    text-align: center;
}

.idle-timeout-footer {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

/* Login Page */
.login-page {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #2D323E 0%, #3B424C 100%);
    padding: 1rem;
    position: relative;
}

/* Login sayfası kapat butonu */
.btn-close-login {
    position: fixed;
    top: 1rem;
    right: 1rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.btn-close-login:hover {
    background-color: rgba(255, 77, 77, 0.8);
    border-color: rgba(255, 77, 77, 1);
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(255, 77, 77, 0.4);
}

.btn-close-login:active {
    transform: scale(0.95);
}

.login-container {
    width: 100%;
    max-width: 400px;
    padding: 1rem;
}

.login-box {
    background: #3B424C; /* Secondary Background for cards */
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    border: 1px solid #323842;
}

.login-title {
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
}

.login-subtitle {
    text-align: center;
    color: #A0A0A0; /* Subtle text */
    margin-bottom: 2rem;
    font-size: 0.9rem;
}

.login-form {
    margin-bottom: 1rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: #E0E0E0;
    font-weight: 500;
}

.form-control {
    width: 100%;
    padding: 0.75rem;
    background-color: #323842; /* Panel background */
    border: 1px solid #3B424C;
    border-radius: 4px;
    font-size: 1rem;
    color: #FFFFFF;
    transition: border-color 0.3s;
}

.form-control:focus {
    outline: none;
    border-color: #50E3C2; /* Vibrant Teal */
}

.form-control:disabled {
    background-color: #2D323E;
    color: #888888;
    cursor: not-allowed;
}

.btn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 500;
}

.btn-primary {
    background: linear-gradient(135deg, #FF0080 0%, #A55EE3 100%); /* Pink to Purple gradient */
    color: #FFFFFF;
}

.btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #ff1a8c 0%, #b370f0 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 0, 128, 0.3);
}

.btn-primary:disabled {
    background: #3B424C;
    color: #888888;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Success Button - Yeşil tonları (Kaydet, Excel'den İçe Aktar, Onayla) */
.btn-success {
    background: linear-gradient(135deg, #50E3C2 0%, #2ECC71 100%); /* Teal to Green gradient */
    color: #2D323E;
    border: none;
}

.btn-success:hover:not(:disabled) {
    background: linear-gradient(135deg, #5EF3D2 0%, #3EDC81 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(80, 227, 194, 0.4);
}

.btn-success:disabled {
    background: #3B424C;
    color: #888888;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Info Button - Mavi tonları (Excel'e Aktar, Döküm Al, Detay) */
.btn-info {
    background: linear-gradient(135deg, #4A90E2 0%, #3498DB 100%); /* Bright Blue to Blue gradient */
    color: #FFFFFF;
    border: none;
}

.btn-info:hover:not(:disabled) {
    background: linear-gradient(135deg, #5AA0F2 0%, #44A8EB 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(74, 144, 226, 0.4);
}

.btn-info:disabled {
    background: #3B424C;
    color: #888888;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Danger Button - Kırmızı tonları (Sil, Toplu Sil, İptal) */
.btn-danger {
    background: linear-gradient(135deg, #FF6B6B 0%, #E74C3C 100%); /* Light Red to Dark Red gradient */
    color: #FFFFFF;
    border: none;
}

.btn-danger:hover:not(:disabled) {
    background: linear-gradient(135deg, #FF7B7B 0%, #F75C4C 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 107, 107, 0.4);
}

.btn-danger:disabled {
    background: #3B424C;
    color: #888888;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Secondary Button - Gri tonları (İptal, Filtrele, Kapat) */
.btn-secondary {
    background: linear-gradient(135deg, #6C757D 0%, #5A6268 100%); /* Gray gradient */
    color: #FFFFFF;
    border: none;
}

.btn-secondary:hover:not(:disabled) {
    background: linear-gradient(135deg, #7C858D 0%, #6A7278 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
}

.btn-secondary:disabled {
    background: #3B424C;
    color: #888888;
    cursor: not-allowed;
    opacity: 0.6;
}

.btn-block {
    width: 100%;
}

.login-info {
    text-align: center;
    color: #888888;
    font-size: 0.85rem;
    margin-top: 1rem;
}

/* Dashboard */
.page-title {
    font-size: 2rem;
    color: #FFFFFF;
    margin-bottom: 2rem;
    font-weight: 600;
}

.stats-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card {
    background: #3B424C; /* Secondary Background for cards */
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border: 1px solid #323842;
    transition: transform 0.3s;
    display: flex;
    align-items: center;
    gap: 1rem;
}


.stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

.stat-icon {
    font-size: 2.5rem;
    opacity: 0.9;
}

.stat-content {
    flex: 1;
    text-align: left;
}

.stat-primary {
    background-color: #4A90E2; /* Bright Blue */
    color: #FFFFFF;
    border: none;
}

.stat-success {
    background-color: #50E3C2; /* Vibrant Teal/Mint Green */
    color: #2D323E;
    border: none;
}

.stat-danger {
    background-color: #FF6B6B; /* Red */
    color: #FFFFFF;
    border: none;
}

.stat-warning {
    background-color: #F5A623; /* Orange/Yellow */
    color: #2D323E;
    border: none;
}

.stat-value {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.stat-label {
    font-size: 0.9rem;
    opacity: 0.8;
}

.info-card {
    background: #3B424C; /* Secondary Background */
    padding: 2rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    border: 1px solid #323842;
}

.info-card h2 {
    color: #FFFFFF;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.info-grid {
    display: grid;
    gap: 1rem;
}

.info-item {
    display: flex;
    gap: 1rem;
}

.info-label {
    font-weight: bold;
    min-width: 150px;
    color: #A0A0A0; /* Subtle text */
}

.info-value {
    color: #E0E0E0;
}

/* Dashboard Header */
.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #323842;
}

.dashboard-date {
    color: #A0A0A0;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.dashboard-time {
    color: #50E3C2;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

/* Dashboard Grid */
.dashboard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}

.dashboard-left, .dashboard-right {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dashboard-card {
    background: #3B424C;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid #323842;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.card-title {
    color: #FFFFFF;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

/* Bugünün Özeti */
.today-summary {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.summary-item {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #323842;
}

.summary-item:last-child {
    border-bottom: none;
}

.summary-label {
    color: #A0A0A0;
    font-size: 0.9rem;
}

.summary-value {
    color: #E0E0E0;
    font-weight: 500;
}

/* Aylık Trend */
.monthly-trend {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trend-info {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
}

.trend-item {
    text-align: center;
    flex: 1;
}

.trend-label {
    display: block;
    color: #A0A0A0;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.trend-value {
    display: block;
    color: #50E3C2;
    font-size: 1.5rem;
    font-weight: bold;
}

.progress-bar-container {
    margin-top: 1rem;
}

.progress-bar {
    width: 100%;
    height: 12px;
    background-color: #323842;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #50E3C2 0%, #4A90E2 100%);
    border-radius: 6px;
    transition: width 0.5s ease;
}

.progress-text {
    text-align: center;
    color: #A0A0A0;
    font-size: 0.85rem;
}

/* Hızlı Erişim Grid */
.quick-buttons-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.quick-btn-small {
    background: linear-gradient(135deg, #323842 0%, #2A2F38 100%); /* Dark Gray gradient */
    color: #FFFFFF;
    text-decoration: none;
    padding: 1rem;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s;
    border: 1px solid #3B424C;
}

.quick-btn-small:hover {
    background: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%); /* Blue gradient on hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(74, 144, 226, 0.3);
    border-color: #4A90E2;
}

.quick-btn-small .btn-icon {
    font-size: 1.5rem;
}

.quick-btn-small .btn-text {
    font-size: 0.85rem;
    font-weight: 500;
}

/* Son Aktiviteler */
.activity-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.activity-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background-color: #323842;
    border-radius: 6px;
    transition: background-color 0.3s;
}

.activity-item:hover {
    background-color: #3B424C;
}

.activity-icon {
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3B424C;
    border-radius: 50%;
}

.activity-content {
    flex: 1;
}

.activity-text {
    color: #E0E0E0;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.activity-time {
    color: #A0A0A0;
    font-size: 0.75rem;
}

/* Eski quick-access (geriye dönük uyumluluk için) */
.quick-access {
    background: #3B424C; /* Secondary Background */
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid #323842;
}

.quick-access h2 {
    color: #FFFFFF;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.quick-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.quick-btn {
    background-color: #4A90E2; /* Bright Blue */
    color: #FFFFFF;
    text-decoration: none;
    padding: 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s;
    font-size: 1.1rem;
    font-weight: bold;
    border: none;
}

.quick-btn:hover {
    background-color: #5aa0f0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3);
}

.btn-icon {
    font-size: 1.5rem;
}

/* Attendance Page */
.filter-card {
    background: #3B424C; /* Secondary Background */
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    border: 1px solid #323842;
}

@media (max-width: 768px) {
    .filter-card {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .filter-row {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .filter-group {
        width: 100% !important;
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }
    
    .filter-search,
    .filter-unit,
    .filter-status,
    .filter-button {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }
    
    .filter-buttons-row {
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: flex-start !important;
    }
    
    .filter-buttons-row > button,
    .filter-buttons-row > .btn {
        flex: 1 1 auto;
        min-width: 120px;
        margin-left: 0 !important;
    }
    
    .dashboard-grid {
        grid-template-columns: 1fr;
    }
    
    .main-content {
        padding: 1rem;
    }
}

.filter-row {
    display: flex;
    gap: 1.5rem;
    align-items: end;
    flex-wrap: wrap;
}

.filter-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.filter-search {
    flex: 0 0 50% !important;
}

.filter-unit {
    flex: 0 0 30% !important;
}

.filter-status {
    flex: 0 0 10% !important;
}

.filter-button {
    flex: 0 0 10% !important;
}

.filter-buttons-row {
    justify-content: flex-end;
    align-items: center;
    gap: 0;
}

.filter-buttons-row > button,
.filter-buttons-row > .btn {
    margin-left: 0.3125rem; /* 5px - ilk buton hariç */
}

.filter-buttons-row > button:first-child,
.filter-buttons-row > .btn:first-child {
    margin-left: 0;
}

.filter-group label {
    font-weight: 500;
    color: #E0E0E0;
    font-size: 0.9rem;
}

/* Kullanıcı yönetimi için özel filtre düzeni */
#usersBody td:first-child {
    font-size: 0.7rem;
    color: #888888;
    text-align: center;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    padding: 0.3rem 0.2rem;
}

.data-table th:first-child {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    padding: 0.5rem 0.2rem;
    font-size: 0.85rem;
}

.filter-label {
    font-weight: 500;
    color: #E0E0E0;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.search-input {
    min-width: 250px;
}

.result-info {
    color: #A0A0A0;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    padding: 0.5rem 0;
}

.badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 500;
}

.badge-success {
    background-color: #50E3C2;
    color: #2D323E;
}

.badge-danger {
    background-color: #FF6B6B;
    color: #FFFFFF;
}

.btn-sm {
    padding: 0.25rem 0.75rem;
    font-size: 0.85rem;
}

/* Button styles already updated with glass styles above - removing duplicates */

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
}

.modal-content {
    background-color: #3B424C;
    margin: 5% auto;
    padding: 0;
    border: 1px solid #323842;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    animation: modalSlideIn 0.3s ease;
    position: relative;
    z-index: 2001;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #323842;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3 {
    margin: 0;
    color: #FFFFFF;
    font-size: 1.25rem;
}

.close {
    color: #A0A0A0;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
    transition: color 0.3s;
}

.close:hover {
    color: #FFFFFF;
}

.modal-body {
    padding: 1.5rem;
    color: #E0E0E0;
}

.modal-body ul {
    margin: 1rem 0;
    padding-left: 1.5rem;
}

.modal-body li {
    margin: 0.5rem 0;
}

.modal-body select[multiple] {
    background-color: #323842;
    color: #E0E0E0;
    border: 1px solid #3B424C;
    border-radius: 4px;
    padding: 0.5rem;
    min-height: 150px;
}

.modal-body select[multiple] option {
    padding: 0.5rem;
    background-color: #323842;
    color: #E0E0E0;
}

.modal-body select[multiple] option:checked {
    background-color: #50E3C2;
    color: #2D323E;
    font-weight: 600;
}

.modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #323842;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.table-container {
    background: #3B424C; /* Secondary Background */
    border-radius: 8px;
    overflow-x: auto;
    overflow-y: visible;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border: 1px solid #323842;
    -webkit-overflow-scrolling: touch;
    position: relative;
    max-width: 100%;
}

/* Puantaj tablosu için özel container */
#attendanceTable {
    table-layout: fixed;
    width: 100%;
    min-width: fit-content;
}

.table-container::before {
    content: '← Kaydır →';
    position: sticky;
    left: 0;
    top: 0;
    color: #A0A0A0;
    font-size: 0.75rem;
    padding: 0.5rem;
    background: rgba(45, 50, 62, 0.9);
    z-index: 10;
    display: none;
}

@media (max-width: 768px) {
    .table-container::before {
        display: block;
    }
}

.data-table {
    width: 100%;
    border-collapse: collapse;
}

/* Puantaj tablosu için özel genişlik ayarı */
#attendanceTable {
    table-layout: fixed;
    width: auto;
    min-width: 100%;
}

.data-table th {
    background-color: #323842; /* Panel background */
    color: #FFFFFF;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    position: sticky;
    top: 0;
    border-bottom: 2px solid #3B424C;
    white-space: nowrap;
    min-width: 80px;
}

.data-table th:first-child {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #323842;
}

.data-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    background-color: #3B424C;
}

.data-table td {
    padding: 0.5rem;
    border-bottom: 1px solid #323842;
    color: #E0E0E0;
    border-right: 1px solid #323842;
}

.data-table tr {
    background-color: #3B424C;
}

.data-table tr:hover {
    background-color: #323842;
}

/* Zebra striping için */
#attendanceTable tbody tr {
    background-color: #3B424C;
}

#attendanceTable tbody tr.zebra-row {
    background-color: #323842;
}

#attendanceTable tbody tr:hover {
    background-color: #3B424C;
}

#attendanceTable tbody tr.zebra-row:hover {
    background-color: #3B424C;
}

.day-toggle {
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    height: 28px;
    padding: 0;
    background-color: #3B424C;
    border: 1px solid #4A5568;
    border-radius: 50%;
    text-align: center;
    color: #A0A0A0;
    font-size: 0.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    transition: all 0.2s ease;
    margin: 0 auto;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.day-toggle:hover:not(.weekend):not(.holiday):not(.future):not(.active) {
    border-color: #8B5CF6;
    background-color: #3B424C;
    box-shadow: 0 2px 4px rgba(139, 92, 246, 0.2);
}

.day-toggle.weekend:hover:not(.active) {
    opacity: 0.8;
    border-color: #3B424C;
}

.day-toggle.active {
    background: linear-gradient(135deg, #8B5CF6 0%, #6B46C1 100%);
    color: #FFFFFF;
    border-color: #8B5CF6;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.4);
}

/* Hafta sonu aktif olduğunda da mor olsun */
.day-toggle.weekend.active {
    background: linear-gradient(135deg, #8B5CF6 0%, #6B46C1 100%) !important;
    color: #FFFFFF !important;
    border-color: #8B5CF6 !important;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.4);
}

.day-toggle.special {
    background-color: #F5A623;
    color: #2D323E;
    border-color: #F5A623;
    font-weight: 600;
}

/* Hafta sonu, tatil ve gelecek gün stilleri */
.day-toggle.weekend:not(.active) {
    background-color: #2D323E;
    border-color: #323842;
    color: #666666;
    opacity: 0.6;
}

.day-toggle.holiday {
    background-color: #5A5A5A;
    border-color: #5A5A5A;
    color: #888888;
    cursor: not-allowed !important;
    opacity: 0.7;
}

.day-toggle.future {
    background-color: #2D323E;
    border-color: #3B424C;
    color: #555555;
    cursor: not-allowed !important;
    opacity: 0.5;
    position: relative;
}

.day-toggle.future::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 3px,
        rgba(255, 255, 255, 0.1) 3px,
        rgba(255, 255, 255, 0.1) 6px
    );
    pointer-events: none;
}

.day-cell-wrapper {
    padding: 0.3rem 0.1rem;
    text-align: center;
    border-right: 1px solid #323842;
    background-color: #2D323E;
}

.day-cell-wrapper.weekend {
    background-color: rgba(45, 50, 62, 0.3);
}

.day-cell-wrapper.holiday {
    background-color: rgba(90, 90, 90, 0.2);
}

/* Başlangıç tarihinden önceki günler (kilitli) */
.day-toggle.before-start-date {
    background-color: #2D323E !important;
    border-color: #4A5568 !important;
    color: #6B7280 !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    position: relative;
}

.day-toggle.before-start-date::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        135deg,
        transparent,
        transparent 2px,
        rgba(107, 114, 128, 0.3) 2px,
        rgba(107, 114, 128, 0.3) 4px
    );
    border-radius: 50%;
    pointer-events: none;
}

.day-cell-wrapper.before-start-date {
    background-color: #1F2937;
    position: relative;
}

.day-cell-wrapper.before-start-date::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 4px,
        rgba(107, 114, 128, 0.15) 4px,
        rgba(107, 114, 128, 0.15) 8px
    );
    pointer-events: none;
}

/* KMUT için ay kilidi (ayın tamamı kilitli) */
.day-toggle.month-locked:not(.before-start-date) {
    background-color: #3A3A50 !important;
    border-color: #5A5A70 !important;
    color: #AAAACC !important;
    cursor: not-allowed !important;
    opacity: 0.8;
}

.day-cell-wrapper.month-locked:not(.before-start-date) {
    background-color: rgba(90, 90, 112, 0.15);
}

/* Zebra striping */
#attendanceTable tbody tr.zebra-row {
    background-color: #323842;
}

#attendanceTable tbody tr.zebra-row:hover {
    background-color: #3B424C;
}

/* İsim hücresi */
.name-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    min-width: 180px;
    width: 180px;
    font-size: 0.75rem;
    padding: 0.3rem 0.4rem;
}

#attendanceTable td:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    min-width: 180px;
    width: 180px;
}

#attendanceTable th:nth-child(2) {
    min-width: 180px;
    width: 180px;
    max-width: 180px;
}

/* Toplam hücresi */
.total-cell {
    background-color: #323842 !important;
    font-weight: 600;
    text-align: center;
    padding: 0.3rem 0.4rem;
    border-left: 2px solid #50E3C2;
    position: sticky;
    right: 0;
    z-index: 3;
    min-width: 35px;
    width: 35px;
    max-width: 35px;
    font-size: 0.75rem;
}

#attendanceTable thead th:last-child {
    background-color: #323842;
    border-left: 2px solid #50E3C2;
    position: sticky;
    right: 0;
    z-index: 100;
    min-width: 35px;
    width: 35px;
    max-width: 35px;
    padding: 0.3rem 0.4rem;
    font-size: 0.75rem;
}

#attendanceTable tbody tr.zebra-row .total-cell {
    background-color: #2D323E !important;
}

#attendanceTable tbody tr:hover .total-cell {
    background-color: #3B424C !important;
}

/* Sticky sütunlar için arka plan */
#attendanceTable thead th:last-child,
#attendanceTable tbody td.total-cell {
    background-color: #323842 !important;
}

#attendanceTable tbody tr.zebra-row td.total-cell {
    background-color: #2D323E !important;
}

/* Sağ tıklama menüsü */
.day-context-menu {
    position: absolute;
    background-color: #3B424C;
    border: 1px solid #323842;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    z-index: 10000;
    min-width: 60px;
    padding: 0.25rem 0;
}

.context-menu-item {
    padding: 0.5rem 1rem;
    color: #E0E0E0;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background-color 0.2s;
}

.context-menu-item:hover {
    background-color: #323842;
    color: #FFFFFF;
}

/* Puantaj tablosu için özel stil - gün sütunlarını küçült */
#attendanceTable th:nth-child(n+3):not(:last-child),
#attendanceTable td:nth-child(n+3):not(:last-child) {
    padding: 0.3rem 0.1rem;
    text-align: center;
    min-width: 32px;
    width: 32px;
    max-width: 32px;
    border-right: 1px solid #323842;
}

#attendanceTable td:nth-child(n+3) {
    position: relative;
}

#attendanceTable th:first-child {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
}

#attendanceTable td:first-child {
    font-size: 0.75rem;
    padding: 0.3rem 0.4rem;
    min-width: 100px;
    width: 100px;
    max-width: 100px;
}


.text-center {
    text-align: center;
}

/* Personnel, Units, Programs, Users, Bot pages */
.page-container {
    background: #3B424C; /* Secondary Background */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    border: 1px solid #323842;
}

.page-container h1 {
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .page-container {
        padding: 1rem;
    }
    
    .page-container h1 {
        font-size: 1.5rem;
    }
}

/* Duplicate button styles removed - using glass styles defined above */

/* Warning Button - Turuncu tonları (Uyarı, Dikkat) */
.btn-warning {
    background: linear-gradient(135deg, #F5A623 0%, #F39C12 100%); /* Orange to Dark Orange gradient */
    color: #2D323E;
    border: none;
}

.btn-warning:hover:not(:disabled) {
    background: linear-gradient(135deg, #FFB633 0%, #FFAC22 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(245, 166, 35, 0.4);
}

.btn-warning:disabled {
    background: #3B424C;
    color: #888888;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Scrollbar stilleri (dark theme için) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #2D323E;
}

::-webkit-scrollbar-thumb {
    background: #3B424C;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #323842;
}

/* Select dropdown stilleri */
select.form-control {
    background-color: #323842;
    color: #FFFFFF;
    border: 1px solid #3B424C;
}

select.form-control option {
    background-color: #323842;
    color: #FFFFFF;
}

/* Input placeholder stilleri */
::placeholder {
    color: #888888;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #888888;
}

::-ms-input-placeholder {
    color: #888888;
}

/* Responsive Navbar */
@media (max-width: 1200px) {
    .nav-menu {
        gap: 0.75rem;
    }
    
    .nav-link {
        padding: 0.5rem 0.6rem;
        font-size: 0.85rem;
    }
}

@media (max-width: 768px) {
    .navbar {
        padding: 0.75rem 0;
    }
    
    .nav-container {
        padding: 0 0.75rem;
        gap: 0.5rem;
    }
    
    .nav-brand img {
        height: 36px;
    }
    
    .nav-menu {
        gap: 0.5rem;
        margin: 0 0.5rem;
    }
    
    .nav-link {
        padding: 0.4rem 0.5rem;
        font-size: 0.8rem;
    }
    
    .btn-logout {
        padding: 0.4rem 0.75rem;
        font-size: 0.8rem;
    }
    
    .btn-fullscreen {
        padding: 0.4rem;
    }
}

@media (max-width: 480px) {
    .nav-menu {
        gap: 0.25rem;
    }
    
    .nav-link {
        padding: 0.35rem 0.4rem;
        font-size: 0.75rem;
    }
}

/* ============================================
   LIGHT THEME STYLES (Açık Tema)
   Modern, temiz arayüz - Fildişi/Şekerkarası renkler
   Renk Paleti: #F5F5F5 (arka plan), #FFFEF7 (kartlar), #6B46C1 (mor), #8B5CF6 (açık mor)
   ============================================ */

body.light-theme {
    background-color: #F5F5F5; /* Çok açık gri arka plan */
    color: #333333; /* Koyu metin */
}

/* Light Theme - Navbar */
body.light-theme .navbar {
    background-color: #FFFEF7; /* Fildişi - navbar arka plan */
    border-bottom: 1px solid #E0E0E0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

body.light-theme .nav-brand h2 {
    color: #6B46C1; /* Mor */
}

body.light-theme .nav-link {
    color: #666666;
}

body.light-theme .nav-link:hover {
    color: #6B46C1;
    background-color: rgba(107, 70, 193, 0.1);
}

body.light-theme .nav-link.active {
    color: #6B46C1;
    background-color: rgba(107, 70, 193, 0.1);
    border-bottom: 2px solid #6B46C1;
}

/* Light Theme - Main Content */
body.light-theme .main-content {
    background-color: #F5F5F5;
}

/* Light Theme - Cards */
body.light-theme .filter-card,
body.light-theme .stat-card,
body.light-theme .info-card,
body.light-theme .dashboard-card,
body.light-theme .page-container,
body.light-theme .table-container {
    background: #FFFEF7; /* Fildişi - kart arka plan */
    border: 1px solid #E0E0E0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

body.light-theme .page-title {
    color: #333333;
}

body.light-theme h1,
body.light-theme h2,
body.light-theme h3 {
    color: #333333;
}

/* Light Theme - Form Controls */
body.light-theme .form-control {
    background-color: #FFFEF7; /* Fildişi */
    border: 1px solid #E0E0E0;
    color: #333333;
}

body.light-theme .form-control:focus {
    border-color: #6B46C1;
    box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.1);
}

body.light-theme .form-control::placeholder {
    color: #9CA3AF;
}

body.light-theme .filter-label,
body.light-theme label {
    color: #4B5563;
}

/* Light Theme - Buttons */
body.light-theme .btn-primary {
    background: linear-gradient(135deg, #8B5CF6 0%, #6B46C1 100%); /* Mor gradient */
    color: #FFFFFF;
}

body.light-theme .btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #9B6CF6 0%, #7B56D1 100%);
    box-shadow: 0 4px 8px rgba(107, 70, 193, 0.3);
}

body.light-theme .btn-success {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%); /* Yeşil gradient */
    color: #FFFFFF;
}

body.light-theme .btn-success:hover:not(:disabled) {
    background: linear-gradient(135deg, #34D399 0%, #10B981 100%);
    box-shadow: 0 4px 8px rgba(16, 185, 129, 0.4);
}

body.light-theme .btn-info {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%); /* Mavi gradient */
    color: #FFFFFF;
}

body.light-theme .btn-info:hover:not(:disabled) {
    background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%);
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.4);
}

body.light-theme .btn-danger {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%); /* Kırmızı gradient */
    color: #FFFFFF;
}

body.light-theme .btn-danger:hover:not(:disabled) {
    background: linear-gradient(135deg, #F87171 0%, #EF4444 100%);
    box-shadow: 0 4px 8px rgba(239, 68, 68, 0.4);
}

body.light-theme .btn-secondary {
    background: linear-gradient(135deg, #9CA3AF 0%, #6B7280 100%); /* Gri gradient */
    color: #FFFFFF;
}

body.light-theme .btn-secondary:hover:not(:disabled) {
    background: linear-gradient(135deg, #D1D5DB 0%, #9CA3AF 100%);
    box-shadow: 0 4px 8px rgba(156, 163, 175, 0.3);
}

body.light-theme .btn-warning {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%); /* Turuncu gradient */
    color: #FFFFFF;
}

body.light-theme .btn-warning:hover:not(:disabled) {
    background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);
    box-shadow: 0 4px 8px rgba(245, 158, 11, 0.4);
}

/* Light Theme - Checkbox */
body.light-theme input[type="checkbox"] {
    border: 2px solid #6B46C1;
    background-color: #FFFEF7;
}

body.light-theme input[type="checkbox"]:hover {
    border-color: #8B5CF6;
    background-color: #FFFEF7;
    box-shadow: 0 0 0 2px rgba(107, 70, 193, 0.15);
}

body.light-theme input[type="checkbox"]:checked {
    background-color: #6B46C1;
    border-color: #6B46C1;
    box-shadow: 0 0 0 2px rgba(107, 70, 193, 0.2);
}

body.light-theme input[type="checkbox"]:checked::after {
    color: #FFFFFF;
}

body.light-theme input[type="checkbox"]:disabled {
    border-color: #D1D5DB;
    background-color: #F3F4F6;
}

/* Light Theme - Tables */
body.light-theme .data-table th {
    background-color: #F3F4F6; /* Açık gri - başlık arka plan */
    color: #333333;
    border-bottom: 2px solid #E0E0E0;
}

/* Puantaj tablosu başlıkları */
body.light-theme #attendanceTable thead th {
    background-color: #F3F4F6 !important; /* Açık gri */
    color: #333333;
}

body.light-theme .data-table td {
    color: #333333;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    background-color: #FFFEF7; /* Fildişi */
}

body.light-theme .data-table tr {
    background-color: #FFFEF7;
}

body.light-theme .data-table tr:hover {
    background-color: #F5F5F5;
}

/* TC No sütunu - fildişi */
body.light-theme .data-table th:first-child {
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #F9FAFB !important; /* Açık gri başlık */
}

body.light-theme .data-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    background-color: #FFFEF7 !important; /* Fildişi */
}

body.light-theme .data-table tr:hover td:first-child {
    background-color: #FFFEF7 !important; /* Hover'da da fildişi */
}

body.light-theme .data-table tbody tr.zebra-row td:first-child {
    background-color: #FFFEF7 !important; /* Zebra row'da da fildişi */
}

body.light-theme .data-table tbody tr.zebra-row:hover td:first-child {
    background-color: #FFFEF7 !important; /* Hover'da da fildişi */
}

/* Ad Soyad sütunu (2. sütun) - fildişi */
body.light-theme #attendanceTable td:nth-child(2),
body.light-theme .name-cell {
    background-color: #FFFEF7 !important; /* Fildişi */
}

body.light-theme #attendanceTable tbody tr:hover td:nth-child(2),
body.light-theme #attendanceTable tbody tr:hover .name-cell {
    background-color: #FFFEF7 !important; /* Hover'da da fildişi */
}

body.light-theme #attendanceTable tbody tr.zebra-row td:nth-child(2),
body.light-theme #attendanceTable tbody tr.zebra-row .name-cell {
    background-color: #FFFEF7 !important; /* Zebra row'da da fildişi */
}

body.light-theme .data-table tbody tr.zebra-row {
    background-color: #F5F5F5;
}

body.light-theme .data-table tbody tr.zebra-row:hover {
    background-color: #F0F0F0;
}

/* Light Theme - Day Toggle (Puantaj) */
/* Aktif olmayan günler - koyu gri (normal) */
body.light-theme .day-toggle {
    background-color: #E5E7EB !important; /* Açık gri - aktif olmayan günler */
    border: 1px solid #D1D5DB !important;
    color: #6B7280 !important; /* Gri metin */
    font-weight: 500;
    border-radius: 50% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

body.light-theme .day-toggle:hover:not(.weekend):not(.holiday):not(.future):not(.active):not(.before-start-date):not(.month-locked) {
    border-color: #8B5CF6 !important;
    background-color: #F3F4F6 !important;
    box-shadow: 0 2px 4px rgba(139, 92, 246, 0.2);
}

/* Aktif günler - mor */
body.light-theme .day-toggle.active {
    background: linear-gradient(135deg, #8B5CF6 0%, #6B46C1 100%) !important; /* Mor gradient */
    color: #FFFFFF !important;
    border-color: #8B5CF6 !important;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.4);
    border-radius: 50% !important;
}

body.light-theme .day-toggle.weekend.active {
    background: linear-gradient(135deg, #8B5CF6 0%, #6B46C1 100%) !important;
    color: #FFFFFF !important;
    border-color: #8B5CF6 !important;
    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.4);
    border-radius: 50% !important;
}

/* Aktif olmayan günler - açık gri (future, disabled vb.) */
body.light-theme .day-toggle.weekend:not(.active) {
    background-color: #E5E7EB !important; /* Açık gri */
    border-color: #E5E7EB !important;
    color: #9CA3AF !important; /* Açık gri metin */
    opacity: 1 !important;
}

body.light-theme .day-toggle.holiday {
    background-color: #E5E7EB !important; /* Açık gri */
    border-color: #E5E7EB !important;
    color: #9CA3AF !important; /* Açık gri metin */
    opacity: 1 !important;
}

body.light-theme .day-toggle.future {
    background-color: #E5E7EB !important; /* Açık gri */
    border-color: #E5E7EB !important;
    color: #9CA3AF !important; /* Açık gri metin */
    opacity: 1 !important;
}

body.light-theme .day-toggle.future::after {
    display: none; /* Light theme'de çizgili pattern'i kaldır */
}

body.light-theme .day-toggle.special {
    background-color: #F59E0B; /* Turuncu */
    color: #FFFFFF;
    border-color: #F59E0B;
}

/* Başlangıç tarihinden önceki günler (kilitli/geçmiş) */
body.light-theme .day-toggle.before-start-date {
    background-color: #D1D5DB !important; /* Açık gri */
    border-color: #9CA3AF !important;
    color: #6B7280 !important;
    cursor: not-allowed !important;
    opacity: 0.7;
    position: relative;
}

body.light-theme .day-toggle.before-start-date::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        135deg,
        transparent,
        transparent 2px,
        rgba(107, 114, 128, 0.4) 2px,
        rgba(107, 114, 128, 0.4) 4px
    );
    border-radius: 50%;
    pointer-events: none;
}

body.light-theme .day-cell-wrapper.before-start-date {
    background-color: #E5E7EB !important;
    position: relative;
}

body.light-theme .day-cell-wrapper.before-start-date::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 4px,
        rgba(156, 163, 175, 0.3) 4px,
        rgba(156, 163, 175, 0.3) 8px
    );
    pointer-events: none;
}

/* KMUT için ay kilidi */
body.light-theme .day-toggle.month-locked:not(.before-start-date) {
    background-color: #E5E7EB !important; /* Açık gri */
    border-color: #E5E7EB !important;
    color: #9CA3AF !important; /* Açık gri metin */
    cursor: not-allowed !important;
    opacity: 1 !important;
}

body.light-theme .day-cell-wrapper.month-locked:not(.before-start-date) {
    background-color: rgba(229, 231, 235, 0.3) !important;
}

body.light-theme .day-cell-wrapper {
    background-color: #F5F5F5 !important;
    border-right: 1px solid #E0E0E0 !important;
}

body.light-theme .day-cell-wrapper.weekend {
    background-color: #F0F0F0 !important;
}

body.light-theme .day-cell-wrapper.holiday {
    background-color: #F0F0F0 !important;
}

/* T (Toplam) sütunu - fildişi ve mor kalın çizgi */
body.light-theme .total-cell {
    position: sticky;
    right: 0;
    z-index: 3;
    background-color: #FFFEF7 !important; /* Fildişi */
    border-left: 3px solid #6B46C1 !important; /* Kalın mor çizgi */
    color: #333333;
}

body.light-theme #attendanceTable thead th:last-child {
    position: sticky;
    right: 0;
    z-index: 100;
    background-color: #F9FAFB !important; /* Açık gri başlık */
    border-left: 3px solid #6B46C1 !important; /* Kalın mor çizgi */
}

body.light-theme #attendanceTable tbody td.total-cell {
    position: sticky;
    right: 0;
    z-index: 3;
    background-color: #FFFEF7 !important; /* Fildişi */
}

body.light-theme .data-table tbody tr.zebra-row .total-cell {
    background-color: #FFFEF7 !important; /* Zebra row'da da fildişi */
}

body.light-theme .data-table tbody tr:hover .total-cell {
    background-color: #FFFEF7 !important; /* Hover'da da fildişi */
}

body.light-theme #attendanceTable tbody tr.zebra-row td.total-cell {
    background-color: #FFFEF7 !important; /* Zebra row'da da fildişi */
}

/* Light Theme - Modal */
body.light-theme .modal-content {
    background-color: #FFFEF7; /* Fildişi */
    border: 1px solid #E0E0E0;
}

body.light-theme .modal-header {
    border-bottom: 1px solid #E0E0E0;
    background-color: #F9FAFB;
}

body.light-theme .modal-header h3 {
    color: #333333;
}

body.light-theme .modal-body {
    color: #333333;
    background-color: #FFFEF7;
}

/* Light Theme - Modal içindeki tablolar */
body.light-theme .modal-body .table-container,
body.light-theme .modal .table-container {
    background: #FFFEF7 !important;
    border: 1px solid #E0E0E0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .modal-body .data-table,
body.light-theme .modal .data-table {
    width: 100%;
    border-collapse: collapse;
}

body.light-theme .modal-body .data-table th,
body.light-theme .modal .data-table th {
    background-color: #F3F4F6 !important;
    color: #333333 !important;
    border-bottom: 2px solid #E0E0E0 !important;
    padding: 0.75rem !important;
    text-align: left !important;
    font-weight: 600 !important;
}

body.light-theme .modal-body .data-table td,
body.light-theme .modal .data-table td {
    color: #333333 !important;
    border-bottom: 1px solid #E0E0E0 !important;
    border-right: 1px solid #E0E0E0 !important;
    background-color: #FFFEF7 !important;
    padding: 0.5rem !important;
}

body.light-theme .modal-body .data-table tr,
body.light-theme .modal .data-table tr {
    background-color: #FFFEF7 !important;
}

body.light-theme .modal-body .data-table tr:hover,
body.light-theme .modal .data-table tr:hover {
    background-color: #F5F5F5 !important;
}

body.light-theme .modal-body .data-table tbody tr.zebra-row,
body.light-theme .modal .data-table tbody tr.zebra-row {
    background-color: #F5F5F5 !important;
}

body.light-theme .modal-body .data-table tbody tr.zebra-row:hover,
body.light-theme .modal .data-table tbody tr.zebra-row:hover {
    background-color: #F0F0F0 !important;
}

body.light-theme .modal-body .data-table th:first-child,
body.light-theme .modal-body .data-table td:first-child,
body.light-theme .modal .data-table th:first-child,
body.light-theme .modal .data-table td:first-child {
    background-color: #F3F4F6 !important;
}

body.light-theme .modal-body .data-table tr:hover td:first-child,
body.light-theme .modal .data-table tr:hover td:first-child {
    background-color: #F5F5F5 !important;
}

/* Light Theme - Modal içindeki form elementleri */
body.light-theme .modal-body .form-control,
body.light-theme .modal .form-control {
    background-color: #FFFEF7 !important;
    border: 1px solid #E0E0E0 !important;
    color: #333333 !important;
}

body.light-theme .modal-body .form-control:focus,
body.light-theme .modal .form-control:focus {
    border-color: #6B46C1 !important;
    box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.1) !important;
}

body.light-theme .modal-body .form-control::placeholder,
body.light-theme .modal .form-control::placeholder {
    color: #9CA3AF !important;
}

body.light-theme .modal-body select.form-control,
body.light-theme .modal select.form-control {
    background-color: #FFFEF7 !important;
    color: #333333 !important;
    border: 1px solid #E0E0E0 !important;
}

body.light-theme .modal-body select.form-control option,
body.light-theme .modal select.form-control option {
    background-color: #FFFEF7 !important;
    color: #333333 !important;
}

body.light-theme .modal-body .filter-label,
body.light-theme .modal-body label,
body.light-theme .modal .filter-label,
body.light-theme .modal label {
    color: #4B5563 !important;
}

body.light-theme .modal-body small,
body.light-theme .modal small {
    color: #6B7280 !important;
}

body.light-theme .modal-body small[style*="color: #A0A0A0"],
body.light-theme .modal-body small[style*="color:#A0A0A0"] {
    color: #6B7280 !important;
}

/* Light Theme - Modal içindeki checkbox'lar */
body.light-theme .modal-body input[type="checkbox"],
body.light-theme .modal input[type="checkbox"] {
    border: 2px solid #6B46C1 !important;
    background-color: #FFFEF7 !important;
}

body.light-theme .modal-body input[type="checkbox"]:hover,
body.light-theme .modal input[type="checkbox"]:hover {
    border-color: #8B5CF6 !important;
    background-color: #FFFEF7 !important;
    box-shadow: 0 0 0 2px rgba(107, 70, 193, 0.15) !important;
}

body.light-theme .modal-body input[type="checkbox"]:checked,
body.light-theme .modal input[type="checkbox"]:checked {
    background-color: #6B46C1 !important;
    border-color: #6B46C1 !important;
    box-shadow: 0 0 0 2px rgba(107, 70, 193, 0.2) !important;
}

body.light-theme .modal-body input[type="checkbox"]:checked::after,
body.light-theme .modal input[type="checkbox"]:checked::after {
    color: #FFFFFF !important;
}

/* Light Theme - Modal içindeki liste elementleri */
body.light-theme .modal-body ul,
body.light-theme .modal ul {
    color: #333333 !important;
}

body.light-theme .modal-body li,
body.light-theme .modal li {
    color: #333333 !important;
}

body.light-theme .modal-body p,
body.light-theme .modal p {
    color: #333333 !important;
}

body.light-theme .modal-body span,
body.light-theme .modal span {
    color: #333333 !important;
}

/* Light Theme - Modal içindeki özel info box'lar (Excel Format gibi) */
body.light-theme .modal-body div[style*="background: #2d2d2d"],
body.light-theme .modal-body div[style*="background:#2d2d2d"],
body.light-theme .modal-body div[style*="background: #2D323E"],
body.light-theme .modal-body div[style*="background:#2D323E"],
body.light-theme .modal-body div[style*="background: #323842"],
body.light-theme .modal-body div[style*="background:#323842"],
body.light-theme .modal-body div[style*="background: #3B424C"],
body.light-theme .modal-body div[style*="background:#3B424C"] {
    background: #F9FAFB !important; /* Açık gri */
    border: 1px solid #6B46C1 !important; /* Mor border */
    color: #333333 !important;
}

body.light-theme .modal-body div[style*="background: #2d2d2d"] strong,
body.light-theme .modal-body div[style*="background:#2d2d2d"] strong,
body.light-theme .modal-body div[style*="background: #2D323E"] strong,
body.light-theme .modal-body div[style*="background:#2D323E"] strong,
body.light-theme .modal-body div[style*="background: #323842"] strong,
body.light-theme .modal-body div[style*="background:#323842"] strong,
body.light-theme .modal-body div[style*="background: #3B424C"] strong,
body.light-theme .modal-body div[style*="background:#3B424C"] strong {
    color: #333333 !important;
}

body.light-theme .modal-body div[style*="background: #2d2d2d"] p,
body.light-theme .modal-body div[style*="background:#2d2d2d"] p,
body.light-theme .modal-body div[style*="background: #2D323E"] p,
body.light-theme .modal-body div[style*="background:#2D323E"] p,
body.light-theme .modal-body div[style*="background: #323842"] p,
body.light-theme .modal-body div[style*="background:#323842"] p,
body.light-theme .modal-body div[style*="background: #3B424C"] p,
body.light-theme .modal-body div[style*="background:#3B424C"] p {
    color: #4B5563 !important;
}

body.light-theme .modal-body div[style*="background: #2d2d2d"] ul,
body.light-theme .modal-body div[style*="background:#2d2d2d"] ul,
body.light-theme .modal-body div[style*="background: #2D323E"] ul,
body.light-theme .modal-body div[style*="background:#2D323E"] ul,
body.light-theme .modal-body div[style*="background: #323842"] ul,
body.light-theme .modal-body div[style*="background:#323842"] ul,
body.light-theme .modal-body div[style*="background: #3B424C"] ul,
body.light-theme .modal-body div[style*="background:#3B424C"] ul {
    color: #333333 !important;
}

body.light-theme .modal-body div[style*="background: #2d2d2d"] li,
body.light-theme .modal-body div[style*="background:#2d2d2d"] li,
body.light-theme .modal-body div[style*="background: #2D323E"] li,
body.light-theme .modal-body div[style*="background:#2D323E"] li,
body.light-theme .modal-body div[style*="background: #323842"] li,
body.light-theme .modal-body div[style*="background:#323842"] li,
body.light-theme .modal-body div[style*="background: #3B424C"] li,
body.light-theme .modal-body div[style*="background:#3B424C"] li {
    color: #333333 !important;
}

body.light-theme .modal-body div[style*="background: #2d2d2d"] div[style*="border: 1px solid"],
body.light-theme .modal-body div[style*="background:#2d2d2d"] div[style*="border: 1px solid"],
body.light-theme .modal-body div[style*="background: #2D323E"] div[style*="border: 1px solid"],
body.light-theme .modal-body div[style*="background:#2D323E"] div[style*="border: 1px solid"],
body.light-theme .modal-body div[style*="background: #323842"] div[style*="border: 1px solid"],
body.light-theme .modal-body div[style*="background:#323842"] div[style*="border: 1px solid"],
body.light-theme .modal-body div[style*="background: #3B424C"] div[style*="border: 1px solid"],
body.light-theme .modal-body div[style*="background:#3B424C"] div[style*="border: 1px solid"] {
    background: #FFFEF7 !important;
    border: 1px solid #6B46C1 !important;
    color: #333333 !important;
}

body.light-theme .modal-body div[style*="background: #2d2d2d"] div[style*="border: 1px solid"] p,
body.light-theme .modal-body div[style*="background:#2d2d2d"] div[style*="border: 1px solid"] p,
body.light-theme .modal-body div[style*="background: #2D323E"] div[style*="border: 1px solid"] p,
body.light-theme .modal-body div[style*="background:#2D323E"] div[style*="border: 1px solid"] p,
body.light-theme .modal-body div[style*="background: #323842"] div[style*="border: 1px solid"] p,
body.light-theme .modal-body div[style*="background:#323842"] div[style*="border: 1px solid"] p,
body.light-theme .modal-body div[style*="background: #3B424C"] div[style*="border: 1px solid"] p,
body.light-theme .modal-body div[style*="background:#3B424C"] div[style*="border: 1px solid"] p {
    color: #4B5563 !important;
}

/* Light Theme - Modal içindeki inline style'lı input'lar */
body.light-theme .modal-body input[style*="background: #1e1e1e"],
body.light-theme .modal-body input[style*="background:#1e1e1e"],
body.light-theme .modal-body input[style*="background: #1E1E1E"],
body.light-theme .modal-body input[style*="background:#1E1E1E"],
body.light-theme .modal-body input[style*="border: 1px solid #4A90E2"] {
    background: #FFFEF7 !important;
    border: 1px solid #E0E0E0 !important;
    color: #333333 !important;
}

body.light-theme .modal-body input[style*="background: #1e1e1e"]:focus,
body.light-theme .modal-body input[style*="background:#1e1e1e"]:focus,
body.light-theme .modal-body input[style*="background: #1E1E1E"]:focus,
body.light-theme .modal-body input[style*="background:#1E1E1E"]:focus,
body.light-theme .modal-body input[style*="border: 1px solid #4A90E2"]:focus {
    border-color: #6B46C1 !important;
    box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.1) !important;
}

/* Light Theme - Modal içindeki inline style'lı label'lar */
body.light-theme .modal-body label[style*="color: #E0E0E0"],
body.light-theme .modal-body label[style*="color:#E0E0E0"] {
    color: #4B5563 !important;
}

/* Light Theme - Modal içindeki inline style'lı span'lar */
body.light-theme .modal-body span[style*="color: #E0E0E0"],
body.light-theme .modal-body span[style*="color:#E0E0E0"],
body.light-theme .modal-body span[style*="color: #B0B0B0"],
body.light-theme .modal-body span[style*="color:#B0B0B0"] {
    color: #4B5563 !important;
}

body.light-theme .modal-body span[style*="color: #FFFFFF"],
body.light-theme .modal-body span[style*="color:#FFFFFF"] {
    color: #333333 !important;
}

/* Light Theme - Modal içindeki inline style'lı strong'lar */
body.light-theme .modal-body strong[style*="color: #E0E0E0"],
body.light-theme .modal-body strong[style*="color:#E0E0E0"],
body.light-theme .modal-body strong[style*="color: #FFFFFF"],
body.light-theme .modal-body strong[style*="color:#FFFFFF"] {
    color: #333333 !important;
}

/* Light Theme - Modal içindeki info/note box'lar (mavi border'lı) */
body.light-theme .modal-body div[style*="background: rgba(74, 144, 226, 0.1)"],
body.light-theme .modal-body div[style*="background:rgba(74, 144, 226, 0.1)"],
body.light-theme .modal-body div[style*="border-left: 3px solid #4A90E2"] {
    background: rgba(107, 70, 193, 0.1) !important; /* Mor ton */
    border-left: 3px solid #6B46C1 !important; /* Mor border */
}

body.light-theme .modal-body div[style*="border-left: 3px solid #4A90E2"] p,
body.light-theme .modal-body div[style*="background: rgba(74, 144, 226, 0.1)"] p,
body.light-theme .modal-body div[style*="background:rgba(74, 144, 226, 0.1)"] p {
    color: #4B5563 !important;
}

body.light-theme .modal-body div[style*="border-left: 3px solid #4A90E2"] strong,
body.light-theme .modal-body div[style*="background: rgba(74, 144, 226, 0.1)"] strong,
body.light-theme .modal-body div[style*="background:rgba(74, 144, 226, 0.1)"] strong {
    color: #6B46C1 !important; /* Mor vurgu */
}

/* ============================================
   LIGHT THEME - GENEL INLINE STYLE OVERRIDES
   Tüm sayfalardaki inline style'ları override eder
   ============================================ */

/* Light Theme - Tüm sayfalardaki koyu renkli inline style'lar */
body.light-theme p[style*="color: #E0E0E0"],
body.light-theme p[style*="color:#E0E0E0"],
body.light-theme span[style*="color: #E0E0E0"],
body.light-theme span[style*="color:#E0E0E0"],
body.light-theme div[style*="color: #E0E0E0"],
body.light-theme div[style*="color:#E0E0E0"],
body.light-theme label[style*="color: #E0E0E0"],
body.light-theme label[style*="color:#E0E0E0"],
body.light-theme h3[style*="color: #E0E0E0"],
body.light-theme h3[style*="color:#E0E0E0"],
body.light-theme strong[style*="color: #E0E0E0"],
body.light-theme strong[style*="color:#E0E0E0"] {
    color: #333333 !important;
}

body.light-theme p[style*="color: #B0B0B0"],
body.light-theme p[style*="color:#B0B0B0"],
body.light-theme span[style*="color: #B0B0B0"],
body.light-theme span[style*="color:#B0B0B0"],
body.light-theme div[style*="color: #B0B0B0"],
body.light-theme div[style*="color:#B0B0B0"] {
    color: #4B5563 !important;
}

body.light-theme p[style*="color: #A0A0A0"],
body.light-theme p[style*="color:#A0A0A0"],
body.light-theme span[style*="color: #A0A0A0"],
body.light-theme span[style*="color:#A0A0A0"],
body.light-theme small[style*="color: #A0A0A0"],
body.light-theme small[style*="color:#A0A0A0"] {
    color: #6B7280 !important;
}

body.light-theme span[style*="color: #FFFFFF"],
body.light-theme span[style*="color:#FFFFFF"],
body.light-theme strong[style*="color: #FFFFFF"],
body.light-theme strong[style*="color:#FFFFFF"] {
    color: #333333 !important;
}

/* Light Theme - Koyu arka planlı div'ler */
body.light-theme div[style*="background: #2D323E"],
body.light-theme div[style*="background:#2D323E"],
body.light-theme div[style*="background: #3B424C"],
body.light-theme div[style*="background:#3B424C"],
body.light-theme div[style*="background: #323842"],
body.light-theme div[style*="background:#323842"],
body.light-theme div[style*="background: #2d2d2d"],
body.light-theme div[style*="background:#2d2d2d"],
body.light-theme div[style*="background-color: #2D323E"],
body.light-theme div[style*="background-color:#2D323E"],
body.light-theme div[style*="background-color: #3B424C"],
body.light-theme div[style*="background-color:#3B424C"],
body.light-theme div[style*="background-color: #323842"],
body.light-theme div[style*="background-color:#323842"] {
    background: #F9FAFB !important;
    color: #333333 !important;
}

/* Light Theme - Border renkleri (mavi -> mor) */
body.light-theme div[style*="border: 1px solid #4A90E2"],
body.light-theme div[style*="border:1px solid #4A90E2"],
body.light-theme div[style*="border-bottom: 1px solid #4A90E2"],
body.light-theme div[style*="border-bottom:1px solid #4A90E2"],
body.light-theme h3[style*="border-bottom: 1px solid #4A90E2"],
body.light-theme h3[style*="border-bottom:1px solid #4A90E2"] {
    border-color: #6B46C1 !important;
}

body.light-theme div[style*="border-bottom: 1px solid rgba(74, 144, 226"],
body.light-theme div[style*="border-bottom:1px solid rgba(74, 144, 226"],
body.light-theme h3[style*="border-bottom: 1px solid rgba(74, 144, 226"],
body.light-theme h3[style*="border-bottom:1px solid rgba(74, 144, 226"] {
    border-bottom-color: rgba(107, 70, 193, 0.3) !important;
}

/* Light Theme - Settings sayfası özel stilleri */
body.light-theme .filter-card p[style*="color: #E0E0E0"],
body.light-theme .filter-card label[style*="color: #E0E0E0"],
body.light-theme .filter-card span[style*="color: #E0E0E0"],
body.light-theme .filter-card h3[style*="color: #E0E0E0"],
body.light-theme .filter-card strong[style*="color: #E0E0E0"] {
    color: #333333 !important;
}

body.light-theme .filter-card div[style*="color: #E0E0E0"] {
    color: #333333 !important;
}

/* Light Theme - Info box'lar (açık mavi arka plan) */
body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"],
body.light-theme div[style*="background-color: rgba(74, 144, 226, 0.1)"],
body.light-theme div[style*="background-color:rgba(74, 144, 226, 0.1)"] {
    background: rgba(107, 70, 193, 0.1) !important;
}

/* Light Theme - Uyarı box'ları */
body.light-theme div[style*="background-color: #2d1b1b"],
body.light-theme div[style*="background-color:#2d1b1b"],
body.light-theme div[style*="background-color: #2d241b"],
body.light-theme div[style*="background-color:#2d241b"],
body.light-theme div[style*="background-color: #1b2d1b"],
body.light-theme div[style*="background-color:#1b2d1b"] {
    background: #FFFEF7 !important;
    border-color: #E0E0E0 !important;
}

body.light-theme div[style*="border: 2px solid #ff6b6b"],
body.light-theme div[style*="border:2px solid #ff6b6b"],
body.light-theme div[style*="border: 2px solid #ffa500"],
body.light-theme div[style*="border:2px solid #ffa500"],
body.light-theme div[style*="border: 2px solid #4CAF50"],
body.light-theme div[style*="border:2px solid #4CAF50"] {
    border-color: #E0E0E0 !important;
}

/* Light Theme - License info içindeki kartlar */
body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] div,
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] div,
body.light-theme div[style*="background: rgba(76, 175, 80, 0.1)"] div,
body.light-theme div[style*="background:rgba(76, 175, 80, 0.1)"] div {
    background: #F9FAFB !important;
    border-color: #E0E0E0 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] strong,
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] strong,
body.light-theme div[style*="background: rgba(76, 175, 80, 0.1)"] strong,
body.light-theme div[style*="background:rgba(76, 175, 80, 0.1)"] strong {
    color: #333333 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] div[style*="font-size: 2rem"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] div[style*="font-size: 2rem"],
body.light-theme div[style*="background: rgba(76, 175, 80, 0.1)"] div[style*="font-size: 2rem"],
body.light-theme div[style*="background:rgba(76, 175, 80, 0.1)"] div[style*="font-size: 2rem"] {
    color: #333333 !important;
}

/* Light Theme - Key detayları bölümü */
body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] h3,
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] h3 {
    color: #6B46C1 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.05)"] {
    background: #F9FAFB !important;
    border-color: #E0E0E0 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.05)"] strong,
body.light-theme div[style*="background:rgba(74, 144, 226, 0.05)"] strong,
body.light-theme div[style*="background: rgba(74, 144, 226, 0.05)"] span {
    color: #333333 !important;
}

/* Light Theme - Uyarı mesajları renkleri */
body.light-theme h2[style*="color: #ff6b6b"],
body.light-theme h2[style*="color:#ff6b6b"],
body.light-theme h2[style*="color: #ffa500"],
body.light-theme h2[style*="color:#ffa500"],
body.light-theme h2[style*="color: #4CAF50"],
body.light-theme h2[style*="color:#4CAF50"] {
    color: #333333 !important;
}

body.light-theme p[style*="color: #ff6b6b"],
body.light-theme p[style*="color:#ff6b6b"],
body.light-theme strong[style*="color: #ff6b6b"],
body.light-theme strong[style*="color:#ff6b6b"] {
    color: #DC2626 !important; /* Kırmızı kalabilir ama daha koyu */
}

body.light-theme p[style*="color: #ffa500"],
body.light-theme p[style*="color:#ffa500"],
body.light-theme strong[style*="color: #ffa500"],
body.light-theme strong[style*="color:#ffa500"] {
    color: #F59E0B !important; /* Turuncu kalabilir */
}

body.light-theme p[style*="color: #4CAF50"],
body.light-theme p[style*="color:#4CAF50"],
body.light-theme strong[style*="color: #4CAF50"],
body.light-theme strong[style*="color:#4CAF50"] {
    color: #059669 !important; /* Yeşil kalabilir */
}

/* Light Theme - Data import section arka planları */
body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"][style*="padding: 1rem"] {
    background: #F9FAFB !important;
    border-color: #E0E0E0 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"][style*="padding: 1rem"] h3 {
    color: #6B46C1 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"][style*="padding: 1rem"] p,
body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"][style*="padding: 1rem"] label,
body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"][style*="padding: 1rem"] small {
    color: #4B5563 !important;
}

/* Light Theme - JavaScript ile oluşturulan HTML'ler (License info, import history vb.) */
body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"][style*="border-left: 3px"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"][style*="border-left: 3px"] {
    background: rgba(107, 70, 193, 0.1) !important;
    border-left-color: #6B46C1 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] strong[style*="color: #4A90E2"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] strong[style*="color:#4A90E2"] {
    color: #6B46C1 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] span[style*="color: #999"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] span[style*="color:#999"] {
    color: #6B7280 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] div[style*="font-size: 2rem"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] div[style*="font-size: 2rem"],
body.light-theme div[style*="background: rgba(76, 175, 80, 0.1)"] div[style*="font-size: 2rem"],
body.light-theme div[style*="background:rgba(76, 175, 80, 0.1)"] div[style*="font-size: 2rem"] {
    color: #333333 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] strong[style*="color: #4A90E2"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] strong[style*="color:#4A90E2"],
body.light-theme div[style*="background: rgba(76, 175, 80, 0.1)"] strong[style*="color: #4CAF50"],
body.light-theme div[style*="background:rgba(76, 175, 80, 0.1)"] strong[style*="color:#4CAF50"] {
    color: #333333 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.1)"] h3[style*="color: #4A90E2"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.1)"] h3[style*="color:#4A90E2"] {
    color: #6B46C1 !important;
}

body.light-theme div[style*="background: rgba(74, 144, 226, 0.05)"] span[style*="color: #999"],
body.light-theme div[style*="background:rgba(74, 144, 226, 0.05)"] span[style*="color:#999"] {
    color: #6B7280 !important;
}

/* Light Theme - Uyarı mesajları (turuncu arka plan) */
body.light-theme div[style*="background: rgba(255, 165, 0, 0.1)"],
body.light-theme div[style*="background:rgba(255, 165, 0, 0.1)"] {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

body.light-theme div[style*="background: rgba(255, 165, 0, 0.1)"] p[style*="color: #ffa500"],
body.light-theme div[style*="background:rgba(255, 165, 0, 0.1)"] p[style*="color:#ffa500"] {
    color: #333333 !important;
}

body.light-theme div[style*="background: rgba(255, 165, 0, 0.1)"] strong[style*="color: #4A90E2"],
body.light-theme div[style*="background:rgba(255, 165, 0, 0.1)"] strong[style*="color:#4A90E2"] {
    color: #6B46C1 !important;
}

/* Light Theme - Tüm sayfalardaki genel inline style override'ları */
body.light-theme *[style*="color: #666"],
body.light-theme *[style*="color:#666"] {
    color: #6B7280 !important;
}

body.light-theme *[style*="color: #999"],
body.light-theme *[style*="color:#999"] {
    color: #9CA3AF !important;
}

body.light-theme *[style*="color: #888"],
body.light-theme *[style*="color:#888"] {
    color: #9CA3AF !important;
}

/* Light Theme - Result info ve status mesajları */
body.light-theme .result-info {
    color: #4B5563 !important;
}

body.light-theme #importStatus,
body.light-theme #importHistoryList,
body.light-theme #licenseInfoContent {
    color: #333333 !important;
}

body.light-theme #importHistoryList p[style*="color: #999"],
body.light-theme #importHistoryList p[style*="color:#999"] {
    color: #6B7280 !important;
}

/* Light Theme - Dashboard ve diğer sayfalardaki özel bölümler */
body.light-theme .info-card,
body.light-theme .quick-access {
    background: #FFFEF7 !important;
    border: 1px solid #E0E0E0 !important;
}

body.light-theme .info-card h2,
body.light-theme .quick-access h2 {
    color: #333333 !important;
}

body.light-theme .info-label {
    color: #4B5563 !important;
}

body.light-theme .info-value {
    color: #333333 !important;
}

/* Light Theme - Dashboard özel stilleri */
body.light-theme .filter-card[style*="background: linear-gradient(135deg, #4A90E2"],
body.light-theme .filter-card[style*="background:linear-gradient(135deg, #4A90E2"] {
    background: linear-gradient(135deg, #6B46C1 0%, #8B5CF6 100%) !important;
    border-color: #6B46C1 !important;
}

body.light-theme .filter-card[style*="background: linear-gradient"] h2[style*="color: #FFFFFF"],
body.light-theme .filter-card[style*="background:linear-gradient"] h2[style*="color:#FFFFFF"] {
    color: #FFFFFF !important; /* Gradient kartlarda beyaz kalabilir */
}

body.light-theme #qrCodeContainer[style*="background: #FFFFFF"] {
    background: #FFFEF7 !important;
}

body.light-theme #qrCodePlaceholder[style*="color: #666"] {
    color: #4B5563 !important;
}

body.light-theme div[style*="color: rgba(255, 255, 255, 0.9)"] {
    color: rgba(255, 255, 255, 0.95) !important; /* Gradient kartlarda beyaz kalabilir */
}

/* Light Theme - Bot sayfası log container'ları */
body.light-theme #logContent[style*="background: #1E1E1E"],
body.light-theme #logContent[style*="background:#1E1E1E"],
body.light-theme #logContent[style*="background: #1e1e1e"],
body.light-theme #logContent[style*="background:#1e1e1e"] {
    background: #FFFEF7 !important;
    color: #333333 !important;
}

body.light-theme .log-entry {
    color: #333333 !important;
    border-bottom: 1px solid #E0E0E0 !important;
}

body.light-theme .log-entry.info {
    background: #F9FAFB !important;
}

body.light-theme .log-entry.success {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
}

body.light-theme .log-entry.error {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #DC2626 !important;
}

body.light-theme .log-entry.warning {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #D97706 !important;
}

/* Light Theme - Bot sayfası popup'ları */
body.light-theme div[style*="background: white"],
body.light-theme div[style*="background:white"] {
    background: #FFFEF7 !important;
}

body.light-theme div[style*="background: rgba(0, 0, 0, 0.7)"] {
    background: rgba(0, 0, 0, 0.6) !important;
}

/* Light Theme - E-Sube sayfası */
body.light-theme div[style*="background: #2D323E"][style*="padding"],
body.light-theme div[style*="background:#2D323E"][style*="padding"] {
    background: #F9FAFB !important;
    color: #333333 !important;
}

body.light-theme tr[style*="background: #2D323E"] {
    background: #F9FAFB !important;
}

body.light-theme tr[style*="background: #2D323E"] td {
    color: #333333 !important;
}

/* Light Theme - Programs sayfası */
body.light-theme input[style*="background-color: #2D323E"],
body.light-theme input[style*="background-color:#2D323E"] {
    background-color: #FFFEF7 !important;
    color: #333333 !important;
    border-color: #E0E0E0 !important;
}

/* Light Theme - KMUT Settings */
body.light-theme label[style*="background: #323842"],
body.light-theme label[style*="background:#323842"] {
    background: #F9FAFB !important;
    border-color: #E0E0E0 !important;
}

body.light-theme label[style*="background: #323842"]:hover,
body.light-theme label[style*="background:#323842"]:hover {
    background: #F3F4F6 !important;
    border-color: #6B46C1 !important;
}

/* Light Theme - Genel text color override'ları (tüm sayfalar) */
body.light-theme *[style*="color: #FFFFFF"][style*="font-size: 2rem"],
body.light-theme *[style*="color:#FFFFFF"][style*="font-size: 2rem"] {
    color: #333333 !important;
}

/* Light Theme - Import history ve diğer dinamik içerikler */
body.light-theme div[style*="padding: 0.75rem"][style*="background: rgba(74, 144, 226, 0.1)"] {
    background: rgba(107, 70, 193, 0.1) !important;
    border-left-color: #6B46C1 !important;
}

body.light-theme div[style*="padding: 0.75rem"][style*="background: rgba(74, 144, 226, 0.1)"] strong[style*="color: #4A90E2"] {
    color: #6B46C1 !important;
}

body.light-theme div[style*="padding: 0.75rem"][style*="background: rgba(74, 144, 226, 0.1)"] span[style*="color: #4CAF50"] {
    color: #059669 !important;
}

body.light-theme div[style*="padding: 0.75rem"][style*="background: rgba(74, 144, 226, 0.1)"] span[style*="color: #ff6b6b"] {
    color: #DC2626 !important;
}

/* Light Theme - E-Sube JavaScript ile oluşturulan modal'lar */
body.light-theme div[style*="background: #1E1E1E"][style*="border-radius: 8px"],
body.light-theme div[style*="background:#1E1E1E"][style*="border-radius: 8px"] {
    background: #FFFEF7 !important;
    color: #333333 !important;
}

body.light-theme div[style*="background: #1E1E1E"] h2[style*="color: #FFFFFF"],
body.light-theme div[style*="background:#1E1E1E"] h2[style*="color:#FFFFFF"],
body.light-theme div[style*="background: #1E1E1E"] h3[style*="color: #4A90E2"],
body.light-theme div[style*="background:#1E1E1E"] h3[style*="color:#4A90E2"] {
    color: #6B46C1 !important;
}

body.light-theme div[style*="background: #1E1E1E"] p,
body.light-theme div[style*="background:#1E1E1E"] p,
body.light-theme div[style*="background: #1E1E1E"] strong,
body.light-theme div[style*="background:#1E1E1E"] strong {
    color: #333333 !important;
}

body.light-theme div[style*="background: #1E1E1E"] button[style*="background: #2D323E"],
body.light-theme div[style*="background:#1E1E1E"] button[style*="background:#2D323E"] {
    background: #F9FAFB !important;
    color: #333333 !important;
    border: 1px solid #E0E0E0 !important;
}

body.light-theme div[style*="background: #1E1E1E"] button[style*="background: #2D323E"]:hover,
body.light-theme div[style*="background:#1E1E1E"] button[style*="background:#2D323E"]:hover {
    background: #F3F4F6 !important;
}

body.light-theme div[style*="background: #1E1E1E"] table,
body.light-theme div[style*="background:#1E1E1E"] table {
    background: #FFFEF7 !important;
}

body.light-theme div[style*="background: #1E1E1E"] tr[style*="background: #2D323E"],
body.light-theme div[style*="background:#1E1E1E"] tr[style*="background:#2D323E"] {
    background: #F9FAFB !important;
}

body.light-theme div[style*="background: #1E1E1E"] th,
body.light-theme div[style*="background:#1E1E1E"] th,
body.light-theme div[style*="background: #1E1E1E"] td,
body.light-theme div[style*="background:#1E1E1E"] td {
    color: #333333 !important;
    border-color: #E0E0E0 !important;
}

body.light-theme div[style*="background: #1E1E1E"] div[style*="background: #2D323E"],
body.light-theme div[style*="background:#1E1E1E"] div[style*="background:#2D323E"] {
    background: #F9FAFB !important;
    color: #333333 !important;
}

body.light-theme div[style*="background: #1E1E1E"] div[style*="background: #2D323E"] h3[style*="color: #4A90E2"],
body.light-theme div[style*="background:#1E1E1E"] div[style*="background:#2D323E"] h3[style*="color:#4A90E2"] {
    color: #6B46C1 !important;
}

body.light-theme div[style*="background: #1E1E1E"] div[style*="background: #2D323E"] p,
body.light-theme div[style*="background:#1E1E1E"] div[style*="background:#2D323E"] p,
body.light-theme div[style*="background: #1E1E1E"] div[style*="background: #2D323E"] strong,
body.light-theme div[style*="background:#1E1E1E"] div[style*="background:#2D323E"] strong {
    color: #333333 !important;
}

/* Light Theme - Dashboard summary ve trend bölümleri */
body.light-theme .summary-label {
    color: #4B5563 !important;
}

body.light-theme .summary-value {
    color: #333333 !important;
}

body.light-theme .trend-label {
    color: #4B5563 !important;
}

body.light-theme .trend-value {
    color: #6B46C1 !important; /* Mor vurgu */
}

body.light-theme .activity-text {
    color: #333333 !important;
}

body.light-theme .activity-time {
    color: #6B7280 !important;
}

/* Light Theme - Tüm sayfalardaki genel override'lar (son çare) */
body.light-theme * {
    /* Inline style'ları override etmek için genel kural */
}

/* Light Theme - Özel durumlar için daha spesifik kurallar */
body.light-theme div[style*="background"][style*="color: #FFFFFF"] {
    color: #333333 !important;
}

body.light-theme div[style*="background"][style*="color: #E0E0E0"] {
    color: #333333 !important;
}

body.light-theme div[style*="background"][style*="color: #B0B0B0"] {
    color: #4B5563 !important;
}

body.light-theme div[style*="background"][style*="color: #A0A0A0"] {
    color: #6B7280 !important;
}

/* Light Theme - Logs sayfası özel stilleri */
body.light-theme #logsBody td[style*="color: #E0E0E0"] {
    color: #333333 !important;
}

body.light-theme #logsBody span[style*="background: #4A90E2"],
body.light-theme #logsBody span[style*="background:#4A90E2"],
body.light-theme #logsBody span[style*="background: #4CAF50"],
body.light-theme #logsBody span[style*="background:#4CAF50"],
body.light-theme #logsBody span[style*="background: #FF9800"],
body.light-theme #logsBody span[style*="background:#FF9800"],
body.light-theme #logsBody span[style*="background: #9C27B0"],
body.light-theme #logsBody span[style*="background:#9C27B0"],
body.light-theme #logsBody span[style*="background: #f44336"],
body.light-theme #logsBody span[style*="background:#f44336"],
body.light-theme #logsBody span[style*="background: #607D8B"],
body.light-theme #logsBody span[style*="background:#607D8B"] {
    color: #FFFFFF !important; /* Badge'lerde beyaz kalabilir */
}

body.light-theme #logsBody td[style*="color: #4CAF50"] {
    color: #059669 !important;
}

body.light-theme #logsBody td[style*="color: #ff6b6b"] {
    color: #DC2626 !important;
}

body.light-theme div[style*="color: #E0E0E0"][style*="margin-top: 1rem"] {
    color: #333333 !important;
}

body.light-theme span[style*="color: #E0E0E0"][style*="margin: 0 1rem"] {
    color: #333333 !important;
}

body.light-theme #searchHint[style*="color: #999"] {
    color: #6B7280 !important;
}

body.light-theme #searchHint[style*="color: #ff6b6b"] {
    color: #DC2626 !important;
}

body.light-theme #searchHint[style*="color: #4CAF50"] {
    color: #059669 !important;
}

body.light-theme #searchIcon[style*="color: #999"] {
    color: #9CA3AF !important;
}

body.light-theme #resultInfo[style*="color: #E0E0E0"] {
    color: #333333 !important;
}

/* Light Theme - Programs sayfası modal input'ları */
body.light-theme input[style*="background-color: #2D323E"][style*="color: #E0E0E0"],
body.light-theme input[style*="background-color:#2D323E"][style*="color:#E0E0E0"] {
    background-color: #FFFEF7 !important;
    color: #333333 !important;
    border-color: #E0E0E0 !important;
}

/* Light Theme - Units sayfası key modal */
body.light-theme p[style*="color: #666"] {
    color: #4B5563 !important;
}

/* Light Theme - Genel placeholder renkleri */
body.light-theme input::placeholder,
body.light-theme textarea::placeholder {
    color: #9CA3AF !important;
}

/* Light Theme - Focus renkleri */
body.light-theme input:focus,
body.light-theme textarea:focus,
body.light-theme select:focus {
    border-color: #6B46C1 !important;
    box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.1) !important;
}

body.light-theme #searchInput:focus {
    border-color: #6B46C1 !important;
    box-shadow: 0 0 0 2px rgba(107, 70, 193, 0.2) !important;
}

body.light-theme #searchInput:invalid {
    border-color: #DC2626 !important;
}

/* Light Theme - Date input placeholder */
body.light-theme .date-input::placeholder {
    color: #9CA3AF !important;
}

/* Light Theme - Settings sayfası import history ve status mesajları */
body.light-theme div[style*="background: #1b2d1b"][style*="border: 1px solid #4CAF50"],
body.light-theme div[style*="background:#1b2d1b"][style*="border: 1px solid #4CAF50"] {
    background: #F0FDF4 !important;
    border-color: #BBF7D0 !important;
}

body.light-theme div[style*="background: #1b2d1b"] strong[style*="color: #4CAF50"],
body.light-theme div[style*="background:#1b2d1b"] strong[style*="color:#4CAF50"] {
    color: #059669 !important;
}

body.light-theme div[style*="background: #1b2d1b"] span[style*="color: #E0E0E0"],
body.light-theme div[style*="background:#1b2d1b"] span[style*="color:#E0E0E0"] {
    color: #333333 !important;
}

body.light-theme span[style*="color: red"],
body.light-theme span[style*="color:red"] {
    color: #DC2626 !important;
}

body.light-theme #importStatus div[style*="background: #1b2d1b"],
body.light-theme #importStatus div[style*="background:#1b2d1b"] {
    background: #F0FDF4 !important;
    border-color: #BBF7D0 !important;
}

body.light-theme #importStatus div[style*="background: #1b2d1b"] strong,
body.light-theme #importStatus div[style*="background:#1b2d1b"] strong {
    color: #059669 !important;
}

body.light-theme #importStatus div[style*="background: #1b2d1b"] span,
body.light-theme #importStatus div[style*="background:#1b2d1b"] span {
    color: #333333 !important;
}

/* Light Theme - Genel uyarı ve bilgi mesajları */
body.light-theme div[style*="background: #2d1b1b"],
body.light-theme div[style*="background:#2d1b1b"],
body.light-theme div[style*="background: #2d241b"],
body.light-theme div[style*="background:#2d241b"],
body.light-theme div[style*="background: #1b2d1b"],
body.light-theme div[style*="background:#1b2d1b"] {
    background: #FFFEF7 !important;
    border-color: #E0E0E0 !important;
}

body.light-theme div[style*="background: #2d1b1b"] p,
body.light-theme div[style*="background:#2d1b1b"] p,
body.light-theme div[style*="background: #2d241b"] p,
body.light-theme div[style*="background:#2d241b"] p,
body.light-theme div[style*="background: #1b2d1b"] p,
body.light-theme div[style*="background:#1b2d1b"] p {
    color: #333333 !important;
}

body.light-theme div[style*="background: #2d1b1b"] strong,
body.light-theme div[style*="background:#2d1b1b"] strong,
body.light-theme div[style*="background: #2d241b"] strong,
body.light-theme div[style*="background:#2d241b"] strong,
body.light-theme div[style*="background: #1b2d1b"] strong,
body.light-theme div[style*="background:#1b2d1b"] strong {
    color: #333333 !important;
}

/* Light Theme - Son genel override'lar (tüm sayfalar için) */
body.light-theme *[style*="color: #E0E0E0"]:not(.badge):not(span[style*="background"]):not(button):not(.btn) {
    color: #333333 !important;
}

body.light-theme *[style*="color: #B0B0B0"]:not(.badge):not(span[style*="background"]):not(button):not(.btn) {
    color: #4B5563 !important;
}

body.light-theme *[style*="color: #A0A0A0"]:not(.badge):not(span[style*="background"]):not(button):not(.btn) {
    color: #6B7280 !important;
}

body.light-theme *[style*="color: #999"]:not(.badge):not(span[style*="background"]):not(button):not(.btn) {
    color: #9CA3AF !important;
}

body.light-theme *[style*="color: #888"]:not(.badge):not(span[style*="background"]):not(button):not(.btn) {
    color: #9CA3AF !important;
}

body.light-theme *[style*="color: #666"]:not(.badge):not(span[style*="background"]):not(button):not(.btn) {
    color: #6B7280 !important;
}

/* Light Theme - Modal içindeki multiple select */
body.light-theme .modal-body select[multiple],
body.light-theme .modal select[multiple] {
    background-color: #FFFEF7 !important;
    color: #333333 !important;
    border: 1px solid #E0E0E0 !important;
}

body.light-theme .modal-body select[multiple] option,
body.light-theme .modal select[multiple] option {
    background-color: #FFFEF7 !important;
    color: #333333 !important;
}

body.light-theme .modal-body select[multiple] option:checked,
body.light-theme .modal select[multiple] option:checked {
    background-color: #6B46C1 !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

body.light-theme .modal-footer {
    border-top: 1px solid #E0E0E0;
    background-color: #F9FAFB;
}

body.light-theme .close {
    color: #666666;
}

body.light-theme .close:hover {
    color: #333333;
}

/* Light Theme - Login Page */
body.light-theme .login-page {
    background: linear-gradient(135deg, #F5F5F5 0%, #FFFFFF 100%);
}

body.light-theme .login-box {
    background: #FFFEF7; /* Fildişi */
    border: 1px solid #E0E0E0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

body.light-theme .login-title {
    color: #333333;
}

body.light-theme .login-subtitle {
    color: #666666;
}

/* Light Theme - Stats */
body.light-theme .stat-card {
    background: #FFFEF7; /* Fildişi */
    border: 1px solid #E0E0E0;
}

body.light-theme .stat-primary {
    background-color: #6B46C1; /* Mor */
    color: #FFFFFF;
}

body.light-theme .stat-success {
    background-color: #10B981;
    color: #FFFFFF;
}

body.light-theme .stat-danger {
    background-color: #EF4444;
    color: #FFFFFF;
}

body.light-theme .stat-warning {
    background-color: #F59E0B;
    color: #FFFFFF;
}

body.light-theme .stat-value {
    color: #333333;
}

body.light-theme .stat-label {
    color: #666666;
}

/* Light Theme - Text Colors */
body.light-theme .result-info,
body.light-theme .summary-label,
body.light-theme .trend-label,
body.light-theme .info-label,
body.light-theme .activity-time {
    color: #666666;
}

body.light-theme .summary-value,
body.light-theme .trend-value,
body.light-theme .info-value,
body.light-theme .activity-text {
    color: #333333;
}

body.light-theme .dashboard-time {
    color: #6B46C1; /* Mor */
}

body.light-theme .dashboard-date {
    color: #666666;
}

/* Light Theme - Progress Bar */
body.light-theme .progress-bar {
    background-color: #E0E0E0;
}

body.light-theme .progress-fill {
    background: linear-gradient(90deg, #8B5CF6 0%, #6B46C1 100%);
}

body.light-theme .progress-text {
    color: #666666;
}

/* Light Theme - Quick Buttons */
body.light-theme .quick-btn-small {
    background: linear-gradient(135deg, #FFFEF7 0%, #F5F5F5 100%);
    border: 1px solid #E0E0E0;
    color: #333333;
}

body.light-theme .quick-btn-small:hover {
    background: linear-gradient(135deg, #8B5CF6 0%, #6B46C1 100%);
    border-color: #6B46C1;
    color: #FFFFFF;
}

body.light-theme .quick-btn {
    background-color: #6B46C1; /* Mor */
    color: #FFFFFF;
}

body.light-theme .quick-btn:hover {
    background-color: #8B5CF6;
}

/* Light Theme - Activity Items */
body.light-theme .activity-item {
    background-color: #FFFEF7; /* Fildişi */
}

body.light-theme .activity-item:hover {
    background-color: #F5F5F5;
}

body.light-theme .activity-icon {
    background-color: #F9FAFB;
}

/* Light Theme - Scrollbar */
body.light-theme ::-webkit-scrollbar-track {
    background: #F5F5F5;
}

body.light-theme ::-webkit-scrollbar-thumb {
    background: #D1D5DB;
}

body.light-theme ::-webkit-scrollbar-thumb:hover {
    background: #6B46C1;
}

/* Light Theme - Select Dropdown */
body.light-theme select.form-control {
    background-color: #FFFEF7; /* Fildişi */
    color: #333333;
    border: 1px solid #E0E0E0;
}

body.light-theme select.form-control option {
    background-color: #FFFEF7;
    color: #333333;
}

/* Light Theme - Settings Tabs */
body.light-theme .settings-tabs {
    border-bottom: 2px solid #6B46C1; /* Mor */
}

body.light-theme .settings-tab {
    color: #666666;
}

body.light-theme .settings-tab:hover {
    color: #6B46C1;
    background: rgba(107, 70, 193, 0.1);
}

body.light-theme .settings-tab.active {
    color: #6B46C1;
    border-bottom-color: #6B46C1;
    background: rgba(107, 70, 193, 0.1);
}

/* Light Theme - Badge */
body.light-theme .badge-success {
    background-color: #10B981;
    color: #FFFFFF;
}

body.light-theme .badge-danger {
    background-color: #EF4444;
    color: #FFFFFF;
}

/* Light Theme - Logout Button */
body.light-theme .btn-logout {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    color: #FFFFFF;
}

body.light-theme .btn-logout:hover {
    background: linear-gradient(135deg, #F87171 0%, #EF4444 100%);
}

/* Light Theme - Fullscreen Button */
body.light-theme .btn-fullscreen {
    background: linear-gradient(135deg, #6B46C1 0%, #5A3FA8 100%);
    color: #FFFFFF;
}

body.light-theme .btn-fullscreen:hover {
    background: linear-gradient(135deg, #8B5CF6 0%, #6B46C1 100%);
}

/* Light Theme - Day Cell Wrapper */
body.light-theme .day-cell-wrapper {
    background-color: #F5F5F5 !important;
    border-right: 1px solid #E0E0E0 !important;
}

body.light-theme .day-cell-wrapper.weekend {
    background-color: #F0F0F0 !important;
}

body.light-theme .day-cell-wrapper.holiday {
    background-color: #F0F0F0 !important;
}

body.light-theme .day-cell-wrapper.before-start-date {
    background-color: #E5E7EB !important;
    position: relative;
}

body.light-theme .day-cell-wrapper.before-start-date::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 4px,
        rgba(156, 163, 175, 0.3) 4px,
        rgba(156, 163, 175, 0.3) 8px
    );
    pointer-events: none;
}

body.light-theme .day-cell-wrapper.month-locked:not(.before-start-date) {
    background-color: rgba(229, 231, 235, 0.3) !important;
}

/* Light Theme - Context Menu */
body.light-theme .day-context-menu {
    background-color: #FFFEF7; /* Fildişi */
    border: 1px solid #E0E0E0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

body.light-theme .context-menu-item {
    color: #333333;
}

body.light-theme .context-menu-item:hover {
    background-color: rgba(107, 70, 193, 0.1);
    color: #6B46C1;
}

/* Light Theme - Idle Timeout Modal */
body.light-theme .idle-timeout-modal {
    background-color: rgba(0, 0, 0, 0.85);
}

body.light-theme .idle-timeout-content {
    background-color: #FFFEF7; /* Fildişi */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid #E0E0E0;
}

body.light-theme .idle-timeout-header h2 {
    color: #333333;
}

body.light-theme .idle-timeout-body p {
    color: #666666;
}

/* Light Theme - Login Close Button */
body.light-theme .btn-close-login {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #333333;
}

body.light-theme .btn-close-login:hover {
    background-color: rgba(239, 68, 68, 0.8);
    border-color: rgba(239, 68, 68, 1);
}

/* Light Theme - Settings Page Inline Style Overrides */
body.light-theme .filter-card h2,
body.light-theme .filter-card h3 {
    color: #333333 !important;
    border-bottom-color: #6B46C1 !important;
}

body.light-theme .filter-card p,
body.light-theme .filter-card label,
body.light-theme .filter-card span:not(.badge):not(.btn-text) {
    color: #4B5563 !important;
}

body.light-theme .filter-card label.filter-label {
    color: #4B5563 !important;
}

body.light-theme .filter-card .form-group label span {
    color: #4B5563 !important;
}

body.light-theme .settings-tab-content h2,
body.light-theme .settings-tab-content h3 {
    color: #333333 !important;
}

body.light-theme .settings-tab-content p {
    color: #4B5563 !important;
}

body.light-theme .settings-tab-content label {
    color: #4B5563 !important;
}

body.light-theme .settings-tab-content label span {
    color: #4B5563 !important;
}

/* Light Theme - Status Messages */
body.light-theme #appearanceSettingsStatus span,
body.light-theme #notificationSettingsStatus span,
body.light-theme #logVisibilityStatus span {
    color: #059669 !important; /* Green for success */
}

body.light-theme #appearanceSettingsStatus span[style*="red"],
body.light-theme #notificationSettingsStatus span[style*="red"],
body.light-theme #logVisibilityStatus span[style*="red"] {
    color: #DC2626 !important; /* Red for error */
}

body.light-theme #appearanceSettingsStatus span[style*="#666"],
body.light-theme #notificationSettingsStatus span[style*="#666"],
body.light-theme #logVisibilityStatus span[style*="#666"] {
    color: #666666 !important; /* Gray for loading */
}

/* Light Theme - Settings sayfası license info kartları (JavaScript ile oluşturulan) */
body.light-theme #licenseInfoContent div[style*="padding: 1rem"][style*="background: rgba(74, 144, 226, 0.1)"] {
    background: #F9FAFB !important;
    border: 1px solid #E0E0E0 !important;
}

body.light-theme #licenseInfoContent div[style*="padding: 1rem"][style*="background: rgba(76, 175, 80, 0.1)"] {
    background: #F0FDF4 !important;
    border: 1px solid #BBF7D0 !important;
}

body.light-theme #licenseInfoContent div[style*="font-size: 2rem"][style*="color: #FFFFFF"],
body.light-theme #licenseInfoContent div[style*="font-size: 2rem"][style*="color:#FFFFFF"] {
    color: #333333 !important;
}

body.light-theme #licenseInfoContent div[style*="font-size: 2rem"][style*="color: #4CAF50"],
body.light-theme #licenseInfoContent div[style*="font-size: 2rem"][style*="color:#4CAF50"] {
    color: #059669 !important;
}

body.light-theme #licenseInfoContent div[style*="font-size: 2rem"][style*="color: #ff6b6b"],
body.light-theme #licenseInfoContent div[style*="font-size: 2rem"][style*="color:#ff6b6b"] {
    color: #DC2626 !important;
}

body.light-theme #licenseInfoContent strong[style*="color: #4A90E2"],
body.light-theme #licenseInfoContent strong[style*="color:#4A90E2"] {
    color: #6B46C1 !important;
}

body.light-theme #licenseInfoContent strong[style*="color: #4CAF50"],
body.light-theme #licenseInfoContent strong[style*="color:#4CAF50"] {
    color: #059669 !important;
}

body.light-theme #licenseInfoContent h3[style*="color: #4A90E2"],
body.light-theme #licenseInfoContent h3[style*="color:#4A90E2"] {
    color: #6B46C1 !important;
}

body.light-theme #licenseInfoContent span[style*="color: #ffa500"],
body.light-theme #licenseInfoContent span[style*="color:#ffa500"] {
    color: #F59E0B !important;
}

body.light-theme #licenseInfoContent span[style*="color: #4CAF50"],
body.light-theme #licenseInfoContent span[style*="color:#4CAF50"] {
    color: #059669 !important;
}

body.light-theme #licenseInfoContent span[style*="color: #ff6b6b"],
body.light-theme #licenseInfoContent span[style*="color:#ff6b6b"] {
    color: #DC2626 !important;
}

body.light-theme #licenseInfoContent span[style*="color: #FFFFFF"],
body.light-theme #licenseInfoContent span[style*="color:#FFFFFF"] {
    color: #333333 !important;
}


/* =========================================================================
   DENETİM DÜZELTMELERİ — Sayfalama, iskelet yükleme, seçim şeridi,
   personel detay sayfası, key uyarısı, erişilebilirlik.
   ========================================================================= */

/* --- Ek rozet renkleri --- */
.badge-info {
    background-color: #4A90E2;
    color: #FFFFFF;
}

.badge-secondary {
    background-color: #5A6270;
    color: #E0E0E0;
}

/* --- Metin butonu (link görünümlü) --- */
.btn-link {
    background: none;
    border: none;
    color: #4A90E2;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    text-decoration: underline;
}

.btn-link:hover {
    color: #6BA7EA;
}

.btn-link:focus-visible {
    outline: 2px solid #4A90E2;
    outline-offset: 2px;
    border-radius: 2px;
}

/* --- Sayfalama çubuğu (Denetim K3) --- */
.pagination-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    margin: 0.75rem 0;
    background-color: #3B424C;
    border-radius: 6px;
    flex-wrap: wrap;
}

.pagination-left,
.pagination-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pagination-label {
    color: #A0A0A0;
    font-size: 0.85rem;
    margin: 0;
}

.pagination-select {
    width: auto;
    min-width: 70px;
    padding: 0.35rem 0.5rem;
}

.pagination-info {
    color: #E0E0E0;
    font-size: 0.9rem;
    min-width: 60px;
    text-align: center;
    white-space: nowrap;
}

.pagination-bar .btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* --- İskelet yükleme satırları (Denetim P3.1) --- */
.skeleton-row td {
    padding: 0.75rem 1rem !important;
}

.skeleton-bar {
    height: 14px;
    border-radius: 4px;
    background: linear-gradient(90deg, #3B424C 25%, #4A515D 50%, #3B424C 75%);
    background-size: 200% 100%;
    animation: macis-skeleton 1.4s ease-in-out infinite;
}

@keyframes macis-skeleton {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-bar { animation: none; }
}

/* --- Boş durum (Denetim P3.10) --- */
.empty-state {
    padding: 2.5rem 1rem !important;
    text-align: center;
}

.empty-title {
    color: #E0E0E0;
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
}

.empty-desc {
    color: #A0A0A0;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

/* --- Toplu seçim bilgi şeridi (Denetim P3.6) --- */
.selection-banner {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    margin-bottom: 0.5rem;
    background-color: #33506E;
    border-left: 3px solid #4A90E2;
    border-radius: 4px;
    color: #E0E0E0;
    font-size: 0.9rem;
    flex-wrap: wrap;
}

/* --- Key süresi uyarı şeridi (Denetim K2) --- */
.key-uyari-serit {
    position: sticky;
    top: 0;
    z-index: 9000;
    padding: 0.6rem 1rem;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
}

.key-uyari-serit[data-seviye="bilgi"] {
    background-color: #33506E;
    color: #E0E0E0;
}

.key-uyari-serit[data-seviye="uyari"] {
    background-color: #8A6D1F;
    color: #FFFFFF;
}

.key-uyari-serit[data-seviye="kritik"] {
    background-color: #A33A3A;
    color: #FFFFFF;
}

.key-uyari-link {
    color: inherit;
    text-decoration: underline;
    margin-left: 0.5rem;
    font-weight: 600;
}

/* --- Personel adı bağlantısı (Denetim K4) --- */
.personnel-link {
    color: #E0E0E0;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

.personnel-link:hover,
.personnel-link:focus-visible {
    color: #4A90E2;
    border-bottom-color: #4A90E2;
}

.personnel-link:focus-visible {
    outline: 2px solid #4A90E2;
    outline-offset: 2px;
    border-radius: 2px;
}

/* --- Personel detay sayfası (Denetim K4) --- */
.detail-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.detail-back {
    display: inline-block;
    color: #A0A0A0;
    text-decoration: none;
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
}

.detail-back:hover {
    color: #4A90E2;
}

.detail-title {
    margin: 0 0 0.5rem 0;
}

.detail-badges {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.detail-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.detail-card {
    background-color: #3B424C;
    border-radius: 6px;
    padding: 1.1rem 1.25rem;
}

.detail-card-label {
    color: #A0A0A0;
    font-size: 0.85rem;
    margin-bottom: 0.4rem;
}

.detail-card-value {
    color: #FFFFFF;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.1;
}

.detail-section {
    background-color: #3B424C;
    border-radius: 6px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

.detail-section-title {
    color: #FFFFFF;
    font-size: 1.1rem;
    margin: 0 0 1rem 0;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #4A515D;
}

.detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem 2rem;
}

.detail-field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-label {
    color: #A0A0A0;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.detail-value {
    color: #E0E0E0;
    font-size: 1rem;
}

.detail-value small {
    color: #A0A0A0;
    margin-left: 0.35rem;
}

.detail-empty {
    text-align: center;
    padding: 3rem 1rem;
}

/* --- Erişilebilirlik: klavye odağı her yerde görünür (Denetim P3.5) --- */
.btn:focus-visible,
.form-control:focus-visible,
a:focus-visible,
input[type="checkbox"]:focus-visible {
    outline: 2px solid #4A90E2;
    outline-offset: 2px;
}

/* --- Yazdırma --- */
@media print {
    .sidebar, .navbar, .detail-header-actions, .pagination-bar,
    .selection-banner, .key-uyari-serit, .idle-timeout-modal {
        display: none !important;
    }
    .detail-section, .detail-card {
        background: none !important;
        border: 1px solid #ccc;
    }
    body, .detail-value, .detail-card-value, .detail-section-title {
        color: #000 !important;
    }
}

/* --- Açık tema uyarlamaları --- */
body.light-theme .pagination-bar,
body.light-theme .detail-card,
body.light-theme .detail-section {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
}

body.light-theme .pagination-info,
body.light-theme .detail-value,
body.light-theme .empty-title {
    color: #333333;
}

body.light-theme .detail-card-value,
body.light-theme .detail-section-title {
    color: #1A1A1A;
}

body.light-theme .personnel-link {
    color: #333333;
}

body.light-theme .selection-banner {
    background-color: #E8F1FB;
    color: #333333;
}

body.light-theme .skeleton-bar {
    background: linear-gradient(90deg, #EEE 25%, #F8F8F8 50%, #EEE 75%);
    background-size: 200% 100%;
}


/* --- Puantaj: personel adi -> detay paneli (cift tiklama) --- */
.name-cell .iskur-link {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
    cursor: pointer;
}

.name-cell .iskur-link:hover,
.name-cell .iskur-link:focus-visible {
    color: #4A90E2;
    border-bottom-color: #4A90E2;
}

.name-cell .iskur-link:focus-visible {
    outline: 2px solid #4A90E2;
    outline-offset: 2px;
    border-radius: 2px;
}


/* --- Puantaj: IUP donemi disindaki gunler --- */
.day-cell-wrapper.donem-disi,
.day-toggle.donem-disi {
    background-color: #2A2E38 !important;
    opacity: 0.35;
    cursor: not-allowed !important;
}

.day-toggle.donem-disi::after {
    content: '';
}

body.light-theme .day-cell-wrapper.donem-disi,
body.light-theme .day-toggle.donem-disi {
    background-color: #ECECEC !important;
}


/* --- Puantaj teslim durumu seridi --- */
.teslim-serit {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-size: 0.9rem;
    line-height: 1.6;
    border-left: 3px solid;
}

.teslim-serit[data-durum="taslak"] {
    background-color: #3B424C;
    border-left-color: #A0A0A0;
    color: #E0E0E0;
}

.teslim-serit[data-durum="gonderildi"] {
    background-color: #2E4A3F;
    border-left-color: #50E3C2;
    color: #E0E0E0;
}

.teslim-serit[data-durum="acildi"] {
    background-color: #4A4020;
    border-left-color: #E2B04A;
    color: #E0E0E0;
}

.teslim-serit[data-durum="bilgi"] {
    background-color: #33506E;
    border-left-color: #4A90E2;
    color: #E0E0E0;
}

body.light-theme .teslim-serit[data-durum="taslak"]     { background-color: #F0F0F0; color: #333; }
body.light-theme .teslim-serit[data-durum="gonderildi"] { background-color: #E6F7F1; color: #333; }
body.light-theme .teslim-serit[data-durum="acildi"]     { background-color: #FDF4E0; color: #333; }
body.light-theme .teslim-serit[data-durum="bilgi"]      { background-color: #E8F1FB; color: #333; }


/* --- Puantaj: Kaydet ve Gonder farkli eylemler --- */
/* Kaydet  = degisikliklerimi sakla (taslak kalir)
   Gonder  = "bu ayin plani bitti, e-Sube'ye girilebilir"
   Ikisi arasinda gorsel ayrim olmali, yoksa kullanici karistirir. */
.eylem-ayirici {
    display: inline-block;
    width: 1px;
    height: 26px;
    background-color: #4A515D;
    margin: 0 0.75rem;
    vertical-align: middle;
}

.teslim-birim-secim {
    display: inline-block;
    width: auto;
    min-width: 150px;
    max-width: 240px;
    margin-right: 0.5rem;
    vertical-align: middle;
}

#gonderBtn {
    font-weight: 600;
}

body.light-theme .eylem-ayirici {
    background-color: #D5D3CD;
}


/* --- Puantaj: baslik satiri (sagda rol eylemi) --- */
.baslik-satiri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.baslik-satiri .page-title { margin: 0; }
.baslik-eylem { white-space: nowrap; }

/* --- Aylik gorüntule tablosu --- */
.aylik-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}
.aylik-tablo th,
.aylik-tablo td {
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid #4A515D;
    text-align: left;
}
.aylik-tablo th {
    color: #A0A0A0;
    font-weight: 600;
    font-size: 0.85rem;
    position: sticky;
    top: 0;
    background: #3B424C;
}
.aylik-tablo tbody tr:hover { background: rgba(74,144,226,0.08); }

/* --- Aktif/Pasif switch --- */
.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
    vertical-align: middle;
}
.switch input { opacity: 0; width: 0; height: 0; }
.switch-kaydirak {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #5A6270;
    border-radius: 24px;
    transition: background 0.2s;
}
.switch-kaydirak::before {
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background: #FFFFFF;
    border-radius: 50%;
    transition: transform 0.2s;
}
.switch input:checked + .switch-kaydirak { background: #50E3C2; }
.switch input:checked + .switch-kaydirak::before { transform: translateX(22px); }
.switch input:disabled + .switch-kaydirak { opacity: 0.5; cursor: wait; }
.switch-etiket {
    font-size: 0.75rem;
    color: #A0A0A0;
    margin-top: 0.2rem;
}

body.light-theme .aylik-tablo th { background: #F0F0F0; color: #555; }
body.light-theme .aylik-tablo th,
body.light-theme .aylik-tablo td { border-color: #E0E0E0; }


/* --- Dönemli teslim modu (Ayarlar > Puantaj Teslim Modu) --- */
/* Düzeltme aşamasında 0'a çevrilebilir hücreler (gönderilmiş 1'ler) */
.day-toggle.duzeltilebilir {
    outline: 2px dashed #E2B04A;
    outline-offset: -3px;
}
/* Dönemli modda mutemet için kapalı hücreler */
.day-toggle.donemli-kilit {
    opacity: 0.55;
    cursor: not-allowed !important;
}
.dokum-btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.asama-cubuk {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.85rem;
    margin-bottom: 0.75rem;
    border-radius: 4px;
    background: #33506E;
    border-left: 3px solid #4A90E2;
    font-size: 0.88rem;
    color: #E0E0E0;
}
body.light-theme .asama-cubuk { background: #E8F1FB; color: #333; }
.duzeltme-gunleri {
    font-family: monospace;
    color: #FF8A80;
    font-weight: 600;
}
body.light-theme .duzeltme-gunleri { color: #C62828; }