/* Regras do app que as pranchas aprovadas têm no <style> próprio (docs/app/telas/projeto/*.dc.html).
   Só variáveis do tokens.css, salvo os valores que as pranchas aprovadas escrevem no próprio <style>, copiados como estão. */
body { margin: 0; background: var(--cor-fundo); }
.k-conta-caixa { position: relative; }
.k-menu-aberto a.k-item { color: var(--cor-texto); text-decoration: none; }
/* O atributo hidden esconde também os componentes que o bundle.css põe em flex (os estados da G1 trocam por ele). */
[hidden] { display: none !important; }
/* G1 · Entrar (G1-computador.dc.html e G1-computador-sem-acesso.dc.html) */
.pr-entrada{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:12vh var(--espaco-16) var(--espaco-32)}
.pr-cartao-entrada{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--espaco-24)}
.pr-ou{display:flex;align-items:center;gap:var(--espaco-12)}
.pr-ou::before,.pr-ou::after{content:"";flex:1;height:1px;background:var(--cor-contorno)}
.pr-rodape-entrada{border-top:1px solid var(--cor-contorno);padding-top:var(--espaco-16)}
.k-confirmacao p{overflow-wrap:anywhere}
/* P1 · Pessoas e acesso (P1-computador.dc.html, P1-computador-so-dono.dc.html e P1-computador-painel.dc.html) */
.pr-bloco{display:flex;flex-direction:column;gap:var(--espaco-16)}
.k-excecoes .k-linha .pr-frase a{display:inline;flex:none;min-height:0}
.pr-cab-sem-titulo .k-direita{margin-left:auto}
.k-menu-colunas input{flex:none}
.k-tabela th:not([aria-sort]) .k-gatilho .k-ic{opacity:1}
.pr-dica-baixo .k-dica-texto{top:calc(100% + 8px);bottom:auto;left:auto;right:0}
.pr-dica-baixo .k-dica-texto::after{top:-5px;bottom:auto;left:auto;right:10px;border:5px solid transparent;border-top:0;border-bottom-color:var(--cor-superficie-escura)}
/* A célula do "Adicione os vendedores" ocupa a largura da tabela: a frase quebra a linha em vez de alargar a tabela,
   que tira colunas quando não cabe. O bundle.css não tem regra para ela. */
.k-tabela td.k-celula-vazia{white-space:normal}