/* Identidade Visual EPB Tecnologia 2026 */

:root {
    --primaria: #00796b;
    --primaria-dark: #004d40;
    --acento: #00bfa5;
    --fundo: #f4f7f6;
    --texto: #333;
    --branco: #ffffff;
}

body {
    background-color: var(--fundo);
    color: var(--texto);
    font-family: 'Roboto', sans-serif;
}

/* Estilização da Barra de Navegação */
.navbar {
    border-bottom: 3px solid var(--primaria);
}

.navbar-brand {
    font-weight: 700;
    color: var(--primaria) !important;
    letter-spacing: 1px;
}

/* Botões Personalizados */
.btn-primary {
    background-color: var(--primaria) !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: var(--primaria-dark) !important;
}

/* Cartões (Cards) de Login, Cadastro e Upload */
.card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.card-title {
    color: var(--primaria-dark);
    font-weight: bold;
}

/* Hero Section (Página Inicial) */
.hero-section {
    background: linear-gradient(135deg, var(--primaria-dark), var(--primaria));
    color: white;
    padding: 80px 0;
}

/* Tabelas da Área do Vendedor */
.table thead {
    background-color: var(--primaria);
    color: white;
}
/* Definição da animação */
@keyframes fadeInSuave {
    0% {
        opacity: 0;
        transform: translateY(20px); /* Começa um pouco abaixo */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* Termina na posição original */
    }
}

/* Classe que aplica a animação */
.animar-entrada {
    animation: fadeInSuave 0.6s ease-out forwards;
}
/* Botões de ação mais largos e esmaecidos por padrão */
.btn-acao-dashboard {
    opacity: 0.6; /* Um pouco mais visível que antes */
    filter: grayscale(80%);
    transition: all 0.3s ease;
    min-width: 90px; /* Garante o comprimento maior */
    font-weight: bold;
    font-size: 0.75rem;
}

/* Destaque total ao passar o mouse na LINHA ou no próprio BOTÃO */
tr:hover .btn-acao-dashboard, 
.btn-acao-dashboard:hover {
    opacity: 1 !important;
    filter: grayscale(0%) !important;
    transform: scale(1.02);
}


/* Cores específicas para cada ação no hover */
.btn-outline-primary:hover { background-color: #0d6efd !important; color: white !important; }
.btn-outline-danger:hover { background-color: #dc3545 !important; color: white !important; }

/* Ajuste de tamanho para o botão de renovação */
.btn-xs {
    padding: 1px 5px;
    font-size: 0.7rem;
    line-height: 1.5;
    border-radius: 3px;
}