/*
--------------------------------------------------------------------------
Customizações Unitá para GLPI
--------------------------------------------------------------------------
Licença Comercial de Uso – Unitá Soluções Digitais Ltda.

Estas customizações são licenciadas exclusivamente para uso interno dos
clientes Unitá, conforme os Termos e Condições disponíveis em:

https://unitasolucoes.com.br/licenca

É proibido copiar, distribuir, sublicenciar, vender, alugar, modificar,
realizar engenharia reversa ou criar obras derivadas destas customizações
sem autorização expressa da Unitá.

As customizações são fornecidas "no estado em que se encontram", sem
garantias de qualquer tipo, e seu uso implica aceite integral das
condições publicadas.

O uso e o suporte às customizações são vinculados à vigência do contrato
de prestação de serviços firmado entre a Unitá e o cliente. Com o término,
rescisão ou não renovação do contrato, o direito de uso e o suporte serão
imediatamente encerrados, e o cliente se compromete a desinstalar, remover
e destruir todas as cópias das customizações, sob pena de violação de
direitos autorais.

--------------------------------------------------------------------------
@package   Unitá - Satisfação Numerica
@developer Unitá Soluções Digitais Ltda.
@copyright Copyright (c) 2025 Unitá Soluções Digitais Ltda.
@license   Licença Comercial - Todos os direitos reservados
@link      https://unitasolucoes.com.br
@since     2025
--------------------------------------------------------------------------
*/

.satisfaction-scale {
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
}

.satisfaction-button {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.2s;
}

.satisfaction-button:hover {
    transform: scale(1.1);
}

.satisfaction-button.selected {
    transform: scale(1.15);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.satisfaction-display {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
}