/* Fix checkbox appearance to use proper white background */
.form-check-input {
    background-color: #ffffff !important;
    border: 2px solid #6c757d !important;
    accent-color: #0d6efd;
}

.form-check-input:checked {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.form-check-input:focus {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* Settings card styling for admin dashboard */
.setting-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.setting-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

.setting-card h6 {
    color: var(--bs-light);
    margin-bottom: 0.5rem;
}

.status-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-check-switch .form-check-input {
    width: 2.5rem;
    height: 1.25rem;
    background-color: #6c757d !important;
    border: none !important;
    border-radius: 1rem;
}

.form-check-switch .form-check-input:checked {
    background-color: #198754 !important;
}

.form-check-switch .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25) !important;
}

/* Thumbnail styling for admin dashboard - ensures full image visibility */
.thumbnail-modern {
    object-fit: contain !important;
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    padding: 2px !important;
}