/* Keep imported Ortem overrides on the same palette as the base style. */
html body .message-cell--user {
    background: #2c2227 !important;
    border-color: #49373f;
}
.message-userArrow::after { border-right-color: #2c2227; }
html body .userBanner {
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 4px 8px;
    text-indent: 0;
    white-space: normal;
    border-radius: 4px;
}
html body .userBanner.userBanner--staff,
html body .userBanner.userBanner--primary {
    background: #49343e;
    border: 1px solid #745363;
    color: #edf0f2;
    font-size: 12px;
}
.message-userBanner .userBanner-before,
.message-userBanner .userBanner-after { display: none; }
html body .node:nth-child(even),
html body .structItem:nth-child(even) { background-color: #2c2227 !important; }
html body .node:nth-child(odd),
html body .structItem:nth-child(odd) { background-color: #241c20 !important; }
.structItemContainer-group--sticky::before,
.structItemContainer-group--sticky::after { background: #35282d !important; }
html body .message-body .bbTable > table > :is(thead,tbody,tfoot) > tr > :is(th,td),
html body .message-body .bbTable > table > tr > :is(th,td) {
    border-color: #59414d;
    padding: 8px 10px;
    background: #241c20;
    color: #e6dfe3;
}
html body .message-body .bbTable > table tr:nth-child(even) > td { background: #2c2227; }
html body .message-body .bbTable > table tr > th { background: #49343e; color: #f4eef1; }

.message-body,
.message-body .bbWrapper,
.message-body .bbWrapper :not(pre, pre *, code, code *, .fa, .fas, .far, .fab) {
    font-family: Lora, Georgia, serif !important;
}
.message-body,
.message-body .bbWrapper {
    font-size: 16px;
    line-height: 1.75;
}
.message-body .bbTable { font-size: 15px; line-height: 1.6; }
.message-body .bbWrapper a { color: #dfadbf; }
.message-body .bbWrapper a:hover { color: #f6dbe5; }

/* Froala has additional hard-coded surfaces beyond the theme palette. */
html body .fr-box.fr-basic {
    border-color: #59414d;
    background: #241c20;
}
html body .fr-box .fr-toolbar,
html body .fr-box .fr-wrapper,
html body .fr-box .fr-second-toolbar {
    background: #241c20 !important;
    border-color: #59414d !important;
}
html body .fr-box.fr-basic .fr-toolbar.fr-top,
html body .fr-box.fr-basic .fr-toolbar.fr-bottom {
    background: linear-gradient(110deg, #35282d, #2c2227) !important;
}
html body .fr-box.fr-basic .fr-element {
    background: transparent;
    color: #e6dfe3;
    font-family: Lora, Georgia, serif !important;
    font-size: 16px;
    line-height: 1.75;
}
html body .fr-box .fr-placeholder { color: #b5a3ac; }
html body .fr-popup,
html body .fr-dropdown-menu,
html body .fr-popup .fr-input-line input,
html body .fr-popup .fr-input-line textarea,
html body .fr-more-toolbar,
html body .fr-dropdown-wrapper {
    background: #2c2227 !important;
    border-color: #674c59 !important;
    color: #e6dfe3;
}
html body :is(.fr-toolbar,.fr-popup,.fr-more-toolbar) .fr-command.fr-btn {
    color: #e6dfe3;
}
html body :is(.fr-toolbar,.fr-popup,.fr-more-toolbar) .fr-command.fr-btn:is(:hover,:focus-visible,.fr-active),
html body .fr-dropdown-menu .fr-dropdown-content li a:hover {
    background: #49343e !important;
    color: #fff5f8 !important;
}
html body .fr-box .fr-separator { background: #59414d; }
html body .fr-popup .fr-arrow { border-bottom-color: #674c59; }