/* Withdrawal System Styles */

/* Job Title Wrapper */
.job-title-wrapper {
    line-height: 1.3;
}

.job-title-wrapper strong {
    color: #333;
    font-weight: 600;
}

.job-title-wrapper .order-id {
    color: #666;
    font-size: 11px;
    font-weight: normal;
}

/* Setup Withdrawal Buttons */
.setup-withdrawal {
    background: #FF6B35 !important;
    color: white !important;
    border: none !important;
    font-weight: 600 !important;
}

.setup-withdrawal:hover {
    background: #E55A2B !important;
}

.stripe-setup:hover {
    background: #635BFF !important;
}

.paypal-setup:hover {
    background: #0070BA !important;
}

.bank-setup:hover {
    background: #28A745 !important;
}

/* Payment Method Badges */
.payment-method-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.payment-method-stripe,
.payment-method-iscu_stripe {
    background: #635BFF;
    color: white;
}

.payment-method-paypal {
    background: #0070BA;
    color: white;
}

.payment-method-banktransfer {
    background: #28A745;
    color: white;
}

/* Withdrawal Buttons */
.stripe-withdraw {
    background: #635BFF !important;
    color: white !important;
}

.stripe-withdraw:hover {
    background: #5A52E5 !important;
}

.paypal-withdraw {
    background: #0070BA !important;
    color: white !important;
}

.paypal-withdraw:hover {
    background: #005A87 !important;
}

.bank-withdraw {
    background: #28A745 !important;
    color: white !important;
}

.bank-withdraw:hover {
    background: #218838 !important;
}

/* Cleared Payment Rows */
.cleared-payment-row {
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0;
    transition: background-color 0.2s ease;
}

.cleared-payment-row:hover {
    background-color: #f8f9fa;
}

/* Responsive Design */
@media (max-width: 768px) {
    .cleared-payment-row {
        padding: 10px 0;
    }
    
    .job-title-wrapper strong {
        font-size: 14px;
    }
    
    .job-title-wrapper .order-id {
        font-size: 10px;
    }
    
    .payment-method-badge {
        font-size: 11px;
        padding: 3px 6px;
    }
    
    .withdrawal-form button {
        font-size: 14px !important;
        padding: 10px 16px !important;
    }
}

/* Loading States */
.withdrawal-form button.loading {
    opacity: 0.7;
    cursor: not-allowed;
}

.withdrawal-form button.loading i.spinner {
    margin-right: 8px;
}

/* Notification Styles */
.ui.message.positive {
    background-color: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}

.ui.message.negative {
    background-color: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.ui.message.transition {
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Payment Icons */
.stripe-withdraw i,
.paypal-withdraw i,
.bank-withdraw i {
    margin-right: 8px;
}

/* Table Headers */
.payment-title-table {
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px !important;
}

/* Responsive Content */
.responsive_titles {
    display: none;
    font-weight: 600;
    color: #666;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .responsive_titles {
        display: block;
    }
    
    .responsive_content_payment {
        margin-bottom: 15px;
    }
}

/* No cleared payments message */
.ui.info.message {
    background-color: #f0f9ff;
    border-color: #bae6fd;
    color: #0c4a6e;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.ui.info.message i.info.circle.icon {
    color: #0ea5e9;
    margin-right: 10px;
}

/* Form Styling */
.withdrawal-form {
    margin: 0;
}

.withdrawal-form button {
    transition: all 0.3s ease;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Hover Effects */
.withdrawal-form button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.withdrawal-form button:active {
    transform: translateY(0);
}

/* Payment Method Specific Styles */
.stripe-badge {
    background: linear-gradient(135deg, #635BFF, #5A52E5);
}

.paypal-badge {
    background: linear-gradient(135deg, #0070BA, #005A87);
}

.bank-badge {
    background: linear-gradient(135deg, #28A745, #218838);
}