@import url("../../elastic/styles/styles.min.css");

/* ===================== Nathan Tea — identidade ===================== */
/* navy #153D6A | navy-deep #0B213C | petroleo #00687A | azure #6EB0B7 | dourado #D9B64A | creme #F7F4F1 | paper #FBFAF8 */

/* Fundo geral no tom creme da marca */
html, body, #layout,
body.task-login, .task-login #layout {
  background-color: #F7F4F1 !important;
  background-image: none !important;
}

/* Cartao de login */
.task-login .box-inner, #login-form .box-inner, .task-login #login-form {
  background: #FFFFFF !important;
  border: 1px solid rgba(21,61,106,.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 44px rgba(21,61,106,.14) !important;
}
.task-login #logo, .task-login .logo img { max-height: 76px !important; }
.task-login #login-form .formbuttons { background: transparent !important; }

/* Botoes primarios = navy, hover petroleo */
.btn.btn-primary, button.btn-primary, .formbuttons .btn-primary,
.ui.button.primary, button.primary, input.btn-primary {
  background-color: #153D6A !important;
  border-color: #153D6A !important;
  color: #fff !important;
}
.btn.btn-primary:hover, button.btn-primary:hover, .formbuttons .btn-primary:hover {
  background-color: #00687A !important; border-color: #00687A !important;
}

/* Links / acentos = petroleo */
a, a:visited, .listing .subject a { color: #00687A; }
a:hover { color: #153D6A; }

/* Barra de tarefas lateral (logado) com fundo navy da marca */
#layout-menu, #taskmenu, .menu.toolbar.tasklist { background-color: #153D6A !important; }
#taskmenu a, #taskmenu a span.inner { color: #DCE6F0 !important; }
#taskmenu a.selected, #taskmenu a:hover { color: #fff !important; }
#taskmenu a.selected { box-shadow: inset 3px 0 0 #D9B64A !important; }

/* Item selecionado nas listas = azure */
.listing li.selected > a, .listing tr.selected > td,
.listing li.selected, .listing tr.selected,
#messagelist tr.selected td { background-color: #6EB0B7 !important; color:#0B213C !important; }

/* Foco de inputs */
input:focus, textarea:focus, select:focus { border-color:#00687A !important; }

/* Cabecalho da app (titulo de pagina) acento navy */
#layout-content > .header, .header .header-title { color:#153D6A !important; }