/* LIGHT TEMPLATE – varsayılan Swal görünümü */
.light-style .swal2-popup {
    background-color: #ffffff !important;
    color: #4b4b61 !important;
}

.light-style .swal2-title {
    color: #111827 !important;
}

.light-style .swal2-confirm,
.light-style .swal2-cancel {
    background-color: #4f46e5 !important; /* ICS mor / mavi ton */
    color: #ffffff !important;
    border: none !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem 1.5rem !important;
}

    .light-style .swal2-confirm:hover {
        background-color: #4338ca !important;
    }

/* DARK TEMPLATE – koyu Swal görünümü */
.dark-style .swal2-popup {
    background-color: #282a42 !important;
    color: #e0e0e0 !important;
}

.dark-style .swal2-title {
    color: #ffffff !important;
}

.dark-style .swal2-confirm,
.dark-style .swal2-cancel {
    background-color: #282a42 !important;
    color: #ffffff !important;
    border: 1px solid #555 !important;
    border-radius: 0.5rem !important;
    padding: 0.5rem 1.5rem !important;
}

    .dark-style .swal2-confirm:hover {
        background-color: #555 !important;
    }

/* Login page için tema geçiş animasyonu */
html {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Dark mode için login form stilleri */
.dark-style .authentication-wrapper {
    background: linear-gradient(135deg, #1a1b2e 0%, #16213e 100%);
}

.dark-style .card {
    background-color: #2b2c40 !important;
    border: 1px solid #3a3c58 !important;
}

.dark-style .form-control {
    background-color: #3a3c58 !important;
    border-color: #4a4d69 !important;
    color: #e0e0e0 !important;
}

    .dark-style .form-control:focus {
        background-color: #3a3c58 !important;
        border-color: #696cff !important;
        box-shadow: 0 0 0 0.2rem rgba(105, 108, 255, 0.25) !important;
    }

.dark-style .form-floating > label {
    color: #9a9bb5 !important;
}

.dark-style .form-check-label {
    color: #9a9bb5 !important;
}

.dark-style h4, .dark-style h2 {
    color: #e0e0e0 !important;
}

.dark-style .btn-primary {
    background-color: #696cff !important;
    border-color: #696cff !important;
}

    .dark-style .btn-primary:hover {
        background-color: #5a5dff !important;
        border-color: #5a5dff !important;
    }

/* Dark mode için dropdown stilleri */
.dark-style .dropdown-menu {
    background-color: #2b2c40 !important;
    border-color: #3a3c58 !important;
}

.dark-style .dropdown-item {
    color: #e0e0e0 !important;
}

    .dark-style .dropdown-item:hover,
    .dark-style .dropdown-item:focus {
        background-color: #3a3c58 !important;
        color: #ffffff !important;
    }

    .dark-style .dropdown-item.active {
        background-color: #696cff !important;
        color: #ffffff !important;
    }

/* System theme için medya query */
@media (prefers-color-scheme: dark) {
    html[data-style="system"] {
        /* System dark mode stilleri burada otomatik uygulanır */
    }
}