@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root {
    --primary: #e0e0e0;
    --dark-bg: #0f172a;
    --card-bg: #1e293b;
    --text-main: #f1f5f9;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--dark-bg);
    color: var(--text-main);
    color: #ffffff;
    /* Branco puro */
}

.form-control,
.form-select {
    color: #fff;
    /* Garante que o que o usuário digita seja branco */
}

.modern-card {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
}

/* Animação para o Monitor de Produção */
.pulse-active {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.logo-style {
    /* 1. Cantos Arredondados */
    border-radius: 15px;

    /* 2. Borda (Espessura, Estilo, Cor) */
    /* border: 2px solid #333; */

    /* 3. Sombra (Deslocamento X, Deslocamento Y, Desfoque, Cor) */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
    background-color: white;

    /* Mantendo o seu padding inferior */
    padding: 5px;

    /* Dica: garante que a imagem não distorça */
    display: block;
    max-width: 150px;
    max-height: 65px;
    align-items: center;
}