/* ==========================================================================
   SELETOR DE VERSÕES — ferramenta de revisão, não faz parte do desenho da marca

   Numerado fora da faixa das seções (07–32) de propósito: é uma camada
   sobreposta, não entra na composição da página e sai inteira no dia em que o
   seletor for desligado. Usa os tokens da paleta para não destoar, mas fica
   deliberadamente discreto.
   ========================================================================== */

.seletor-versao {
    position: fixed;
    right: clamp(12px, 1.4vw, 20px);
    bottom: clamp(12px, 1.4vw, 20px);
    /* acima do painel do menu (100) e do véu (90); abaixo de nada */
    z-index: 200;
    font-family: 'Nunito', sans-serif;
}

.seletor-versao__gatilho {
    display: block;
    padding: 7px 14px;
    border: 1px solid rgba(46, 50, 39, 0.14);
    border-radius: 999px;
    background: rgba(245, 241, 236, 0.92);
    backdrop-filter: blur(8px);
    color: var(--ink);
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(46, 50, 39, 0.10),
                0 10px 24px rgba(46, 50, 39, 0.14);
}

.seletor-versao__gatilho:hover { background: var(--offwhite); }

.seletor-versao__menu {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    min-width: 264px;
    padding: 10px;
    border: 1px solid rgba(46, 50, 39, 0.12);
    border-radius: 14px;
    background: var(--branco);
    box-shadow: 0 2px 6px rgba(46, 50, 39, 0.08),
                0 16px 36px rgba(46, 50, 39, 0.16);
}

.seletor-versao__titulo {
    margin: 2px 6px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(46, 50, 39, 0.5);
}

/* Duas colunas implícitas: o rótulo da versão fixo à esquerda e a nota ocupando
   o resto, para as linhas alinharem mesmo com rótulos de larguras diferentes. */
.seletor-versao__item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: baseline;
    gap: 8px;
    padding: 7px 6px;
    border-radius: 8px;
    color: var(--ink);
    font-size: 13px;
    text-decoration: none;
}

.seletor-versao__item strong { font-weight: 800; }

.seletor-versao__item span {
    color: rgba(46, 50, 39, 0.6);
    font-size: 12px;
}

a.seletor-versao__item:hover { background: var(--cinza-cartao); }

.seletor-versao__item.is-atual {
    background: color-mix(in srgb, var(--terra) 12%, transparent);
    color: var(--terra);
}

.seletor-versao__item.is-atual span { color: color-mix(in srgb, var(--terra) 78%, var(--ink)); }

/* Entrada sem URL de deployment: existe para deixar visível que falta
   preencher, em vez de sumir da lista e parecer que a versão não existiu. */
.seletor-versao__item.is-vazia {
    opacity: 0.42;
    cursor: not-allowed;
}

/* A produção não é uma versão congelada, é o endereço vivo — por isso fica
   apartada por um filete, embaixo de todas. Ela também é a saída de emergência:
   de dentro de um deployment antigo, se a leitura da lista da produção falhar,
   esta linha ainda é o caminho de volta. */
.seletor-versao__item--producao {
    margin-top: 6px;
    padding-top: 9px;
    border-top: 1px solid rgba(46, 50, 39, 0.12);
    border-radius: 0 0 8px 8px;
}