First, I do not understand the rationale behind having the way the site looks when logged in as an agent be different then as a customer...
Code blocks appear no different then regular paragraph text when logged in as an agent. To see if they worked you have to log in on a different browser as an end user to see if they took.
The issue is in common.css the font family is set to Helvetica Neue for pre tags and is never overridden by any stylesheet.
Here's the "computed style" from google chrome for a pre tag as an agent.
border-bottom-color: rgb(0, 0, 0);border-bottom-style: none;border-bottom-width: 0px;border-image-outset: 0px;border-image-repeat: stretch;border-image-slice: 100%;border-image-source: none;border-image-width: 1;border-left-color: rgb(0, 0, 0);border-left-style: none;border-left-width: 0px;border-right-color: rgb(0, 0, 0);border-right-style: none;border-right-width: 0px;border-top-color: rgb(0, 0, 0);border-top-style: none;border-top-width: 0px;color: rgb(0, 0, 0);display: block;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size: 13px;font-style: normal;font-variant: normal;font-weight: normal;height: 32px;line-height: normal;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;outline-color: rgb(0, 0, 0);outline-style: none;outline-width: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;text-align: left;vertical-align: baseline;white-space: pre-wrap;width: 1132.6875px;word-break: normal;word-wrap: break-word;
