/* Identidade visual AGROVIDA — verde/dourado (ref.: imagem_sistema.jpeg) */
:root {
    --ag-verde: #1B5E20;
    --ag-verde-claro: #2E7D32;
    --ag-dourado: #C9A227;
    --ag-fundo: #F5F7F2;
}

body {
    background-color: var(--ag-fundo);
}

.ag-navbar {
    background-color: var(--ag-verde);
}

.ag-dourado {
    color: var(--ag-dourado);
}

.btn-agrovida {
    background-color: var(--ag-verde);
    border-color: var(--ag-verde);
    color: #fff;
}

.btn-agrovida:hover {
    background-color: var(--ag-verde-claro);
    border-color: var(--ag-verde-claro);
    color: #fff;
}

.card-kpi {
    border-left: 4px solid var(--ag-verde);
}

.card-kpi .kpi-valor {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--ag-verde);
}

.ag-alert-top {
    position: fixed;
    top: 70px;
    right: 20px;
    z-index: 2000;
    min-width: 300px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

/* Tela de login */
.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, var(--ag-verde) 0%, var(--ag-verde-claro) 60%, #43A047 100%);
}

.login-card {
    width: 100%;
    max-width: 400px;
    border: none;
    border-top: 4px solid var(--ag-dourado);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}

/* Indicador de cor da legenda (camadas do mapa: reserva legal, APP...) */
.ag-legenda-cor {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 2px;
}