/* ============================================
   Global Custom Styles
   ============================================ */


.swal2-confirm.approve-btn-swal {
    background: linear-gradient(135deg, #71dd37 0%, #9ee85f 100%) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(113, 221, 55, 0.4) !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.swal2-confirm.approve-btn-swal:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(113, 221, 55, 0.5) !important;
    background: linear-gradient(135deg, #5fc52a 0%, #8dd84a 100%) !important;
}

.swal2-confirm.approve-btn-swal:active {
    transform: translateY(0) !important;
}

.swal2-cancel.cancel-btn-swal {
    background: #fff !important;
    border: 2px solid #d9dee3 !important;
    color: #697a8d !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.swal2-cancel.cancel-btn-swal:hover {
    background: #f5f5f9 !important;
    border-color: #b4bdc6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.swal2-popup {
    border-radius: 16px !important;
    padding: 2rem !important;
}

.swal2-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #566a7f !important;
    margin-bottom: 1rem !important;
}

.loan-details-box {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border: 1px solid #e7eaf3;
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.loan-details-box div {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.loan-details-box div:last-child {
    border-bottom: none;
}

.loan-details-box strong {
    color: #566a7f;
    font-weight: 600;
    display: inline-block;
    min-width: 90px;
}

.loan-details-box .text-primary {
    font-weight: 700;
    font-size: 15px;
}

.swal2-confirm.danger-btn-swal {
    background: linear-gradient(135deg, #ff3e1d 0%, #ff6b4a 100%) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(255, 62, 29, 0.4) !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    color: #fff !important;
}

.swal2-confirm.danger-btn-swal:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 62, 29, 0.5) !important;
    background: linear-gradient(135deg, #e6351a 0%, #ff5a3a 100%) !important;
}

.swal2-confirm.danger-btn-swal:active {
    transform: translateY(0) !important;
}

.swal2-confirm.warning-btn-swal {
    background: linear-gradient(135deg, #ffab00 0%, #ffc94a 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 171, 0, 0.4) !important;
}

.swal2-confirm.warning-btn-swal:hover {
    box-shadow: 0 6px 20px rgba(255, 171, 0, 0.5) !important;
    background: linear-gradient(135deg, #e69900 0%, #ffb83a 100%) !important;
}

.swal2-confirm.info-btn-swal {
    background: linear-gradient(135deg, #03c3ec 0%, #5dd5f8 100%) !important;
    box-shadow: 0 4px 15px rgba(3, 195, 236, 0.4) !important;
}

.swal2-confirm.info-btn-swal:hover {
    box-shadow: 0 6px 20px rgba(3, 195, 236, 0.5) !important;
    background: linear-gradient(135deg, #02a8c9 0%, #4bc5e8 100%) !important;
}