/**
 * Payment Fee Module - Client-side Styling
 */

.payment-fee-notice-box {
    margin: 12px 0;
    padding: 10px 14px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #3b82f6;
    border-radius: 4px;
    font-size: 13px;
    color: #334155;
    transition: all 0.2s ease-in-out;
}

.payment-fee-notice-box .fee-title {
    font-weight: 600;
    color: #1e293b;
}

.payment-fee-notice-box .fee-amount {
    font-weight: 700;
    color: #2563eb;
    float: right;
}

.payment-fee-row-animated {
    animation: fadeInFee 0.3s ease-in-out;
}

@keyframes fadeInFee {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}