.pa .mock-badge {
  position:fixed; right:16px; bottom:16px; z-index:40; margin:0; padding:6px 12px; border-radius:999px;
  font-size:12px; font-weight:600; background:var(--surface-2); color:var(--text-2); box-shadow:var(--shadow-sm);
}
/* the example-data badge sits at the top of the conversation, clear of the composer and the panel */
.pa.scr-conversas .mock-badge { bottom:auto; top:16px; right:calc(352px + 16px); }
.pa.scr-conversas:not(.show-panel) .mock-badge { right:16px; }
@media (max-width: 1099px) {
  .pa.scr-conversas .mock-badge { right:16px; }
}
@container (max-width: 719px) {
  .pa:not(.scr-conversas):not(.eqp) .mock-badge { top:14px; bottom:auto; right:12px; padding:4px 10px; }
}
@media (max-width: 719px) {
  .pa.scr-conversas.m-conversa .mock-badge, .pa.scr-conversas.m-lista .mock-badge { right:12px; top:20px; padding:4px 10px; }
  .pa.scr-conversas.m-painel .mock-badge { right:12px; top:20px; padding:4px 10px; }
}