/* =====================================================================
   MODO HOMOLOGAÇÃO — cor própria, distinta da produção (mandato
   "funcionalidades ausentes", 2026-09-27).

   Reaproveita --gps-color-warning (âmbar) já declarado em
   design-system.css: é a única cor de alerta que o sistema já usa, e
   reaproveitá-la em vez de inventar uma nova evita uma segunda paleta
   para o mesmo "atenção" — âmbar já significa isso em toda tela do
   NEXUS. O que muda aqui é a APLICAÇÃO consistente dela ao contexto
   inteiro de homologação: item de menu, faixa fixa e cartões de perfil.
   ===================================================================== */

.nexus-sidebar-homolog {
    color: var(--gps-color-warning) !important;
    font-weight: 600;
}

.nexus-sidebar-homolog::before {
    content: "● ";
}

/* Faixa fixa, visível em QUALQUER tela enquanto a sessão for de
   homologação — nunca discreta a ponto de alguém esquecer que os dados
   são fictícios. */
.nexus-homolog-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gps-space-3);
    background: var(--gps-color-warning);
    color: #1B1300;
    padding: var(--gps-space-2) var(--gps-space-3);
    font-weight: 700;
    letter-spacing: .02em;
}

.nexus-homolog-banner strong {
    text-transform: uppercase;
}

.nexus-homolog-banner form {
    margin: 0;
}

.nexus-homolog-picker-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--gps-space-3);
    /* A largura disponivel vem do conteudo da pagina, nunca do
       min-content dos filhos — sem isto, um grid item pode forcar a
       trilha a crescer alem do que auto-fill calculou (ver nota em
       .nexus-homolog-profile-card abaixo), e a LINHA INTEIRA extrapola a
       tela mesmo com todas as trilhas dentro de minmax(220px, 1fr). */
    min-width: 0;
    width: 100%;
}

.nexus-homolog-profile-card {
    border: 2px solid var(--gps-color-warning);
    border-radius: 8px;
    padding: var(--gps-space-3);
    background: var(--gps-color-surface);
    display: flex;
    flex-direction: column;
    gap: var(--gps-space-2);
    /* Item de grid tem min-width:auto por padrao — o tamanho MINIMO do
       conteudo (o texto de UMA LINHA do botao, ex. "Entrar como
       Coordenador de Contrato") vale mais que a base da trilha
       (minmax(220px,...)), e a trilha cresce para caber. Com seis
       perfis, duas trilhas mais largas somadas as outras quatro
       ultrapassam a largura da tela: overflow horizontal, botao cortado.
       min-width:0 permite o item (e o botao dentro dele) encolher ate a
       trilha calculada por auto-fill; o texto entao QUEBRA (ver
       .gps-btn abaixo) em vez de forcar a coluna. */
    min-width: 0;
}

.nexus-homolog-profile-card h3 {
    margin: 0;
    color: var(--gps-color-primary);
}

/* Escopado ao card de homologação — nunca ao .gps-btn genérico, que
   permanece de uma linha só (nowrap) em todo o resto do produto. Aqui o
   rótulo é mais longo que o cartão comporta em telas menores, então o
   botão quebra em duas linhas em vez de forçar a coluna a crescer. */
.nexus-homolog-profile-card .gps-btn {
    width: 100%;
    height: auto;
    min-height: var(--nexus-control-height);
    white-space: normal;
    line-height: 1.2;
    text-align: center;
    padding: 8px var(--gps-space-3);
}