/**
 * Buropa Client Form - Compact Mobile-First Styles
 */

/* Reset & Variables */
.bcf-form-container * { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; }
.bcf-form-container { 
    --primary: #1a2b4a; 
    --accent: #e63946; 
    --success: #10b981;
    --text: #1e293b;
    --text-light: #64748b;
    --border: #e2e8f0;
    --bg: #f8fafc;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 16px !important;
}

/* Form Wrapper */
.bcf-form-wrapper {
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    padding: 20px !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 300px !important;
}

/* Header */
.bcf-form-header {
    text-align: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--border) !important;
}
.bcf-form-header h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--primary) !important;
    margin-bottom: 4px !important;
}
.bcf-form-header p {
    font-size: 14px !important;
    color: var(--text-light) !important;
}

/* Progress */
.bcf-progress-container {
    margin-bottom: 24px !important;
}
.bcf-progress-bar {
    height: 4px !important;
    background: var(--border) !important;
    border-radius: 2px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    position: relative !important;
}
.bcf-progress-fill {
    height: 100% !important;
    width: 25% !important;
    background: var(--primary) !important;
    border-radius: 2px !important;
    transition: width 0.3s ease !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
.bcf-steps {
    display: flex !important;
    justify-content: space-between !important;
}
.bcf-step {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: var(--border) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text-light) !important;
    transition: all 0.3s !important;
}
.bcf-step.active {
    background: var(--primary) !important;
    color: #fff !important;
}
.bcf-step.completed {
    background: var(--success) !important;
    color: #fff !important;
}

/* Step Content */
.bcf-form-step {
    display: none !important;
}
.bcf-form-step.active {
    display: block !important;
}
.bcf-step-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--primary) !important;
    margin-bottom: 16px !important;
}
.bcf-step-desc {
    font-size: 13px !important;
    color: var(--text-light) !important;
    margin-bottom: 16px !important;
}

/* Fields */
.bcf-field {
    margin-bottom: 16px !important;
}
.bcf-field label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--text) !important;
    margin-bottom: 6px !important;
}
.bcf-field label small {
    font-weight: 400 !important;
    color: var(--text-light) !important;
}
.bcf-field input[type="text"],
.bcf-field input[type="email"],
.bcf-field input[type="tel"],
.bcf-field input[type="url"],
.bcf-field textarea,
.bcf-field select {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    color: var(--text) !important;
    background: #fff !important;
    transition: border-color 0.2s !important;
    -webkit-appearance: none !important;
}
.bcf-field select {
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}
.bcf-field input:focus,
.bcf-field textarea:focus,
.bcf-field select:focus {
    outline: none !important;
    border-color: var(--primary) !important;
}
.bcf-field textarea {
    resize: vertical !important;
    min-height: 60px !important;
}

/* Row Layout */
.bcf-row {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 0 !important;
}
.bcf-half {
    flex: 1 !important;
}

/* Radio Buttons Grid */
.bcf-radio-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
}
.bcf-radio-grid.bcf-radio-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}
.bcf-radio-inline {
    display: flex !important;
    gap: 8px !important;
}
.bcf-radio-btn {
    display: block !important;
    cursor: pointer !important;
}
.bcf-radio-btn input {
    display: none !important;
}
.bcf-radio-btn span {
    display: block !important;
    padding: 10px 12px !important;
    text-align: center !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: var(--text) !important;
    background: #fff !important;
    transition: all 0.2s !important;
}
.bcf-radio-btn input:checked + span {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}
.bcf-radio-btn:hover span {
    border-color: var(--primary) !important;
}

/* Conditional Field */
.bcf-conditional {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s, margin 0.3s !important;
}
.bcf-conditional.visible {
    max-height: 60px !important;
    margin-top: 8px !important;
}
.bcf-conditional input {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
}

/* Client Type Selector */
.bcf-client-type-field {
    margin-bottom: 20px !important;
}
.bcf-client-type-selector {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}
.bcf-type-btn {
    display: block !important;
    cursor: pointer !important;
}
.bcf-type-btn input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.bcf-type-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px 16px !important;
    border: 2px solid var(--border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}
