#teamremove {
    margin-left:10px;
    border-radius:8px;
    width: 80px;
}

.btn {
    border-radius: 8px;
}

#staffremove {
    margin-left: 10px;
    border-radius: 8px;
    width: 80px;
}

/* Custom styles for the staff modal */
.profile-image-container {
    cursor: pointer;
    transition: all 0.3s ease;
}

.profile-image-container:hover .profile-image-overlay {
    opacity: 1 !important;
}

/* Form styling */
.form-label.required::after {
    content: "*";
    color: #dc3545;
    margin-left: 4px;
}

/* Better select styling */
.select2-container--default .select2-selection--multiple {
    border-radius: 0.375rem;
    border-color: #ced4da;
    min-height: 38px;
}

/* Card styling */
.card {
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* Larger inputs for better usability */
.form-control:focus, .form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}

/* Animate form elements */
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
}

.modal.show .modal-dialog {
    transform: translateY(0);
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .profile-image-container {
        margin-bottom: 2rem;
    }
}