/* static/css/style.css */
body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.navbar {
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
}

.alert {
    margin-top: 20px;
}

.card {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    border-radius: .75rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)!important;
}

.card-header {
    border-radius: .75rem .75rem 0 0 !important;
    font-weight: bold;
}

.table-responsive {
    max-height: 400px; /* Limita a altura das tabelas longas */
    overflow-y: auto;
}

/* Ajustes para formulários */
.form-label {
    font-weight: 600;
}

/* Cores de badge para quantidade */
.badge.bg-success { background-color: #28a745 !important; }
.badge.bg-warning { background-color: #ffc107 !important; color: #343a40 !important; }
.badge.bg-danger { background-color: #dc3545 !important; }
.badge.bg-primary { background-color: #007bff !important; }
.badge.bg-info { background-color: #17a2b8 !important; }

/* Estilos para a página de login */
.login-card {
    max-width: 400px;
    margin: 50px auto;
}

/* Estilos para o painel principal */
.dashboard-card-icon {
    font-size: 3rem;
    margin-bottom: 15px;
    color: rgba(0,0,0,.2);
}

/* Campos de imagem/assinatura no formulário de entrega */
.signature-pad-container, .camera-container {
    padding: 15px;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    background-color: #f8f9fa;
    margin-bottom: 20px;
}