.bcf-type-card svg {
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 10px !important;
    color: var(--text-light) !important;
    transition: all 0.3s ease !important;
}
.bcf-type-card strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--text) !important;
    margin-bottom: 4px !important;
}
.bcf-type-card small {
    font-size: 12px !important;
    color: var(--text-light) !important;
}
.bcf-type-btn input:checked + .bcf-type-card {
    border-color: var(--primary) !important;
    background: linear-gradient(135deg, rgba(26, 43, 74, 0.03), rgba(26, 43, 74, 0.08)) !important;
    box-shadow: 0 4px 12px rgba(26, 43, 74, 0.15) !important;
}
.bcf-type-btn input:checked + .bcf-type-card svg {
    color: var(--primary) !important;
}
.bcf-type-btn:hover .bcf-type-card {
    border-color: var(--primary) !important;
}

/* Document Sections */
.bcf-docs-section {
    animation: bcf-fade-slide 0.3s ease !important;
}
@keyframes bcf-fade-slide {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Divider */
.bcf-divider {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-light) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 20px 0 12px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--border) !important;
}

/* WhatsApp Field */
.bcf-whatsapp-field label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.bcf-whatsapp-field label svg {
    width: 18px !important;
    height: 18px !important;
    color: #25D366 !important;
}
.bcf-whatsapp-field input {
    border-color: #25D366 !important;
}
.bcf-whatsapp-field input:focus {
    border-color: #128C7E !important;
    box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.15) !important;
}

/* Highlight Field (ICE) */
.bcf-highlight {
    background: #fef3c7 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    margin-bottom: 16px !important;
}
.bcf-highlight label {
    color: #92400e !important;
}
.bcf-highlight input {
    font-family: monospace !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
}

