.status-badge {
    text-transform: uppercase;
}

.status-badge.idle {
    background-color: #6c757d;
}

.status-badge.running {
    background-color: #ffc107;
    color: #000;
}

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

.status-badge.error {
    background-color: #dc3545;
}

.log-content {
    background-color: #343a40;
    color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.25rem;
    white-space: pre-wrap;
    max-height: 50vh;
    overflow-y: auto;
    font-family: monospace;
}

.log-content:empty::before {
    content: "No hay logs disponibles";
    color: #adb5bd;
    font-style: italic;
}