/* public/css/style.css */

/* Ajustes Específicos que o Bootstrap não cobre */

/* Input do Operador com destaque visual */
.border-start-primary {
    border-left: 5px solid #0d6efd !important;
}

/* Bordas separadoras no cabeçalho apenas em desktop */
@media (min-width: 768px) {
    .border-end-md {
        border-right: 1px solid #dee2e6;
    }
}

/* Input da Tabela */
.input-producao {
    width: 100%;
    min-width: 80px;
    text-align: center;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 5px;
}
.input-producao:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Estados Visuais das Linhas da Tabela */
.linha-inativa { background-color: #f8f9fa !important; color: #adb5bd; pointer-events: none; }
.linha-parada { background-color: #ffebee !important; border-left: 4px solid #dc3545; }
.linha-concluida { background-color: #e3f2fd !important; }
.linha-atual { background-color: #d1e7dd !important; border-left: 4px solid #198754; font-weight: bold; }

/* Animação para os campos que aparecem (Produção/Parada) */
.fade-in-box {
    animation: fadeIn 0.4s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Cores da Barra de Status */
/* O Bootstrap tem cores padrão, mas vamos forçar a barra lateral colorida */
#barraStatus.status-ok { border-left: 8px solid #198754; background-color: #f8fff9; }
#barraStatus.status-stop { border-left: 8px solid #dc3545; background-color: #fff5f5; }
#barraStatus.status-end { border-left: 8px solid #343a40; background-color: #f8f9fa; }