@font-face { font-family: "Geist"; src: url("geist-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
body, .popover, input, select, textarea, button, .btn { font-family: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif !important; }
html:not(.dark-mode) body, html:not(.dark-mode) #layout-sidebar, html:not(.dark-mode) #layout-list { background-color: #f3f2ee; }
html:not(.dark-mode) #layout-menu { background-color: #111110; }
html:not(.dark-mode) #layout-menu a, html:not(.dark-mode) #layout-menu .special-buttons a { color: #d8d5ce; }
#layout-menu a.selected, #layout-menu a:hover { color: #fff !important; background-color: #2a2927 !important; }
#layout-menu a.selected:before { color: #ff6a2b; }
.btn-primary, .btn.btn-primary, .ui-button.mainaction, button.mainaction, input.mainaction, a.button.mainaction { background-color: #cf3f00 !important; border-color: #cf3f00 !important; color: #fff !important; }
.btn-primary:hover, .btn.btn-primary:hover, button.mainaction:hover { background-color: #a33200 !important; border-color: #a33200 !important; }
a, .listing li a:hover, .popover a.active, .formlinks a { color: #a33200; }
html.dark-mode a { color: #ff8650; }
.listing li.selected, table.records-table tr.selected td, .listing li.selected > a { background-color: #ffe3d6 !important; color: #111110 !important; }
html.dark-mode .listing li.selected, html.dark-mode table.records-table tr.selected td { background-color: #3a1a0c !important; color: #f2f1ed !important; }
table.messagelist tr.unread td.subject span.subject a, table.messagelist tr.unread .fromto { color: #111110; font-weight: 700; }
html.dark-mode table.messagelist tr.unread td.subject span.subject a { color: #f2f1ed; }
.form-control:focus, input:focus, textarea:focus, select:focus { border-color: #ec4800 !important; box-shadow: 0 0 0 .2rem rgba(236,72,0,.2) !important; }
.badge-primary, .unreadcount, .listing li .unreadcount, #layout-menu .unread { background-color: #ec4800 !important; color: #fff !important; }
input[type=checkbox]:checked, .custom-switch .custom-control-input:checked ~ .custom-control-label::before { background-color: #ec4800 !important; border-color: #ec4800 !important; }
/* login */
#layout-content.selected.no-navbar, body.task-login { background: #f3f2ee; }
body.task-login #login-form { background: #fff; border: 1px solid #e0ded8; border-radius: 14px; padding: 2rem 1.5rem; }
body.task-login #logo { max-height: 48px; }
body.task-login #login-footer, body.task-login #login-footer a { color: #57554f; }