/* Tema claro Ludotopia sobre o skin Elastic.
   Cores da marca: navy #14213A, âmbar #F2A93B, teal #14A38B, creme #FBF6EE */

/* ---------- menu lateral (era cinza-escuro) ---------- */
html:not(.dark-mode) #layout-menu,
html:not(.dark-mode) #layout-menu .popover-header,
html:not(.dark-mode) #taskmenu .special-buttons {
  background-color: #fbf6ee !important;
}
html:not(.dark-mode) #layout-menu {
  border-right: 1px solid #ece4d6;
}
html:not(.dark-mode) #taskmenu a {
  color: #14213a;
}
html:not(.dark-mode) #taskmenu a:hover,
html:not(.dark-mode) #taskmenu a:focus {
  color: #14213a;
  background: #f3eadb;
}
html:not(.dark-mode) #taskmenu a.selected,
html:not(.dark-mode) #taskmenu a.selected:hover {
  color: #14213a;
  background: #f2a93b33;
  box-shadow: inset 3px 0 0 #f2a93b;
}
html:not(.dark-mode) #taskmenu .action-buttons a {
  color: #14a38b;
}
html:not(.dark-mode) #taskmenu .action-buttons a:hover {
  color: #0f8a75;
  background: #f3eadb;
}

/* ---------- logo ---------- */
#layout-menu #logo {
  max-width: 88%;
  max-height: 3.2rem;
  margin: .9rem auto .6rem;
  object-fit: contain;
}
#login-form #logo {
  max-width: 260px;
  max-height: 90px;
  object-fit: contain;
}
html.dark-mode #logo {
  filter: invert(1); /* logo preto fica branco no modo escuro */
}

/* ---------- cor de destaque (era azul) ---------- */
html:not(.dark-mode) .btn-primary,
html:not(.dark-mode) .btn-primary:hover,
html:not(.dark-mode) .btn-primary:focus {
  background-color: #14213a;
  border-color: #14213a;
  color: #fff;
}
html:not(.dark-mode) .btn-primary:hover {
  background-color: #22345a;
}
html:not(.dark-mode) .listing li.selected,
html:not(.dark-mode) table.records-table tr.selected td {
  background-color: #fff3df;
  color: #14213a;
}
html:not(.dark-mode) .listing li.selected > a,
html:not(.dark-mode) .listing li.selected > a:hover {
  color: #14213a;
}
html:not(.dark-mode) table.messagelist tr.unread .subject a,
html:not(.dark-mode) .listing li.unread .unreadcount {
  color: #14213a;
}
html:not(.dark-mode) .listing li .unreadcount,
html:not(.dark-mode) table.messagelist .msgicon.status.unread,
html:not(.dark-mode) .quota-widget .bar .value {
  background-color: #14a38b;
}
html:not(.dark-mode) a,
html:not(.dark-mode) .header-links a {
  color: #0f8a75;
}
html:not(.dark-mode) .form-control:focus,
html:not(.dark-mode) input:focus,
html:not(.dark-mode) textarea:focus {
  border-color: #f2a93b;
  box-shadow: 0 0 0 .2rem #f2a93b40;
}

/* ---------- tela de login ---------- */
body.task-login:not(.dark-mode) {
  background: #fbf6ee;
}