/* File Upload */
.bcf-file-field {
    margin-bottom: 12px !important;
}
.bcf-file-field label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--text) !important;
    margin-bottom: 6px !important;
}
.bcf-file-input {
    display: flex !important;
    align-items: center !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
}
.bcf-file-input input[type="file"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
.bcf-file-name {
    flex: 1 !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    color: var(--text-light) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.bcf-file-btn {
    padding: 10px 16px !important;
    background: var(--bg) !important;
    border-left: 1px solid var(--border) !important;
    font-size: 14px !important;
    color: var(--text) !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}
.bcf-file-input:hover .bcf-file-btn {
    background: var(--border) !important;
}
.bcf-file-field.has-file .bcf-file-name {
    color: var(--success) !important;
    font-weight: 500 !important;
}

/* File Field Error */
.bcf-file-field.has-error .bcf-file-input {
    border-color: var(--accent) !important;
    background: #fef2f2 !important;
}
.bcf-file-field.has-error .bcf-error-message {
    display: block !important;
    color: var(--accent) !important;
    font-size: 12px !important;
    margin-top: 6px !important;
}

/* Messages */
.bcf-form-message {
    padding: 0 !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    text-align: center !important;
}
.bcf-form-message.error {
    background: #fef2f2 !important;
    color: var(--accent) !important;
    padding: 12px !important;
    margin-bottom: 16px !important;
}
.bcf-form-message.success {
    background: #ecfdf5 !important;
    color: var(--success) !important;
    padding: 12px !important;
    margin-bottom: 16px !important;
}

/* Navigation */
.bcf-form-navigation {
    display: flex !important;
    gap: 12px !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--border) !important;
}
.bcf-btn {
    flex: 1 !important;
    padding: 14px 20px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    text-align: center !important;
}
.bcf-btn-secondary {
    background: #fff !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}
.bcf-btn-secondary:hover {
    background: var(--bg) !important;
}
.bcf-btn-primary {
    background: var(--primary) !important;
    color: #fff !important;
}
.bcf-btn-primary:hover {
    background: #2a3f5f !important;
}
.bcf-btn-success {
    background: var(--accent) !important;
    color: #fff !important;
}
.bcf-btn-success:hover {
    background: #d62839 !important;
}
.bcf-btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* Loading Overlay - Beautiful Pulse Animation */
.bcf-loading-overlay {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
    border-radius: 12px !important;
    z-index: 100 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 28px !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
}
.bcf-loading-overlay.active,
.bcf-upload-overlay.active {
    display: flex !important;
    opacity: 1 !important;
}

/* ========================================
   Simple Clean Upload Progress
   ======================================== */

.bcf-upload-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: white !important;
    display: none !important;
    border-radius: 12px !important;
    z-index: 100 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.bcf-upload-clean {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
}

/* Spinner Ring */
.bcf-spinner-ring {
    width: 70px !important;
    height: 70px !important;
    border: 3px solid #f0f0f0 !important;
    border-top-color: var(--primary, #1a2b4a) !important;
    border-radius: 50% !important;
    animation: bcf-spin 1s linear infinite !important;
}

@keyframes bcf-spin {
    to { transform: rotate(360deg); }
}

/* Percentage */
.bcf-upload-percent {
    font-size: 48px !important;
    font-weight: 300 !important;
    color: var(--primary, #1a2b4a) !important;
    letter-spacing: -2px !important;
    line-height: 1 !important;
}

/* Steps Text */
.bcf-upload-steps-text {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 13px !important;
    color: #999 !important;
}

.bcf-step-text {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: color 0.3s ease !important;
}

.bcf-step-text.active {
    color: var(--primary, #1a2b4a) !important;
    font-weight: 500 !important;
}

.bcf-step-text.done {
    color: #10b981 !important;
}

.bcf-step-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    transition: transform 0.3s ease !important;
}

.bcf-step-text.active .bcf-step-dot {
    animation: bcf-dot-pulse 1s ease-in-out infinite !important;
}

@keyframes bcf-dot-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.5); }
}

.bcf-step-arrow {
    color: #ddd !important;
    font-size: 12px !important;
}

/* Button Loading State */
.bcf-btn-text {
    display: inline-flex !important;
    align-items: center !important;
}
.bcf-btn-loading {
    display: none !important;
    align-items: center !important;
    gap: 8px !important;
}
.bcf-btn.is-loading .bcf-btn-text {
    display: none !important;
}
.bcf-btn.is-loading .bcf-btn-loading {
    display: inline-flex !important;
}
.bcf-spinner {
    width: 20px !important;
    height: 20px !important;
    animation: bcf-spin 1s linear infinite !important;
}
@keyframes bcf-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Success State - Enhanced Beautiful */
.bcf-success {
    text-align: center !important;
    padding: 40px 24px !important;
}

/* Success Icon Container */
.bcf-success-icon {
    position: relative !important;
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto 24px !important;
}

/* Badge with checkmark */
.bcf-success-badge {
    position: relative !important;
    z-index: 2 !important;
    width: 100px !important;
    height: 100px !important;
    margin: 10px auto !important;
    background: #10b981 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 30px rgba(16, 185, 129, 0.4) !important;
    animation: bcf-badge-pop 0.5s ease !important;
}

@keyframes bcf-badge-pop {
    0% { transform: scale(0); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.bcf-badge-check {
    width: 50px !important;
    height: 50px !important;
    display: block !important;
}

/* Sparkles */
.bcf-success-sparkles {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
}

.bcf-success-sparkles span {
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    opacity: 0 !important;
}

.bcf-success-sparkles span:nth-child(1) { animation: bcf-sparkle 0.8s ease 0.6s forwards; }
.bcf-success-sparkles span:nth-child(2) { animation: bcf-sparkle 0.8s ease 0.7s forwards; }
.bcf-success-sparkles span:nth-child(3) { animation: bcf-sparkle 0.8s ease 0.8s forwards; }
.bcf-success-sparkles span:nth-child(4) { animation: bcf-sparkle 0.8s ease 0.9s forwards; }
.bcf-success-sparkles span:nth-child(5) { animation: bcf-sparkle 0.8s ease 0.65s forwards; }
.bcf-success-sparkles span:nth-child(6) { animation: bcf-sparkle 0.8s ease 0.75s forwards; }
.bcf-success-sparkles span:nth-child(7) { animation: bcf-sparkle 0.8s ease 0.85s forwards; }
.bcf-success-sparkles span:nth-child(8) { animation: bcf-sparkle 0.8s ease 0.95s forwards; }

.bcf-success-sparkles span:nth-child(1) { --x: -50px; --y: -30px; background: #10b981; }
.bcf-success-sparkles span:nth-child(2) { --x: 50px; --y: -30px; background: #f59e0b; }
.bcf-success-sparkles span:nth-child(3) { --x: -40px; --y: 40px; background: #3b82f6; }
.bcf-success-sparkles span:nth-child(4) { --x: 40px; --y: 40px; background: #10b981; }
.bcf-success-sparkles span:nth-child(5) { --x: 0px; --y: -55px; background: #ec4899; }
.bcf-success-sparkles span:nth-child(6) { --x: -55px; --y: 0px; background: #f59e0b; }
.bcf-success-sparkles span:nth-child(7) { --x: 55px; --y: 0px; background: #3b82f6; }
.bcf-success-sparkles span:nth-child(8) { --x: 0px; --y: 55px; background: #ec4899; }

@keyframes bcf-sparkle {
    0% {
        transform: translate(0, 0) scale(0);
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(var(--x), var(--y)) scale(1);
        opacity: 0;
    }
}

/* Success Content */
.bcf-success-content {
    animation: bcf-content-slide 0.6s ease 0.5s both !important;
}
@keyframes bcf-content-slide {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.bcf-success-content h3 {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #10b981 !important;
    margin-bottom: 8px !important;
}

.bcf-success-content > p {
    font-size: 16px !important;
    color: var(--text-light) !important;
    margin-bottom: 32px !important;
}

/* Timeline */
.bcf-success-timeline {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 20px !important;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9) !important;
    border-radius: 16px !important;
    animation: bcf-timeline-appear 0.6s ease 0.8s both !important;
}
@keyframes bcf-timeline-appear {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.bcf-timeline-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 !important;
}

.bcf-timeline-icon {
    width: 44px !important;
    height: 44px !important;
    background: #10b981 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}
.bcf-timeline-icon svg {
    width: 22px !important;
    height: 22px !important;
    color: white !important;
}

.bcf-timeline-icon.bcf-timeline-pending {
    background: #e2e8f0 !important;
    box-shadow: none !important;
}
.bcf-timeline-icon.bcf-timeline-pending svg {
    color: #64748b !important;
}

.bcf-timeline-item span {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--text) !important;
    text-align: center !important;
}

.bcf-timeline-line {
    width: 40px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #10b981, #e2e8f0) !important;
    margin-bottom: 28px !important;
}

/* Responsive */
@media (max-width: 500px) {
    .bcf-success-timeline {
        flex-direction: column !important;
        gap: 0 !important;
    }
    .bcf-timeline-line {
        width: 2px !important;
        height: 24px !important;
        margin-bottom: 0 !important;
    }
    .bcf-timeline-item {
        flex-direction: row !important;
        gap: 12px !important;
    }
}

/* Error State */
.bcf-field.has-error input,
.bcf-field.has-error textarea {
    border-color: var(--accent) !important;
    background: #fef2f2 !important;
}
.bcf-error-message {
    display: block !important;
    margin-top: 4px !important;
    font-size: 12px !important;
    color: var(--accent) !important;
}

/* Mobile Responsive */
@media (max-width: 480px) {
    .bcf-form-container {
        padding: 8px !important;
    }
    .bcf-form-wrapper {
        padding: 16px !important;
        border-radius: 8px !important;
    }
    .bcf-form-header h2 {
        font-size: 18px !important;
    }
    .bcf-row {
        flex-direction: column !important;
        gap: 0 !important;
    }
    .bcf-radio-grid.bcf-radio-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .bcf-radio-btn span {
        padding: 8px 6px !important;
        font-size: 13px !important;
    }
    .bcf-btn {
        padding: 12px 16px !important;
        font-size: 15px !important;
    }
}

/* Select2 Custom Styles */
.bcf-form-container .select2-container {
    width: 100% !important;
}
.bcf-form-container .select2-container--default .select2-selection--single {
    height: 44px !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 15px !important;
    background: #fff !important;
}
.bcf-form-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
    padding-left: 0 !important;
    color: var(--text) !important;
}
.bcf-form-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
    right: 8px !important;
}
.bcf-form-container .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--text-light) !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1a2b4a !important;
    color: #fff !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e8f4f8 !important;
    color: #1a2b4a !important;
}
.select2-container--default .select2-results__option--selectable:hover {
    background-color: #f0f4f8 !important;
    color: #1a2b4a !important;
}
.select2-container--default .select2-results__group {
    font-weight: 600 !important;
    color: #1a2b4a !important;
    padding: 8px 12px !important;
    background-color: #f8f9fa !important;
}
.select2-dropdown {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
.select2-results__option {
    padding: 8px 12px !important;
    color: #333 !important;
}