/* Roboto — фірмові кольори з коду сайту */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic&display=swap');
body, input, select, textarea, button, .popover, .form-control { font-family: Roboto, "Segoe UI", Roboto, Arial, sans-serif; }
a, a:visited, .link, #messagestack .content a { color: #86302f; }
a:hover, a:focus { color: #5e2120; }
.btn-primary, .btn.btn-primary, .button.mainaction, button.mainaction, input.mainaction, .formbuttons .btn-primary,
.ui-dialog-buttonset .mainaction, .ui-button.mainaction { background-color: #86302f !important; border-color: #86302f !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus, .button.mainaction:hover, button.mainaction:hover { background-color: #5e2120 !important; border-color: #5e2120 !important; }
.form-control:focus, input:focus, textarea:focus, select:focus, .custom-select:focus { border-color: #86302f !important; box-shadow: 0 0 0 .2rem rgba(134,48,47,.12) !important; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before, input.form-check-input:checked { background-color: #86302f !important; border-color: #86302f !important; }
/* ліве меню */
#layout-menu, #layout-menu .popover-header { background-color: #333333 !important; }
#layout-menu a, #layout-menu .special-buttons a, #layout-menu .menu a { color: #e6e6e6 !important; }
#layout-menu a.selected, #layout-menu a:hover, #layout-menu .menu a.selected { color: #fff !important; background-color: #4a4a4a !important; }
#layout-menu .compose, #layout-menu a.compose { background-color: #86302f !important; color: #fff !important; }
#layout-menu .compose:hover { background-color: #5e2120 !important; }
/* списки, виділення, лічильники */
.listing li.selected, .listing li.selected > a, table.records-table tr.selected td,
.listing li.focused, table.records-table tr.focused td { background-color: rgba(134,48,47,.12) !important; color: inherit !important; }
.listing li.selected > a, .listing li.mailbox.selected > a { border-left: 3px solid #86302f; }
.unreadcount, .count, span.unreadcount { background-color: #86302f !important; color: #fff !important; }
table.messagelist tr.unread td.subject span.subject a, table.messagelist tr.unread .fromto { color: #333333; }
.toolbar a:hover, .toolbar a.active:hover, .header a.button:hover { color: #86302f !important; }
.nav-link.active, .tabsbar a.selected, .tab-content > .active { color: #86302f !important; border-color: #86302f !important; }
.progress-bar, .quota-widget .bar { background-color: #86302f !important; }
/* сторінка входу */
body.task-login { background: linear-gradient(180deg, #333333 0, #333333 34%, #f4f5f7 34%) !important; }
#login-form { background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.15); padding: 2rem 1.5rem 1.5rem; }
#login-form #logo, #layout-menu #logo { max-height: 70px; width: auto; }
#login-footer, #login-footer a { color: #6b7280 !important; }
#layout-menu #logo { background: #fff; border-radius: 6px; padding: 4px 6px; }
/* виділений лист у списку */
table.messagelist tr.selected td, table.messagelist tr.focused td, .records-table tr.selected td, .records-table tr.focused td { background-color: rgba(134,48,47,.10) !important; }
table.messagelist tr.focused > td:first-child, .records-table tr.focused > td:first-child, table.messagelist tr.selected > td:first-child { box-shadow: inset 3px 0 0 #86302f !important; border-left-color: #86302f !important; }
.listing li.focused > a, .listing li.focused { outline-color: #86302f !important; }
/* залишки стандартного блакитного Elastic (#37beff / #9ddfff) */
html:not(.touch) .listing li > a:focus,
html:not(.touch) .listing.focus tbody tr.focused > td:first-child,
html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td { border-left: 2px solid #86302f !important; outline: 0; }
.popupmenu .listing li > a:not(.disabled):hover, .popupmenu .listing li.selected { background-color: #86302f !important; color: #fff !important; }
.folderlist li.mailbox .unreadcount, .folderlist li.mailbox.recent > a > .unreadcount { background: #86302f !important; color: #fff !important; }
.multi-input > .content.focused, .recipient-input.focus, .custom-file-input:focus ~ .custom-file-label,
.formcontent.raweditor .CodeMirror-focused, div.tox.focused { border-color: #86302f !important; box-shadow: 0 0 0 .2rem rgba(134,48,47,.2) !important; }
.input-group-text input:focus, .custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #86302f !important; }
.table-widget table.options-table tr.selected td { background-color: rgba(134,48,47,.08) !important; }