/* Hope Mail · identidade Hope House aplicada à Elastic nativa.
   Base de seletores validada no Life Mail V5; cores oficiais Hope House.
   Não altera a estrutura funcional do Roundcube.
*/
/*
 * Instituto Hope House — assinatura visual oficial sobre o Hope Mail
 * Marrom editorial + dourado suave, preservando a legibilidade Gmail-like.
 * Não altera layout funcional, atalhos, campos ou ícones do Roundcube.
 */
:root {
  --life-bronze: #276e77;
  --life-bronze-dark: #18515a;
  --life-gold: #f4c86a;
  --life-cream: #ecf7f7;
  --life-cream-soft: #fbfdfc;
  --life-ink: #3f3f41;
  --life-muted: #697577;
  --lm-blue: #276e77;
  --lm-blue-bright: #357e87;
  --lm-blue-pale: #dcf3f3;
  --lm-ink: #3f3f41;
  --lm-muted: #697577;
  --lm-line: #dce8e7;
  --lm-canvas: #f8faf8;
}
html:not(.dark-mode) body,
html:not(.dark-mode) #layout {
  color: #3f3f41;
  background-color: #f8faf8;
}
html:not(.dark-mode) #layout-menu,
html:not(.dark-mode) #layout-menu .popover-header {
  background: #edf8f7 !important;
  border-color: #dbe9e8;
}
html:not(.dark-mode) #layout-menu #taskmenu a {
  color: #496b6e !important;
}
html:not(.dark-mode) #layout-menu #taskmenu a.selected,
html:not(.dark-mode) #layout-menu #taskmenu a:not(.disabled):hover {
  background: #d9eff1 !important;
  color: #1e6570 !important;
}
html:not(.dark-mode) #layout-menu #taskmenu a.compose,
html:not(.dark-mode) #layout-menu #taskmenu a.compose:hover {
  background: #f4c86a !important;
  color: #3f3f41 !important;
}
html:not(.dark-mode) #layout-sidebar,
html:not(.dark-mode) #layout-sidebar > .header,
html:not(.dark-mode) #folderlist-content {
  background: #f6fbfa;
  border-color: #e0eae8;
}
html:not(.dark-mode) #layout-sidebar .header-title.username,
html:not(.dark-mode) #layout-list .header-title {
  color: #3f3f41;
}
html:not(.dark-mode) #mailboxlist li.selected > a,
html:not(.dark-mode) #mailboxlist li.selected > div,
html:not(.dark-mode) #mailboxlist a.selected,
html:not(.dark-mode) #mailboxlist .selected > a {
  background: #d9eff1 !important;
  color: #276e77 !important;
}
html:not(.dark-mode) #mailboxlist a:hover {
  background: #f0f8f7 !important;
}
html:not(.dark-mode) #mailsearchform,
html:not(.dark-mode) .searchbar,
html:not(.dark-mode) #mailsearchform input,
html:not(.dark-mode) #mailsearchform .search {
  background: #f4f9f8;
}
html:not(.dark-mode) #messagelist tr.selected,
html:not(.dark-mode) .listing > tbody > tr.selected {
  background: #e1f3f3 !important;
}
html:not(.dark-mode) #messagelist tr:hover,
html:not(.dark-mode) .listing > tbody > tr:hover {
  background: #eff9f7 !important;
}
html:not(.dark-mode) #layout > div > .header,
html:not(.dark-mode) #layout > div > .footer {
  border-color: #dce8e7;
}
html:not(.dark-mode) #layout > div > .header .toolbar a:hover,
html:not(.dark-mode) .menu.toolbar a:not(.disabled):hover {
  background: #edf8f7;
}
html:not(.dark-mode) .btn-primary,
html:not(.dark-mode) button.btn-primary,
html:not(.dark-mode) #rcmloginsubmit {
  background: #276e77 !important;
  border-color: #276e77 !important;
  color: #fff !important;
}
html:not(.dark-mode) .btn-primary:hover,
html:not(.dark-mode) #rcmloginsubmit:hover {
  background: #1c5963 !important;
  border-color: #1c5963 !important;
}
html:not(.dark-mode) input.form-control:focus,
html:not(.dark-mode) textarea.form-control:focus {
  border-color: #71b6bf !important;
  box-shadow: 0 0 0 3px rgba(166, 91, 12, .12);
}
html:not(.dark-mode) body.task-login,
html:not(.dark-mode) body.task-login #layout {
  background: radial-gradient(circle at 12% 12%, #e6f7f7 0, transparent 38%),
              radial-gradient(circle at 87% 80%, #f7e9ee 0, transparent 40%),
              #fbfdfc !important;
}
body.task-login #logo {
  max-width: 300px;
  width: min(280px, 80vw);
  max-height: 88px;
  height: auto;
  object-fit: contain;
}
html:not(.dark-mode) body.task-login #login-form {
  border-color: #daeae8;
  box-shadow: 0 20px 56px rgba(100, 65, 26, .12);
}
html:not(.dark-mode) body.task-login #login-footer {
  color: #606e72;
}
#layout-menu .popover-header img#logo {
  width: 45px;
  height: 45px;
  max-width: 45px;
  max-height: 45px;
  object-fit: contain;
}
/* A marca d'água do livro fica no iframe vazio (blankpage_url),
   sem sobrepor e-mails, editor, contatos ou configurações. */
html.dark-mode #layout-menu #taskmenu a.compose {
  background: #5c6461 !important;
  color: #ffffff !important;
}
@media (max-width: 768px) {
  body.task-login #logo { width: min(255px, 75vw); }
}

:root{--hope-turquoise:#83D0DB;--hope-yellow:#F4C86A;--hope-pink:#CD779B;--hope-lime:#C9E265;--hope-ink:#3F3F41}
html:not(.dark-mode) body.task-login #login-form{border-top:6px solid var(--hope-turquoise);border-radius:18px}
html:not(.dark-mode) #layout-menu #taskmenu a.compose{background:var(--hope-yellow)!important;color:var(--hope-ink)!important}
html:not(.dark-mode) .btn-primary,html:not(.dark-mode) #rcmloginsubmit{border-radius:9px!important}
body.task-login #logo{object-fit:contain;width:min(260px,75vw);max-height:115px}
@media(prefers-reduced-motion:reduce){.btn-primary,#rcmloginsubmit{transition:none!important}}