/* * 70_admin.css — ONDA G · §12.4, §12.5, §12.7, §12.8 * ═══════════════════════════════════════════════════════════════════════════ * SÓ o que a onda D não tem. Botão, cartão, tabela-que-vira-cartão, medidor, * selo, aviso, abas, paginação e os seis estados vazios vêm de * `10_componentes.css` e são usados como estão — reescrever qualquer um deles * aqui criaria um segundo botão primário, e é assim que um design system morre. * * O que é genuinamente novo nesta onda, e por quê: * * .faixa-elevo §12.5 — a faixa fixa de "entrar como". Não existe em lugar * nenhum do produto porque ela é a única coisa na tela que * fala da ELLÉVU dentro da conta do CLIENTE. * .lote §12.7 — a barra de ação que aparece com a seleção. O rodapé * grudado é o que faz "Aprovar e matricular" ser alcançável * com 300 linhas na tela. * .filtros §12.4 — a faixa de filtro por filial/cargo/busca. * .ficha a lista de rótulo/valor da ficha de pessoa e do console. * .barras §12.4 — conclusões por semana, em `` nativo (a CSP * não deixa passar `style="height:…"`, e nem deveria). * .painel-numero os seis números, que são CARTÕES CLICÁVEIS. * * Nenhuma regra aqui escreve hex: os tokens da onda D são a única camada com * valor literal, e o tema claro sai de graça por causa disso. * * NADA A PEDIR AO INTEGRADOR SOBRE CARREGAMENTO — e este parágrafo está aqui * porque uma versão anterior pedia o contrário, e o pedido estava ERRADO: * `stylesheet_link_tag :app` (layouts/application.html.erb) emite um * para CADA folha do load path, em ordem de nome, e este arquivo já sai lá * depois de `10_componentes`. Conferido no de `/`. Um * `@import "70_admin.css"` em `application.css` carregaria a folha duas vezes. */ /* ═══ FAIXA DE "ENTRAR COMO" (§12.5) ══════════════════════════════════════ Fixa no topo, acima de tudo, e com a cor de ATENÇÃO — nunca a cor da marca do cliente: a faixa existe justamente para dizer "isto aqui não é a sua empresa falando com você". */ .faixa-elevo { position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: var(--esp-3); padding: var(--esp-2) var(--esp-4); background: var(--cor-descanso-suave); color: var(--cor-descanso); border-bottom: 2px solid var(--cor-descanso); font-size: var(--texto-sm); } .faixa-elevo__icone { flex: none; display: inline-flex } .faixa-elevo__texto { display: flex; flex-direction: column; gap: 2px; min-width: 0 } .faixa-elevo__detalhe { color: var(--texto-suave); font-size: var(--texto-xs) } /* O "sair" é um `button_to` — FORMULÁRIO, e não link, porque o Turbo 8 pré-carrega link no hover e o hover encerraria a impersonação sozinho. Quem ganha as regras de posição é o
; o