/* CatBot posts: body as a notice callout. The class is set by Catalyst:views/stream/notes/post. */
.catalyst-automated-note > .stream-post-container > .cell-post {
    display: block;
    padding: 8px 12px;
    border: 1px solid rgba(97, 140, 218, .35);
    border-radius: 6px;
    background: rgba(97, 140, 218, .08);
}
html.dark .catalyst-automated-note > .stream-post-container > .cell-post {
    border-color: rgba(97, 140, 218, .4);
    background: rgba(97, 140, 218, .14);
}

/* "Automated" badge after the name; the translated text comes from data-catalyst-badge. */
.catalyst-automated-note .stream-head-text-container [data-key=user] > a[data-catalyst-badge]::after {
    content: attr(data-catalyst-badge);
    display: inline-flex;
    align-items: center;
    height: 18px;
    margin-left: 8px;
    padding: 0 6px;
    border-radius: 4px;
    background: rgba(97, 140, 218, .12);
    color: #3b6fc9;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    vertical-align: 1px;
}
html.dark .catalyst-automated-note .stream-head-text-container [data-key=user] > a[data-catalyst-badge]::after {
    background: rgba(97, 140, 218, .2);
    color: #8fb1ee;
}