.casca{min-height:100dvh}.casca__menu{z-index:30;border-right:1px solid var(--cor-borda);background:var(--cor-superficie);flex-direction:column;width:236px;padding:20px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.casca__empresa{align-items:center;gap:10px;padding:0 6px 22px;display:flex}.casca__empresa strong{font-size:14px;line-height:1.25;display:block}.casca__empresa small{color:var(--cor-texto-3);font-size:12px}.casca__empresa-inicial{border-radius:var(--raio-2);background:var(--cor-primaria-suave);width:38px;height:38px;color:var(--cor-destaque);flex-shrink:0;place-items:center;font-size:17px;font-weight:800;display:grid}.casca__fechar-menu,.casca__abrir-menu{border-radius:var(--raio-2);width:40px;height:40px;color:var(--cor-texto-2);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:none}.casca__fechar-menu svg,.casca__abrir-menu svg{width:22px;height:22px}.casca__nav{flex-direction:column;gap:18px;display:flex}.casca__grupo{flex-direction:column;gap:2px;display:flex}.casca__grupo-titulo{letter-spacing:1px;text-transform:uppercase;color:var(--cor-texto-3);padding:0 10px 6px;font-size:11px;font-weight:700}.casca__link{min-height:var(--alvo-toque);border-radius:var(--raio-2);color:var(--cor-texto-2);align-items:center;gap:11px;padding:0 10px;font-weight:550;text-decoration:none;display:flex}.casca__link svg{width:19px;height:19px}.casca__link:hover{background:var(--cor-superficie-2);color:var(--cor-texto)}.casca__link.active{background:var(--cor-primaria-suave);color:var(--cor-destaque);font-weight:700}.casca__rodape{flex-direction:column;gap:10px;margin-top:auto;padding-top:18px;display:flex}.casca__usuario{border-radius:var(--raio-2);color:inherit;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.casca__usuario:hover,.casca__usuario.active{background:var(--cor-superficie-2)}.casca__usuario svg{width:30px;height:30px;color:var(--cor-texto-3)}.casca__usuario strong{font-size:13px;display:block}.casca__usuario small{color:var(--cor-texto-3);font-size:12px}.casca__rodape-acoes{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.casca__sair{border-radius:var(--raio-1);min-height:32px;color:var(--cor-texto-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:inline-flex}.casca__sair:hover{background:var(--cor-superficie-2);color:var(--cor-texto)}.casca__sair svg{width:16px;height:16px}.casca .logo-rallbox{opacity:.85;padding:4px 6px 0}.casca__conteudo{margin-left:236px}.casca__topo{z-index:20;border-bottom:1px solid var(--cor-borda);background:color-mix(in srgb, var(--cor-fundo) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;min-height:56px;padding:0 32px;display:flex;position:sticky;top:0}.casca__topo-empresa{font-weight:700;display:none}.casca__homologacao{background:var(--cor-aviso-suave);color:var(--cor-aviso);border-radius:999px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:700}.casca__homologacao--demonstracao{background:var(--cor-aviso);color:var(--cor-primaria-texto);letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;font-size:13px}.casca__principal{max-width:1280px;padding:28px 32px 48px}.casca__veu{z-index:25;background:var(--cor-veu);position:fixed;inset:0}@media (width<=860px){.casca__menu{box-shadow:var(--sombra-2);transition:transform .18s ease-out;transform:translate(-100%)}.casca__menu--aberto{transform:none}.casca__fechar-menu,.casca__abrir-menu{display:grid}.casca__abrir-menu{margin-left:-8px}.casca__topo-empresa{display:block}.casca__conteudo{margin-left:0}.casca__topo{padding:0 16px}.casca__principal{padding:20px 16px 40px}}.seletor-tema{border-radius:var(--raio-2);background:var(--cor-superficie-2);border:0;gap:2px;min-inline-size:0;margin:0;padding:3px;display:inline-flex}.seletor-tema button{border-radius:var(--raio-1);width:28px;height:28px;color:var(--cor-texto-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.seletor-tema button svg{width:16px;height:16px}.seletor-tema button.ativo{background:var(--cor-superficie);color:var(--cor-destaque);box-shadow:var(--sombra-1)}