/* Barra — o teto do app. Proposta aprovada em docs/mockup-navbar.html. É a única peça deste sistema que atravessa a janela inteira. Tudo o mais é coluna de 1040px: a folha, o masthead, a régua. A barra não — teto vai de parede a parede. Isso não é enfeite, é o que resolve a geografia: a calha é fixed e ocupa a margem de topo a rodapé, então uma barra presa à coluna ficaria como uma ilha com duas portas abertas em cima dela. Indo de ponta a ponta, a barra fecha o topo e a calha começa abaixo dela — as duas param de disputar o mesmo canto. A barra NÃO navega. Quem leva de uma tela à outra continua sendo a calha — a margem inteira clicável, com a folha vizinha estacionada dentro — e o .btn--travessia onde a calha não cabe. Repetir as quatro telas aqui em cima seria dizer a mesma coisa duas vezes, e a segunda vez em pior forma: uma lista de rótulos não mostra onde a tela fica, e a calha mostra. O que a barra carrega são as duas coisas que não pertencem a tela nenhuma: a saída, que estava em seis mastheads disputando a fila de ações com "Novo cadastro" e com o navegador de semana, e a escolha de tema, que só existia como ferramenta de QA no /styleguide. Mais a marca, no canto de fora. */ :root { --barra-h: 52px; } /* ── a barra ───────────────────────────────────────────────────────────── Superfície de folha sobre o gelo, fechada por régua forte embaixo: a mesma gramática do masthead, que também fecha com --line-strong o que está acima dele. Sem sombra — profundidade neste sistema é régua, e a única camada de verdade é o