:root {
    --primary-brown: #A1887F; /* Marrom um pouco mais escuro */
    --secondary-brown: #8B5E3B;
    --light-bg: #F8F5F2;
    --border-color: #A89C94;
    --highlight-gold: #BBA576;
}

.detalhar:hover {
    cursor: pointer;
}

.navbar-custom {
    background-color: var(--primary-brown);
}

.legend-item{
    border: 1px solid lightgrey; 
    padding: 3px; 
    border-radius: 0.5em;
    margin-bottom: 15px;
}

.navbar-custom .navbar-brand, 
.navbar-custom .nav-link {
    color: white;
}

.navbar-custom .nav-link:hover {
    color: var(--light-bg);
}

.active-link {
    border-bottom: 2px solid var(--highlight-gold);
}

.badge-fiscal {
    background-color: var(--highlight-gold);
    color: var(--secondary-brown);
}

.main-content {
    margin-top: 70px;
}

.card {
    background-color: var(--light-bg);
    border: 1px solid var(--border-color);
}

.card-header {
    background-color: var(--primary-brown) !important;
    color: white !important;
}

.clicavel {
    cursor: pointer;
}

.clicavel:hover {
    background-color: var(--highlight-gold);
}

/* Indicador */

.dashboard {
    margin: 20px;
}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table th, .table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.indicator {
    border-radius: 5px;
    color: white;
    font-size: 16px;
    padding: 5px 5px;
    display: inline-block;
    text-align: center;
    width: 75px;
}

.indicator.green {
    background-color: green;
}

.indicator.red {
    background-color: red;
    animation: slow-blink 2s infinite;
}

@keyframes slow-blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}