@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&display=swap');

:root {
  --neval-maroon-900: #3D0812;
  --neval-maroon-800: #56091A;
  --neval-maroon-700: #7A0E1D;
  --neval-maroon-600: #96162A;
  --neval-maroon-500: #B22638;
  --neval-cream-100: #FBF3E1;
  --neval-cream-200: #F4E6C6;
  --neval-cream-300: #EFD9A8;
  --neval-ink: #2B1810;
}

/* ===== 0. GLOBAL ===== */
body, button, input, optgroup, select, textarea {
  font-family: 'Work Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.header-title,
#layout-menu .popover-header,
.login-title {
  font-family: 'Fraunces', serif !important;
}

a { color: var(--neval-maroon-700); }
a:hover { color: var(--neval-maroon-800); }

/* ===== 1. OVERRIDES ELASTIC BLUE → BRAND ===== */
.btn-primary,
.btn-primary:focus {
  background: var(--neval-maroon-700) !important;
  border-color: var(--neval-maroon-700) !important;
  color: #fff !important;
}
.btn-primary:hover:not(:disabled):not(.disabled) {
  background: var(--neval-maroon-800) !important;
  border-color: var(--neval-maroon-800) !important;
}
.btn-primary:active:not(:disabled):not(.disabled) {
  background: var(--neval-maroon-600) !important;
  border-color: var(--neval-maroon-600) !important;
}

/* Unread count badge (sidebar) */
.folderlist li.mailbox .unreadcount,
.unreadcount {
  background: var(--neval-cream-300) !important;
  color: var(--neval-maroon-800) !important;
}
.folderlist li.mailbox.recent > a > .unreadcount {
  background: var(--neval-cream-300) !important;
  color: var(--neval-maroon-800) !important;
}

/* Quota bar */
.quota-widget .value {
  background-color: var(--neval-maroon-700) !important;
}

/* Popover menu hover */
.popover .menu li a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover {
  background-color: var(--neval-maroon-700) !important;
}

/* Datepicker */
.ui-datepicker.ui-widget-content .ui-state-highlight {
  color: var(--neval-maroon-700) !important;
  background: var(--neval-cream-200) !important;
}
a.ui-state-active,
.ui-datepicker a.ui-state-active {
  background: var(--neval-maroon-700) !important;
  color: #fff !important;
}

/* UI menu active */
.ui-menu .ui-state-active {
  background-color: var(--neval-maroon-700) !important;
}

/* Selection highlight */
.listing li.selected > a,
.listing li.selected > div > a,
.listing tr.selected td,
.table-widget table.options-table tr.selected td {
  background-color: var(--neval-cream-200) !important;
  color: var(--neval-ink) !important;
}

/* Checkbox accent */
input[type="checkbox"]:checked {
  accent-color: var(--neval-maroon-700);
}

/* Slider handle */
.ui-slider .ui-slider-handle.ui-state-active {
  background: var(--neval-maroon-700) !important;
}

/* ===== 2. SIDEBAR HEADER BRANDING ===== */
body.task-mail #layout-sidebar > .header {
  background: var(--neval-maroon-900) !important;
  padding: 0 14px !important;
  height: 56px !important;
  min-height: 56px !important;
  border-bottom: 1px solid rgba(251,243,225,0.12) !important;
  gap: 0;
}

/* Insert logo before the header-title */
body.task-mail #layout-sidebar > .header .header-title {
  font-family: 'Fraunces', serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--neval-cream-100) !important;
  line-height: 1.2;
  margin-left: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

body.task-mail #layout-sidebar > .header .header-title::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: url('/images/logo.svg') center/cover no-repeat,
              var(--neval-cream-200);
  border: 1.5px solid rgba(255,255,255,0.25);
}

body.task-mail #layout-sidebar > .header .header-title.username {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Back button in sidebar */
body.task-mail #layout-sidebar > .header a.button.back-list-button {
  display: none !important;
}

/* Sidebar-menu (folder actions) */
body.task-mail #layout-sidebar > .header a.button.sidebar-menu {
  color: var(--neval-cream-100) !important;
  opacity: 0.7;
}
body.task-mail #layout-sidebar > .header a.button.sidebar-menu:hover {
  opacity: 1;
}

