/* * branding-staging.css — staging-environment safety overlay. * * Loaded by Caddyfile.staging in addition to branding.css. Adds a * persistent bright-orange banner at the top of every Chatwoot page * so operators cannot mistakenly type a real patient note thinking * they're on prod. * * Mounted into the caddy container at /srv/branding-staging.css via * docker-compose.staging.yml. * * Cascade note: branding.css is injected first, this file second. * Equal-specificity rules in this file win, so any colour override * here trumps the equivalent prod rule. */ /* Push Chatwoot's app shell down by the banner height. The HTML * is the closest fixed element on Chatwoot's layout we can * reliably target without forking. 32px matches the banner below. */ body { margin-top: 32px !important; } /* The banner itself — a fixed-position ribbon at the very top of the * viewport. Fixed (not sticky) so it survives Chatwoot's * overflow:hidden on inner panels. */ body::before { content: "STAGING — not for patient traffic — for internal testing only"; position: fixed; top: 0; left: 0; right: 0; height: 32px; line-height: 32px; background: #ff6b00; color: #ffffff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; text-align: center; z-index: 99999; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); pointer-events: none; }