/* Wombat-Email's fonts in Roundcube (Elastic). Served from this plugin's fonts/ (SIL OFL, licences beside them). */
@font-face { font-family: "Fira Sans Condensed"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/fira-sans-condensed-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Fira Sans Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/fira-sans-condensed-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Fira Sans Condensed"; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/fira-sans-condensed-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Fira Sans Condensed"; font-style: italic; font-weight: 700; font-display: swap; src: url("fonts/fira-sans-condensed-latin-700-italic.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/jetbrains-mono-latin-600-normal.woff2") format("woff2"); }

/* text: where Elastic sets Roboto */
.popover, body, button, input, optgroup, select, textarea,
div.tox, div.tox :not(.svg), .rcmail-inline-message { font-family: "Fira Sans Condensed", Roboto, sans-serif; }
div.tox .tox-color-input > input, div.tox .tox-listboxfield .tox-listbox--select, div.tox .tox-textarea, div.tox .tox-textfield { font-family: "Fira Sans Condensed", Roboto, sans-serif !important; }

/* plain-text mail, the plain-text editor, code: where Elastic sets monospace */
.message-part div.pre, .mce-content-body div.pre, .formcontent.raweditor textarea,
.html-editor > textarea, .html-editor > .googie_edit_layer, .googie_edit_layer,
.message-part pre, .message-part code { font-family: "JetBrains Mono", ui-monospace, monospace; }

/* Mail that is one <pre> and nothing else (Wombat-Email's own reports and sign-in codes, cron and server
   mail) sets no colours, so it follows dark mode instead of Elastic's white page for HTML mail; one that
   colours its own text keeps the white page. */
html.dark-mode .message-htmlpart:has(> div.rcmBody > pre:only-child):not(:has([style*="color"], font[color], [bgcolor])) { background-color: transparent; color: inherit; }
.message-htmlpart > div.rcmBody > pre:only-child { font-family: "JetBrains Mono", ui-monospace, monospace; }