/* ===== 3. SIDEBAR MENU (left strip #layout-menu) — ALL PAGES ===== */
body.task-mail #layout-menu,
body.task-addressbook #layout-menu,
body.task-settings #layout-menu {
  background-color: var(--neval-maroon-900) !important;
  border-right: 1px solid rgba(251,243,225,0.08) !important;
}

body.task-mail #layout-menu .popover-header,
body.task-addressbook #layout-menu .popover-header,
body.task-settings #layout-menu .popover-header {
  background: var(--neval-maroon-900) !important;
  border-bottom: 1px solid rgba(251,243,225,0.08) !important;
  text-align: center;
}

body.task-mail #layout-menu .popover-header img#logo,
body.task-addressbook #layout-menu .popover-header img#logo,
body.task-settings #layout-menu .popover-header img#logo {
  max-height: 30px;
  width: auto;
}

body.task-mail #layout-menu #taskmenu,
body.task-addressbook #layout-menu #taskmenu,
body.task-settings #layout-menu #taskmenu {
  background: var(--neval-maroon-900) !important;
}

body.task-mail #layout-menu #taskmenu a,
body.task-addressbook #layout-menu #taskmenu a,
body.task-settings #layout-menu #taskmenu a {
  color: var(--neval-cream-100) !important;
  border-radius: 4px;
}

body.task-mail #layout-menu #taskmenu a:hover,
body.task-addressbook #layout-menu #taskmenu a:hover,
body.task-settings #layout-menu #taskmenu a:hover {
  background: rgba(251,243,225,0.08) !important;
}

body.task-mail #layout-menu #taskmenu a.selected,
body.task-mail #layout-menu #taskmenu a.active,
body.task-addressbook #layout-menu #taskmenu a.selected,
body.task-addressbook #layout-menu #taskmenu a.active,
body.task-settings #layout-menu #taskmenu a.selected,
body.task-settings #layout-menu #taskmenu a.active {
  background: rgba(251,243,225,0.15) !important;
  color: #fff !important;
}

body.task-mail #layout-menu #taskmenu .action-buttons a.compose,
body.task-addressbook #layout-menu #taskmenu .action-buttons a.compose,
body.task-settings #layout-menu #taskmenu .action-buttons a.compose {
  background: var(--neval-cream-100) !important;
  color: var(--neval-maroon-800) !important;
  font-weight: 600;
}
body.task-mail #layout-menu #taskmenu .action-buttons a.compose:hover,
body.task-addressbook #layout-menu #taskmenu .action-buttons a.compose:hover,
body.task-settings #layout-menu #taskmenu .action-buttons a.compose:hover {
  background: var(--neval-cream-200) !important;
}

body.task-mail #layout-menu #taskmenu .special-buttons,
body.task-addressbook #layout-menu #taskmenu .special-buttons,
body.task-settings #layout-menu #taskmenu .special-buttons {
  border-top: 1px solid rgba(251,243,225,0.08);
  padding-top: 8px;
  margin-top: auto;
}

body.task-mail #layout-menu #taskmenu .special-buttons a,
body.task-addressbook #layout-menu #taskmenu .special-buttons a,
body.task-settings #layout-menu #taskmenu .special-buttons a {
  color: var(--neval-cream-300) !important;
}
body.task-mail #layout-menu #taskmenu .special-buttons a:hover,
body.task-addressbook #layout-menu #taskmenu .special-buttons a:hover,
body.task-settings #layout-menu #taskmenu .special-buttons a:hover {
  background: rgba(251,243,225,0.08) !important;
}

/* ===== 4. SIDEBAR — ALL PAGES ===== */
body.task-mail #layout-sidebar,
body.task-addressbook #layout-sidebar,
body.task-settings #layout-sidebar {
  background-color: var(--neval-maroon-800) !important;
  border-right: none !important;
  color: var(--neval-cream-100) !important;
}

body.task-mail #layout-sidebar > .header,
body.task-addressbook #layout-sidebar > .header,
body.task-settings #layout-sidebar > .header {
  background: var(--neval-maroon-900) !important;
  border-bottom: 1px solid rgba(251,243,225,0.12) !important;
}

