/* Clean Tailwind UI CSS */

body, input, select, textarea, button, .select2-container, .select2-dropdown, .modal {
    font-family: 'Inter', sans-serif !important;
}

/* Base Form Inputs */
.form-flat-input {
    background-color: #ffffff !important;
    border: 2px solid #000000 !important;
    border-radius: 0.75rem !important;
    padding: 0.875rem 1.25rem !important;
    font-size: 1.125rem !important;
    color: #000000 !important;
    transition: all 0.2s ease-in-out !important;
    width: 100% !important;
    height: 56px !important;
    box-shadow: 2px 2px 0px 0px rgba(0,0,0,1) !important;
}

.form-flat-input:focus {
    border-color: #000000 !important;
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,1) !important;
    outline: none !important;
    transform: translateY(-2px);
}

/* Disabled Form Inputs */
.form-flat-input:disabled, textarea:disabled, .select2-container--disabled .select2-selection--single {
    background-color: #f9fafb !important;
    color: #9ca3af !important;
    border: 2px dashed #d1d5db !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Select2 Customization */
.select2-container .select2-selection--single {
    height: 56px !important;
    border: 2px solid #000000 !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 2px 2px 0px 0px rgba(0,0,0,1) !important;
}

.select2-container--default .select2-selection--single:focus, .select2-container--open .select2-selection--single {
    border-color: #000000 !important;
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,1) !important;
    outline: none !important;
    transform: translateY(-2px);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000 !important;
    font-size: 1.125rem !important;
    line-height: 52px !important;
    padding-left: 1.25rem !important;
    font-family: 'Inter', sans-serif !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px !important;
    right: 15px !important;
}

textarea.form-flat-input {
    height: auto !important;
    min-height: 80px;
}

/* Custom Modal Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal.show .modal-dialog {
    animation: fadeInUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}