/* Context tag under each instruction bubble: what kind of work was asked for. */
.request-tag {
  --tag:#d9c3e6;
  display:table; margin-top:8px; padding:2px 9px 2px 8px; border-radius:99px;
  border:1px solid color-mix(in srgb,var(--tag) 55%,transparent);
  background:color-mix(in srgb,var(--tag) 16%,transparent);
  color:var(--tag); font-size:11px; font-weight:600; line-height:1.6; letter-spacing:.01em; white-space:nowrap;
}
.request-tag::before { content:'#'; margin-right:3px; opacity:.7; }
.user-msg .request-tag { margin-left:auto; }
.office-user-bubble .request-tag { margin-left:auto; font-size:11px; }
.request-tag[data-kind='design'] { --tag:#f2b8d8; }
.request-tag[data-kind='dev'] { --tag:#9fd8ea; }
.request-tag[data-kind='bug'] { --tag:#ffb199; }
.request-tag[data-kind='sales'] { --tag:#f4d58c; }
.request-tag[data-kind='image'] { --tag:#c9b6ff; }
.request-tag[data-kind='todo'] { --tag:#a8e0b8; }
.request-tag[data-kind='commerce'] { --tag:#ffc98f; }
.request-tag[data-kind='research'] { --tag:#b5c8ff; }
.request-tag[data-kind='writing'] { --tag:#e3d3b0; }
.request-tag[data-kind='setting'] { --tag:#cfd3dc; }
.request-tag[data-kind='question'] { --tag:#d9c3e6; }
.request-tag[data-kind='general'] { --tag:#cbbccf; }