body.task-mail #layout-sidebar > .header .header-title,
body.task-addressbook #layout-sidebar > .header .header-title,
body.task-settings #layout-sidebar > .header .header-title {
  font-family: 'Fraunces', serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--neval-cream-100) !important;
}

body.task-mail #layout-sidebar > .header .header-title::before,
body.task-addressbook #layout-sidebar > .header .header-title::before,
body.task-settings #layout-sidebar > .header .header-title::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: url('/images/logo.svg') center/cover no-repeat, var(--neval-cream-200);
  border: 1.5px solid rgba(255,255,255,0.25);
}

body.task-mail #layout-sidebar > .header a.button.back-list-button,
body.task-addressbook #layout-sidebar > .header a.button.back-list-button,
body.task-settings #layout-sidebar > .header a.button.back-list-button {
  display: none !important;
}

body.task-mail #layout-sidebar > .header a.button.sidebar-menu,
body.task-addressbook #layout-sidebar > .header a.button.sidebar-menu,
body.task-settings #layout-sidebar > .header a.button.sidebar-menu {
  color: var(--neval-cream-100) !important;
  opacity: 0.7;
}
body.task-mail #layout-sidebar > .header a.button.sidebar-menu:hover,
body.task-addressbook #layout-sidebar > .header a.button.sidebar-menu:hover,
body.task-settings #layout-sidebar > .header a.button.sidebar-menu:hover {
  opacity: 1;
}

/* Sidebar scroller */
body.task-mail #layout-sidebar #folderlist-content,
body.task-mail #layout-sidebar .scroller,
body.task-addressbook #layout-sidebar .scroller,
body.task-settings #layout-sidebar .scroller {
  padding: 12px;
}

/* Treelist links — all pages */
body.task-mail ul.treelist li a,
body.task-addressbook ul.treelist li a,
body.task-settings ul.treelist li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px !important;
  border-radius: 4px;
  font-size: 13px !important;
  color: var(--neval-cream-100) !important;
  transition: background .12s ease;
}

body.task-mail ul.treelist li a:hover,
body.task-addressbook ul.treelist li a:hover,
body.task-settings ul.treelist li a:hover {
  background: rgba(251,243,225,0.08);
}

body.task-mail ul.treelist li.active a,
body.task-mail ul.treelist li.selected a,
body.task-addressbook ul.treelist li.active a,
body.task-addressbook ul.treelist li.selected a,
body.task-settings ul.treelist li.active a,
body.task-settings ul.treelist li.selected a {
  background: rgba(251,243,225,0.14) !important;
  color: #fff !important;
  font-weight: 600;
}

body.task-mail ul.treelist li a:before,
body.task-addressbook ul.treelist li a:before,
body.task-settings ul.treelist li a:before {
  content: none !important;
}

/* Folder list specific (mail) */
body.task-mail .folderlist li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px !important;
  border-radius: 4px;
  font-size: 13px !important;
  color: var(--neval-cream-100) !important;
  transition: background .12s ease;
}
body.task-mail .folderlist li a:hover {
  background: rgba(251,243,225,0.08);
}
body.task-mail .folderlist li.active a,
body.task-mail .folderlist li.selected a {
  background: rgba(251,243,225,0.14) !important;
  color: #fff !important;
  font-weight: 600;
}
body.task-mail .folderlist li a:before {
  content: none !important;
}

/* Settings menu list */
body.task-settings ul.listing.iconized li a {
  color: var(--neval-cream-100) !important;
}
body.task-settings ul.listing.iconized li a:hover {
  background: rgba(251,243,225,0.08) !important;
}
body.task-settings ul.listing.iconized li.active a,
body.task-settings ul.listing.iconized li.selected a {
  background: rgba(251,243,225,0.14) !important;
  color: #fff !important;
}

/* Compose button in sidebar (mail only) */
body.task-mail #layout-sidebar a.compose,
body.task-mail #layout-sidebar .toolbar-button.compose {
  background: var(--neval-cream-100) !important;
  color: var(--neval-maroon-800) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 9px 12px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  cursor: pointer;
  margin-bottom: 14px !important;
  width: 100%;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: background .15s ease;
}
body.task-mail #layout-sidebar a.compose:hover,
body.task-mail #layout-sidebar .toolbar-button.compose:hover {
  background: var(--neval-cream-200) !important;
}
body.task-mail #layout-sidebar a.compose:before,
body.task-mail #layout-sidebar .toolbar-button.compose:before {
  display: none !important;
}

