/* =====================================================
   UTILITIES - Classes utilitárias essenciais
   APENAS classes realmente utilizadas no projeto
   ===================================================== */

/* =====================================================
   BACKGROUNDS (bg-*) - APENAS USADOS
   ===================================================== */
.bg-blue-light {
    background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%) !important;
}

/* =====================================================
   TEXT COLORS (text-*) - APENAS USADOS
   ===================================================== */
.text-muted {
    color: var(--color-text-muted) !important;
}

/* =====================================================
   FLEX HELPERS
   ===================================================== */
.center-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* =====================================================
   FORM-SELECT DE LARGURA AUTOMÁTICA — PADRÃO GLOBAL
   -----------------------------------------------------
   PROBLEMA RECORRENTE: todo `form-select` com `w-auto`
   (filtros/dropdowns inline) nasce estreito e a SETA do
   select fica POR CIMA do texto/número. Regra canônica:
   reserva espaço p/ a seta + largura mínima em QUALQUER
   dropdown do projeto. Sempre verificar isso ao criar um
   `<select class="form-select w-auto">`.
   ===================================================== */
select.form-select.w-auto,
select.form-select-sm.w-auto {
    min-width: 8rem;                    /* respiro p/ rótulos curtos */
    padding-right: var(--spacing-xl);   /* espaço garantido p/ a seta */
}

/* =====================================================
   COPIAR PARA A ÁREA DE TRANSFERÊNCIA SEM HTTPS
   -----------------------------------------------------
   Pelo IP da rede (http) não há Clipboard API: o texto vai
   num <textarea> temporário + execCommand('copy'). Fixo no
   topo para o select() não rolar a página; invisível, mas
   selecionável. Ex.: CadastroRapidoLista.copiar().
   ===================================================== */
.copiar-oculto {
    position: fixed;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    opacity: 0;
}