body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}

.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.progress {
    height: 1.5rem;
}

.alert {
    border: none;
}

.alert-info {
    background-color: #e7f3ff;
    color: #0c5460;
    border-left: 4px solid #0dcaf0;
}

.alert-success {
    background-color: #d1e7dd;
    color: #0a3622;
    border-left: 4px solid #198754;
}

.alert-danger {
    background-color: #f8d7da;
    color: #58151c; 
    border-left: 4px solid #dc3545;
}

code {
    background-color: #f8f9fa;
    padding: 0.25rem 0.5rem;
    color: #e83e8c;
}

#numeros {
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
}

.numero-processo {
    font-family: 'Courier New', monospace;
    font-weight: bold;
    background-color: #e9ecef;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

/* Estilos gerais */
body {
    background-color: #f8f9fa;
}

/* Estilos do progresso */
#statusInfo {
    margin-top: 1rem;
}

#statusInfo p {
    margin-bottom: 0.5rem;
}

#currentItem {
    background-color: #f8f9fa;
    padding: 0.5rem;
    border-radius: 0.25rem;
    border-left: 3px solid #0d6efd;
    margin: 0.5rem 0;
    white-space: pre-line;
    font-family: monospace;
}

/* Estilos dos resultados */
#resultsContent .card {
    margin-bottom: 1rem;
}

/* Estilos das mensagens */
#errorMessage, #successMessage {
    margin-top: 1rem;
}

/* Estilos do histórico */
#jobHistory {
    max-height: 300px;
    overflow-y: auto;
}

/* Estilos dos formulários */
.form-text {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Estilos da barra de progresso */
.progress {
    height: 1.5rem;
}

.progress-bar {
    transition: width 0.3s ease;
}

/* Estilos dos status */
#status {
    font-weight: bold;
    color: #0d6efd;
}

#timeElapsed {
    font-family: monospace;
    font-weight: bold;
}

/* Estilos dos contadores */
#processedItems, #totalItems {
    font-weight: bold;
    color: #198754;
} 