/* Custom CSS for DeskGene VNC Task Learning System */

/* Icon styles */
.icon-large {
    font-size: 1.5rem;
}

/* Task card styles */
.task-card {
    transition: all 0.2s ease-in-out;
}

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

/* Parameter section styles */
.parameter-section {
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.parameter-section h5 {
    color: #495057;
    margin-bottom: 1rem;
}

/* Step item styles */
.step-item {
    border-left: 3px solid #6c757d;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

.step-item:hover {
    border-left-color: #007bff;
}

/* Action type badges */
.action-type-keyboard {
    background-color: #17a2b8;
}

.action-type-keyboard_input {
    background-color: #28a745;
}

.action-type-special_key {
    background-color: #fd7e14;
}

.action-type-wait {
    background-color: #6c757d;
}

/* Task execution status */
.execution-log {
    max-height: 400px;
    overflow-y: auto;
}

.step-log {
    padding: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.step-log:nth-child(odd) {
    background-color: #f8f9fa;
}

/* Utility classes */
.cursor-pointer {
    cursor: pointer;
}