:root {
    --g2k-primary: #0056b3;
    --g2k-secondary: #6c757d;
   /* --g2k-background-tela: #b6e5f0;*/ /*azul*/
    --g2k-background-tela: #FFF5F5; /*rosa*/
    --g2k-font-size: 0.9rem;
    --erp-border-color: #ddd;
}


/* Agora você usa a variável em vez de "chutar" a cor */
.btn-g2k-save {
    background-color: var(--g2k-primary);
    color: white;
    border-radius: 4px;
}


.erp-search-input {
    flex: 1; /* Faz o input ocupar toda a largura disponível */
    padding: 8px 10px; /* Espaço interno para o texto não encostar na borda do campo */
    border: 1px solid #ccc;
    border-radius: 6px; /* Cantos levemente arredondados */
    font-size: 1rem;
    outline: none;
    transition: border-color 0.2s;
}

    .erp-search-input:focus {
        border-color: #0d6efd; /* Azul destaque ao focar (padrão Bootstrap/Moderno) */
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    }