/* =========================
   VIVA+ - CUSTOMIZAÇÃO
   ========================= */

/* LOGIN: mantém a logo horizontal bem apresentada */
body.task-login img#logo,
body.task-login #logo {
  max-width: 360px !important;
  max-height: 120px !important;
  width: auto !important;
  height: auto !important;
}

/* LOGIN: botão principal com azul da marca */
body.task-login .btn-primary,
body.task-login button.button.mainaction,
body.task-login input.button.mainaction {
  background: #1f4f99 !important;
  border-color: #1f4f99 !important;
  color: #ffffff !important;
}

body.task-login .btn-primary:hover,
body.task-login button.button.mainaction:hover,
body.task-login input.button.mainaction:hover {
  background: #183f7a !important;
  border-color: #183f7a !important;
}

/* LOGIN: foco dos campos */
body.task-login input:focus {
  border-color: #1f4f99 !important;
  box-shadow: 0 0 0 1px rgba(31, 79, 153, 0.15) !important;
}

/* INTERNO: reduz o ícone do topo esquerdo */
body:not(.task-login) #layout-menu #logo,
body:not(.task-login) #layout-menu img#logo,
body:not(.task-login) #layout-menu .header img,
body:not(.task-login) #layout-menu .header a#logo img {
  width: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  height: auto !important;

  /* deixa o ícone branco no fundo escuro */
  filter: brightness(0) invert(1) !important;
  opacity: 0.98 !important;
}

/* dá um respiro melhor na área do ícone */
body:not(.task-login) #layout-menu .header,
body:not(.task-login) #layout-menu .menu-header,
body:not(.task-login) #layout-menu .listing-head {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* itens ativos / destaques em azul Viva */
#taskmenu a.selected,
#taskmenu a.button-selected,
#taskmenu a.button.selected,
#mailboxlist li.selected > a,
#directorylist li.selected > a,
.listing tbody tr.selected td,
.listing li.selected > a {
  color: #1f4f99 !important;
}

/* fundo suave do item selecionado */
#mailboxlist li.selected > a,
#directorylist li.selected > a,
.listing li.selected > a {
  background-color: rgba(31, 79, 153, 0.10) !important;
}

/* links e detalhes de ação */
a,
a:focus,
a:hover {
  color: #1f4f99;
}

/* ==================================
   VIVA+ — MENU LATERAL ESCURO
   ================================== */

/* Itens normais */
#taskmenu a,
#taskmenu a:visited {
  color: #f7fafb !important;
}

/* Ícones acompanham a cor do texto */
#taskmenu a::before,
#taskmenu a span {
  color: inherit !important;
}

/* Criar e-mail em verde Viva+ */
#taskmenu a.compose,
#taskmenu a[href*="_action=compose"] {
  color: #7bc427 !important;
}

/* Passar o mouse */
#taskmenu a:hover,
#taskmenu a:focus {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Item ativo */
#taskmenu a.selected,
#taskmenu a.button-selected,
#taskmenu a.button.selected,
#taskmenu .selected > a {
  color: #ffffff !important;
  background-color: rgba(123, 196, 39, 0.16) !important;
  box-shadow: inset 3px 0 0 #7bc427 !important;
}

/* Mantém o botão sair em vermelho */
#taskmenu a.logout,
#taskmenu a[href*="_action=logout"] {
  color: #ff5b57 !important;
}