/* NorthEast Capitals Mail — tinta, marfim e ouro (cores do site northeastcapitals.com), sobre o tema Elastic. */
:root { --ne-tinta:#0D1015; --ne-marfim:#F5F0E6; --ne-ouro:#B08C4E; --ne-ouro-claro:#ECE4D4; }

/* login */
body.task-login { background: var(--ne-marfim); }
body.task-login #layout-content { background: transparent; }
body.task-login #logo { max-width: 260px; max-height: 170px; mix-blend-mode: multiply; margin-bottom: .5rem; }
body.task-login #login-form { background:#FBF8F2; border:1px solid #ECE4D4; border-top:3px solid var(--ne-ouro);
  border-radius:4px; padding:2rem 2.2rem 1.4rem; box-shadow:0 10px 30px rgba(13,16,21,.08); max-width:400px; }
.ne-titulo { font-family: Georgia, "Times New Roman", serif; letter-spacing:.18em; text-transform:uppercase;
  font-size:.8rem; color:var(--ne-ouro); text-align:center; margin:0 0 1.2rem; }
.ne-nota { font-size:.78rem; color:#5C6370; text-align:center; margin:1.2rem 0 0; line-height:1.4; }
body.task-login #login-footer { color:#5C6370; }
body.task-login #login-footer a { color:var(--ne-tinta); }

/* botoes e realce */
.btn-primary, .button.mainaction, a.button.mainaction, input.button.mainaction, button.mainaction {
  background-color: var(--ne-tinta) !important; border-color: var(--ne-tinta) !important; color: var(--ne-marfim) !important; }
.btn-primary:hover, .button.mainaction:hover { background-color:#1D2430 !important; }
a, a:visited, .listing li a.active { color:#8A6A33; }
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: var(--ne-ouro) !important; box-shadow:0 0 0 .2rem rgba(176,140,78,.2) !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: var(--ne-ouro-claro) !important; }
table.messagelist tr.unread td.subject span.subject a { color: var(--ne-tinta); }

/* barra lateral escura com o logo em negativo */
#layout-menu { background-color: var(--ne-tinta) !important; }
#layout-menu #logo { filter: invert(1); mix-blend-mode: screen; }
#layout-menu a, #layout-menu .special-buttons a { color:#d9d2c3 !important; }
#layout-menu a.selected, #layout-menu a:hover { color:#fff !important; background-color:#1D2430 !important; }
#layout-menu a.selected:before { color: var(--ne-ouro) !important; }

/* modo escuro do Elastic */
html.dark-mode body.task-login { background: var(--ne-tinta); }
html.dark-mode body.task-login #login-form { background:#141922; border-color:#1D2430; border-top-color:var(--ne-ouro); }
html.dark-mode body.task-login #logo { filter: invert(1); mix-blend-mode: screen; }
html.dark-mode .btn-primary, html.dark-mode .button.mainaction { background-color: var(--ne-ouro) !important; border-color: var(--ne-ouro) !important; color:#0D1015 !important; }
