/* Cloud Ninza details on top of the recoloured Elastic (cloudninza-elastic.css). */
/* Elastic's own @font-face (Roboto files) is untouched; we only change what is used. */
body, input, select, textarea, button, .popover, .ui-dialog, .toolbar a, .menu a, #layout-menu a, .listing li, table.records-table, table.messagelist, .formcontent, .header-title, h1, h2, h3, .boxtitle, legend, label {
  font-family: 'Commissioner', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
/* Pill buttons, like the dashboard */
.btn, button.btn, .button, a.button, input.button, .ui-dialog .ui-button { border-radius: 999px !important; }
.btn-primary, .button.mainaction, button.mainaction, .ui-dialog .mainaction {
  background: linear-gradient(90deg, #E04D9D 0%, #673DE6 55%, #2BB3E8 100%) !important; border-color: transparent !important; color: #fff !important;
}
.btn-primary:hover, .button.mainaction:hover, button.mainaction:hover { filter: brightness(1.06); }
/* Left menu: our ink bar with the wordmark and the gradient on the active item */
#layout-menu { background: #16191F !important; }
#layout-menu .popover-header, #layout-menu #logo { background: transparent !important; }
#layout-menu a.selected, #layout-menu .selected a, #taskmenu a.selected {
  background: linear-gradient(90deg, rgba(224,77,157,.28), rgba(103,61,230,.38)) !important; color: #fff !important; border-radius: 10px;
}
#taskmenu a { border-radius: 10px; margin: 2px 6px; }
#layout-menu #logo { max-height: 38px; object-fit: contain; }
/* Lists and panes: rounded, soft violet selection */
.listing li.selected, .listing tr.selected td, .listing tr.selected, table.messagelist tr.selected td { background-color: #F1ECFF !important; }
html:not(.dark-mode) table.messagelist tr.unread .subject a, html:not(.dark-mode) table.messagelist tr.unread .fromto { color: #16191F; }
table.messagelist tr.unread .subject a, table.messagelist tr.unread .fromto { font-weight: 700; }
.compose-content .formcontent, .formcontainer .formcontent { border-radius: 14px; }
/* Login screen (direct sign-in with the mailbox password) */
body.task-login { background: linear-gradient(120deg, #FBE7EF 0%, #F1E7FC 50%, #E4EDFF 100%) !important; }
body.task-login #layout-content { background: transparent !important; }
body.task-login form { background: #fff; border-radius: 22px; padding: 28px 26px; box-shadow: 0 24px 60px -30px rgba(103,61,230,.45); }
body.task-login #logo { max-width: 240px; }
#login-footer, .support-link a[href*="roundcube.net"] { display: none !important; }
/* Never mention the engine */
.about-link, a[href*="roundcube.net"], #rcmloginfooter { display: none !important; }
html.dark-mode #layout-menu { background: #0d0f12 !important; }
/* No "About Roundcube" entry */
#taskmenu a.about, .menu a.about, a.about { display: none !important; }
html.dark-mode .listing li.selected, html.dark-mode table.messagelist tr.selected td { background-color: #2a2140 !important; }