.cursor-pointer {
    cursor: pointer;
}

/* Cor de acento da app — valor por omissão aqui, sobreposto por um <style>
   inline em base.html com o valor configurado em /admin/aparencia
   (crm.config: cor_acento). Todas as regras abaixo usam esta variável, nunca
   uma cor fixa, para a configuração do admin se refletir em toda a app de
   uma vez só. */
:root {
    --crm-cor-acento: #198754;
}

/* Faixa de marca sob a navbar — pequeno toque de consistência visual, sem
   tocar nas cores semânticas dos botões (primary/success/danger continuam a
   significar o que já significavam). */
.navbar.sticky-top {
    border-bottom: 3px solid var(--crm-cor-acento);
}

/* Atalhos só com ícone da barra do Dashboard: largura fixa e igual entre si, e
   o emoji sempre do mesmo tamanho — sem isto, cada botão fica com a largura do
   respetivo emoji e a barra fica desalinhada (uns grandes, outros pequenos). */
.btn-atalho {
    width: 2.5rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.2;
}

/* Botão de leitura em voz alta (macro botao_ler, em _macros_voz.html). Usa-se
   no telemóvel, no terreno: área de toque de 44px — o mínimo recomendado —
   contra o link-emoji minúsculo de antes, que era difícil de acertar. */
.btn-ler {
    min-height: 2.75rem;
    min-width: 2.75rem;
}

.mes-calendario td {
    min-width: 6rem;
    height: 5rem;
}

.mes-calendario .badge {
    font-size: 0.65rem;
}

.ano-calendario th, .ano-calendario td {
    font-size: 0.7rem;
    padding: 0.1rem !important;
}

/* Cabeçalhos de tabela e de cartão normalizados em toda a app: um tom muito
   subtil da cor de acento (em vez do cinzento por omissão do Bootstrap) —
   regras CSS globais a apanhar as classes .table/.card-header do Bootstrap,
   não precisam de alterar cada template que as usa. */
.table > thead {
    background-color: color-mix(in srgb, var(--crm-cor-acento) 8%, white);
}

.table > thead > tr > th {
    border-bottom: 2px solid color-mix(in srgb, var(--crm-cor-acento) 35%, white);
}

.card-header {
    background-color: color-mix(in srgb, var(--crm-cor-acento) 8%, white);
    border-bottom-color: color-mix(in srgb, var(--crm-cor-acento) 25%, white);
}