/* SHIFT LEGIS UI Components & patterns
   Objetivo: padronizar botões, barras de ação e headers entre páginas legadas e o template atual
*/

:root {
  --sl-gap-1: 4px;
  --sl-gap-2: 8px;
  --sl-gap-3: 12px;
  --sl-radius: 6px;
}

/* Títulos de página */
.page-header {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}

/* Barra de ações (grupo de botões) */
.action-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sl-gap-2);
}

/* Botões com ícone alinhado */
.btn.btn-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem; /* espaço entre ícone e texto */
}
.btn.btn-icon .fa,
.btn.btn-icon .bi {
  font-size: 1rem;
}

/* Leve arredondamento para harmonizar com o template */
.btn {
  border-radius: var(--sl-radius);
}

/* Área de ações de formulário (alinha botões ao final do grupo) */
.form-actions {
  display: flex;
  align-items: center;
  gap: var(--sl-gap-2);
}

/* Ações de tabela (ícones/botões pequenos na listagem) */
.table-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--sl-gap-1);
}

/* Estados padrões (sem alterar cores do tema) */
.btn[disabled],
.btn.disabled {
  opacity: 0.65;
  pointer-events: none;
}