/* Universal Confirm Modal */

.confirm-modal {
    position: fixed;
    inset: 0;

    background: rgba(0, 0, 0, 0.45);

    display: none;

    align-items: center;
    justify-content: center;

    z-index: 10000;

    padding: 20px;
}

.confirm-modal.show {
    display: flex;
}

.confirm-card {

    width: 100%;
    max-width: 400px;

    background: white;

    border-radius: 14px;

    padding: 24px;

    box-sizing: border-box;

    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);

    text-align: center;

    animation: confirmAppear 0.15s ease;
}

.confirm-card h3 {

    margin: 0 0 10px;

    font-size: 20px;
}

.confirm-card p {

    margin: 0 0 24px;

    color: #555;

    line-height: 1.5;
}

.confirm-actions {

    display: flex;

    gap: 10px;

    justify-content: center;
}

.confirm-btn {

    border: none;

    padding: 11px 20px;

    border-radius: 8px;

    cursor: pointer;

    font-size: 14px;

    font-weight: 500;
}

.confirm-cancel {

    background: #eee;

    color: #333;
}

.confirm-cancel:hover {

    background: #ddd;
}

.confirm-ok {

    background: #d93025;

    color: white;
}

.confirm-ok:hover {

    background: #b9251c;
}


@keyframes confirmAppear {

    from {

        opacity: 0;

        transform: scale(0.95);

    }

    to {

        opacity: 1;

        transform: scale(1);

    }

}