/* Sidebar footer */
body.task-mail #layout-sidebar > .footer,
body.task-settings #layout-sidebar > .footer {
  background: var(--neval-maroon-900) !important;
  color: var(--neval-cream-300) !important;
  font-size: 11px !important;
  padding: 10px 14px !important;
  border-top: 1px solid rgba(251,243,225,0.10) !important;
  min-height: auto;
  height: auto !important;
}
body.task-mail #layout-sidebar > .footer .quota-widget,
body.task-settings #layout-sidebar > .footer .quota-widget {
  color: var(--neval-cream-300);
}

/* ===== 5. MESSAGELIST HEADER ===== */
body.task-mail #messagelist-header {
  background: var(--neval-cream-200) !important;
  border-bottom: 1px solid var(--neval-cream-300) !important;
  padding: 0 16px !important;
  height: 48px !important;
  min-height: 48px !important;
}

body.task-mail #messagelist-header .header-title {
  font-family: 'Fraunces', serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: var(--neval-maroon-800) !important;
  flex-shrink: 0;
  text-align: left;
  margin: 0;
}

body.task-mail #messagelist-header input[type="text"],
body.task-mail #messagelist-header .searchbar input {
  border: 1px solid var(--neval-cream-300) !important;
  background: var(--neval-cream-100) !important;
  color: var(--neval-ink) !important;
  border-radius: 3px !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
}
body.task-mail #messagelist-header input[type="text"]:focus,
body.task-mail #messagelist-header .searchbar input:focus {
  border-color: var(--neval-maroon-600) !important;
  box-shadow: 0 0 0 2px rgba(150,22,42,0.10) !important;
}

body.task-mail #messagelist-header a.button {
  color: var(--neval-ink);
}
body.task-mail #messagelist-header a.button.icon:before {
  color: var(--neval-ink);
}

/* ===== 6. MESSAGE LIST ROWS ===== */
body.task-mail #messagelist-content {
  background: #fff;
}

body.task-mail table.messagelist {
  table-layout: auto;
}

body.task-mail table.messagelist > tbody > tr {
  border-bottom: 1px solid var(--neval-cream-200);
  transition: background .1s ease;
}

body.task-mail table.messagelist > tbody > tr:hover {
  background: var(--neval-cream-100) !important;
}

/* Unread — stronger contrast */
body.task-mail table.messagelist > tbody > tr.unread {
  background: var(--neval-cream-200) !important;
}
body.task-mail table.messagelist > tbody > tr.unread td {
  border-bottom-color: var(--neval-cream-300);
}
body.task-mail table.messagelist tr.unread td.subject span.subject,
body.task-mail table.messagelist tr.unread td.subject span.fromto {
  font-weight: 700 !important;
  color: var(--neval-ink) !important;
}

/* Read — muted */
body.task-mail table.messagelist > tbody > tr:not(.unread) td.subject span.fromto {
  color: var(--neval-ink) !important;
  font-weight: 400;
}
body.task-mail table.messagelist > tbody > tr:not(.unread) td.subject span.subject {
  color: var(--neval-ink) !important;
  font-weight: 400;
}

/* Deleted */
body.task-mail table.messagelist tr.deleted td {
  opacity: 0.5;
}

/* Subject cell structure */
body.task-mail table.messagelist td.subject {
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
body.task-mail table.messagelist td.subject span.fromto {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
}
body.task-mail table.messagelist td.subject span.subject {
  font-size: 12px;
  color: var(--neval-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.task-mail table.messagelist td.subject span.date {
  font-size: 11px;
  color: var(--neval-ink) !important;
  opacity: 0.6;
  white-space: nowrap;
}
body.task-mail table.messagelist td.subject span.size {
  display: none;
}

/* Checkbox */
body.task-mail table.messagelist td.checkbox-cell input[type="checkbox"] {
  accent-color: var(--neval-maroon-700);
}

/* Flags */
body.task-mail table.messagelist td.flags > span.flag {
  color: var(--neval-cream-300);
}
body.task-mail table.messagelist tr.unread td.flags > span.flag {
  color: var(--neval-maroon-600);
}

/* ===== 7. RIGHT PANEL / CONTENT ===== */
body.task-mail #layout-content {
  background: var(--neval-cream-100) !important;
}

body.task-mail #layout-content > .header {
  background: var(--neval-cream-200) !important;
  border-bottom: 1px solid var(--neval-cream-300) !important;
}

body.task-mail #layout-content > .header .header-title {
  font-family: 'Fraunces', serif !important;
  font-weight: 600 !important;
  color: var(--neval-maroon-800) !important;
}

