/* --- Cabeçalho com Logo e Título --- */
.logo-header {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
}
 button summary {
     --pico-font-family: Pacifico, cursive;
    --pico-font-weight: 400;
    --pico-typography-spacing-vertical: 0.5rem;
  }
.logo-header img {
    max-height: 60px;
    width: auto;
     flex-shrink: 0; /* Impede que o logo encolha se não houver espaço */
}
.logo-header h1 {
    flex-grow: 1; /* Faz o título expandir e ocupar o espaço vazio */
    text-align: center; /* Centraliza o texto dentro do espaço expandido */
    margin: 0; /* Remove margens padrão para um alinhamento perfeito */
}
/* --- MUDANÇA: Estilo para as informações do utilizador --- */
.user-info {
    text-align: right;
    flex-shrink: 0; /* Impede que este bloco encolha */
}

/* --- Controlo de Largura e Centralização --- */
main.container {
    max-width: 1280px;
    padding: 0 2rem;
}

form {
    max-width: 800px;
}

/* --- NOVO: Estilo para os botões de ação na tabela de admin --- */
.action-buttons {
    display: flex;          /* Alinha os botões lado a lado */
    flex-wrap: nowrap;      /* Impede que os botões quebrem a linha */
    gap: 0.5rem;            /* Adiciona um pequeno espaço entre os botões */
    justify-content: flex-start; /* Alinha os botões à esquerda da célula */
}

.action-buttons form {
    margin: 0; /* Remove a margem padrão do formulário */
}

/* --- NOVO: Controlo de Largura das Colunas da Tabela de Utilizadores --- */
/* Usamos a classe .users-table que adicionámos ao HTML */
.users-table .col-nome { width: 30%; }
.users-table .col-email { width: 35%; }
.users-table .col-papel { width: 10%; }
.users-table .col-acoes { width: 25%; }