/* app/static/css/style.css */
.badge.bg-pending {
    background-color: #ffc107;
}

.badge.bg-in_progress {
    background-color: #17a2b8;
}

.badge.bg-completed {
    background-color: #28a745;
}

.badge.bg-failed {
    background-color: #dc3545;
}

.card {
    margin-bottom: 1rem;
}

.table {
    margin-bottom: 0;
}

#apiToken {
    font-family: monospace;
}

/* Required form fields */
.required:after {
    content: " *";
    color: red;
}

/* Card hover effect */
.card {
    transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Button groups */
.btn-group {
    gap: 5px;
}

/* Card heights */
.card.h-100 {
    height: 100%!important;
}

/* Status badges */
.badge {
    font-size: 0.8em;
    padding: 0.5em 0.7em;
}

/* Card footer buttons */
.card-footer .btn-group {
    margin: -0.25rem;
}

.card-footer .btn {
    margin: 0.25rem;
}

/* Icons in buttons */
.btn i {
    margin-right: 0.25rem;
}

/* Alert icons */
.alert i {
    margin-right: 0.5rem;
}

/* Modal animations */
.modal.fade .modal-dialog {
    transition: transform 0.2s ease-out;
    transform: scale(0.95);
}

.modal.show .modal-dialog {
    transform: scale(1);
}