/* Message toolbar (#mailtoolbar) — override Elastic hardcoded grays */
body.task-mail #layout-content > .header[role="toolbar"] {
  background: var(--neval-cream-200) !important;
  border-bottom: 1px solid var(--neval-cream-300) !important;
}

body.task-mail #layout-content .toolbar.menu a,
body.task-mail #layout-content .toolbar.menu a:before {
  color: var(--neval-ink) !important;
}

body.task-mail #layout-content .toolbar.menu .dropbutton:not(.disabled):hover {
  background-color: var(--neval-cream-300) !important;
}

body.task-mail #layout-content .toolbar.menu .dropbutton a.dropdown:hover {
  background-color: var(--neval-cream-300) !important;
}

body.task-mail #layout-content .toolbar.menu a.selected {
  color: var(--neval-maroon-700) !important;
}

body.task-mail #layout-content .iframe-wrapper {
  background: var(--neval-cream-100);
}

/* ===== 8. WATERMARK (empty state) ===== */
body.task-mail #layout-content .iframe-wrapper iframe[src*="blank"],
body.task-mail #layout-content .iframe-wrapper iframe:empty {
  display: none;
}

body.task-mail #layout-content .iframe-wrapper::before {
  content: '';
  display: block;
  width: 160px;
  height: 160px;
  background: url('/images/logo.svg') center/contain no-repeat;
  opacity: 0.12;
  pointer-events: none;
}

/* ===== 9. PAGE NAV ===== */
body.task-mail .pagenav {
  background: #fff;
  border-top: 1px solid var(--neval-cream-300);
  padding: 6px 16px;
  font-size: 12px;
  color: var(--neval-ink);
}

/* ===== 10. TABLES / FORMS (settings, contacts etc) ===== */
.table-widget table.options-table tr.selected td {
  background-color: var(--neval-cream-200) !important;
}

/* All section headers across the app */
#layout > div > .header,
#layout > div > .footer {
  background-color: var(--neval-cream-200) !important;
  color: var(--neval-maroon-800) !important;
  border-color: var(--neval-cream-300) !important;
}

#layout > div > .header .header-title {
  font-family: 'Fraunces', serif !important;
  font-weight: 600 !important;
  color: var(--neval-maroon-800) !important;
}

/* List panel headers — contacts */
body.task-addressbook #layout-list > .header {
  background: var(--neval-cream-200) !important;
  border-bottom: 1px solid var(--neval-cream-300) !important;
}

/* List panel headers — settings */
body.task-settings #layout-list > .header {
  background: var(--neval-cream-200) !important;
  border-bottom: 1px solid var(--neval-cream-300) !important;
}

/* ===== 11. RESPONSIVE ===== */
@media (max-width: 900px) {
  body.task-mail #layout-sidebar,
  body.task-addressbook #layout-sidebar,
  body.task-settings #layout-sidebar {
    flex: 0 0 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
  }
}

@media (max-width: 720px) {
  body.task-mail #layout-menu,
  body.task-addressbook #layout-menu,
  body.task-settings #layout-menu {
    display: none;
  }
  body.task-mail #layout-sidebar,
  body.task-addressbook #layout-sidebar,
  body.task-settings #layout-sidebar {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    position: absolute;
    z-index: 100;
    height: 100%;
    display: none;
  }
  body.task-mail #layout-sidebar.visible,
  body.task-addressbook #layout-sidebar.visible,
  body.task-settings #layout-sidebar.visible {
    display: flex;
  }
}

