três menus, três cantos, faixas de largura · cap. 02 · ADRs 0017–0018, 0029
Três menus, três cantos (ADR-0017): sistema à esquerda, usuário à direita, legal no fim da página. Menu = <dialog popover>: no médio e no largo abre como popover (cartão ancorado, fecha com Esc e clique fora).
Largo · claro · menu do sistema aberto: cartão no canto, sobre a página; dois atalhos fixados à vista.
Largo · escuro · menu do usuário: identidade, conta, Aparência (vale na hora) e Sair por último.
Os mesmos cantos; menu aberto = diálogo modal em tela cheia, com título e “Fechar” com texto (foco preso, Esc fecha). Sem atalhos fixados. A tabela vira lista de três linhas.
Faixa sem coluna de atalhos: os fixados ficam só no largo.
Médio (≥ 48 rem): botões de canto, menus em cartão, sem coluna de atalhos.
Atual = fundo e texto na cor de link (não menta: verde é “concluído”); alfinete é botão próprio, com nome e aria-pressed — aparece ao passar o ponteiro e fica visível quando fixado.