/* style.css */

body {
    background-color: #f8f9fa; /* Um cinza bem claro */
}

/* Estilo para o conteúdo da comanda, simulando uma impressora térmica */

.conteudo-comanda {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.78rem; /* Reduzido de 0.9rem para uma fonte menor */
    white-space: pre-wrap;
    line-height: 1.3;   /* Um pouco mais compacto */
    color: #333;
}

/* Adicione esta nova regra para diminuir o espaçamento interno dos cards */
.card-body {
    padding: 0.8rem; /* Reduzido do padrão de 1rem */
}

/* Estilo para comandas já impressas. 
  Usamos !important para garantir que nosso estilo sobrescreva o do Bootstrap. 
*/
#comandas .card.impressa {
    background-color: #e6ffed !important;
    border-color: #28a745 !important;
}
.card.impressa h5 {
    color: #155724; /* Um verde escuro para o texto do cabeçalho */
}

/* Pequeno ajuste para o logo na barra de navegação */
.navbar-brand img {
    border-radius: 4px;
    margin-right: 10px;
}
/* Em style.css */
.loading-overlay {
    display: none; /* Oculto por padrão */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1060; /* Maior que o z-index do modal */
    justify-content: center;
    align-items: center;
}
.loading-overlay.show {
    display: flex; /* Mostra o overlay */
}