/* ===== 12. DARK MODE ===== */
html.dark-mode {
  --neval-maroon-900: #140306;
  --neval-maroon-800: #2a0712;
  --neval-maroon-700: #3d0b1a;
  --neval-maroon-600: #5a1024;
  --neval-cream-100: #1a1612;
  --neval-cream-200: #231f18;
  --neval-cream-300: #2e2820;
  --neval-ink: #e8dfd4;
}

html.dark-mode body {
  background: var(--neval-cream-100);
  color: var(--neval-ink);
}

html.dark-mode body.task-mail #layout-sidebar,
html.dark-mode body.task-addressbook #layout-sidebar,
html.dark-mode body.task-settings #layout-sidebar {
  background-color: var(--neval-maroon-900) !important;
}
html.dark-mode body.task-mail #layout-sidebar > .header,
html.dark-mode body.task-addressbook #layout-sidebar > .header,
html.dark-mode body.task-settings #layout-sidebar > .header {
  background: var(--neval-maroon-900) !important;
  border-bottom-color: rgba(255,255,255,0.06) !important;
}
html.dark-mode body.task-mail #layout-sidebar > .footer,
html.dark-mode body.task-settings #layout-sidebar > .footer {
  background: var(--neval-maroon-900) !important;
  border-top-color: rgba(255,255,255,0.06) !important;
}

html.dark-mode body.task-mail #layout-menu,
html.dark-mode body.task-addressbook #layout-menu,
html.dark-mode body.task-settings #layout-menu {
  background-color: var(--neval-maroon-900) !important;
  border-right-color: rgba(255,255,255,0.06) !important;
}
html.dark-mode body.task-mail #layout-menu .popover-header,
html.dark-mode body.task-addressbook #layout-menu .popover-header,
html.dark-mode body.task-settings #layout-menu .popover-header {
  background: var(--neval-maroon-900) !important;
}

html.dark-mode body.task-mail #messagelist-header {
  background: var(--neval-cream-200) !important;
  border-bottom-color: var(--neval-cream-300) !important;
}

html.dark-mode body.task-mail table.messagelist > tbody > tr {
  border-bottom-color: var(--neval-cream-300) !important;
}
html.dark-mode body.task-mail table.messagelist > tbody > tr:hover {
  background: var(--neval-cream-200) !important;
}
html.dark-mode body.task-mail table.messagelist > tbody > tr.unread {
  background: var(--neval-cream-300) !important;
}

html.dark-mode body.task-mail #layout-content {
  background: var(--neval-cream-100) !important;
}
html.dark-mode body.task-mail #layout-content > .header {
  background: var(--neval-cream-200) !important;
  border-bottom-color: var(--neval-cream-300) !important;
}
html.dark-mode body.task-mail #layout-content > .header[role="toolbar"] {
  background: var(--neval-cream-200) !important;
}
html.dark-mode body.task-mail #layout-content .toolbar.menu a,
html.dark-mode body.task-mail #layout-content .toolbar.menu a:before {
  color: var(--neval-ink) !important;
}
html.dark-mode body.task-mail #layout-content .toolbar.menu .dropbutton:not(.disabled):hover {
  background-color: var(--neval-cream-300) !important;
}
html.dark-mode body.task-mail #layout-content .iframe-wrapper {
  background: var(--neval-cream-100);
}

/* Dark overrides for Elastic blue leaks */
html.dark-mode .btn-primary,
html.dark-mode .btn-primary:focus {
  background: var(--neval-maroon-700) !important;
  border-color: var(--neval-maroon-700) !important;
}
html.dark-mode .btn-primary:hover:not(:disabled):not(.disabled) {
  background: var(--neval-maroon-600) !important;
  border-color: var(--neval-maroon-600) !important;
}

html.dark-mode .popover .menu li a:not(.disabled):hover {
  background-color: var(--neval-maroon-700) !important;
}

html.dark-mode .listing li.selected > a,
html.dark-mode .listing li.selected > div > a,
html.dark-mode .listing tr.selected td {
  background-color: var(--neval-cream-300) !important;
  color: var(--neval-ink) !important;
}

html.dark-mode .folderlist li.mailbox .unreadcount,
html.dark-mode .unreadcount {
  background: var(--neval-cream-300) !important;
  color: var(--neval-maroon-700) !important;
}

html.dark-mode .quota-widget .value {
  background-color: var(--neval-maroon-700) !important;
}