/* ============================================================
   gmail.css — overlay estilo Gmail para Roundcube (tema Elastic)
   Fase 1: aplica-se apenas a eduardo@geniato.com.br (via plugin)
   ============================================================ */

/* ---------- Tipografia / base ---------- */
body, .messagelist td, .folderlist a {
  font-family: Roboto, "Segoe UI", system-ui, -apple-system, Arial, sans-serif !important;
}

/* ---------- Sidebar / lista de pastas estilo Gmail ----------
   NÃO mexer em #layout-menu (isso esconde os ícones de navegação
   que são brancos sobre fundo escuro). Estilizar só as pastas. */
.folderlist .mailbox {
  margin: 2px 8px !important;
  border-radius: 8px !important;
}

.folderlist .mailbox a {
  color: #202124 !important;
}

.folderlist .mailbox:hover {
  background-color: #f1f3f4 !important;
}

.folderlist .mailbox.selected,
.folderlist li.selected > a,
.folderlist .mailbox.selected a {
  background-color: #d3e3fd !important;
  color: #001d35 !important;
  font-weight: 600 !important;
}

/* ---------- Lista de mensagens estilo Gmail ---------- */
#messagelist.listing.messagelist {
  background: #ffffff !important;
}

#messagelist tbody tr td {
  border-bottom: 1px solid #f1f3f4 !important;
}

#messagelist tbody tr:hover td,
#messagelist tbody tr:hover {
  background-color: #f1f3f4 !important;
}

#messagelist tbody tr.selected td,
#messagelist tbody tr.selected {
  background-color: #c2e7ff !important;
}

#messagelist tr.unread td.subject span.subject {
  font-weight: 700 !important;
  color: #202124 !important;
}
#messagelist tr.unread td.subject span.subject a {
  color: #202124 !important;
}

#messagelist td.subject span.fromto,
#messagelist td.subject span.date {
  color: #5f6368 !important;
}

/* ---------- Barra de ferramentas ---------- */
.toolbar .toolbar-button:hover,
.toolbar .button:hover {
  background-color: #e8f0fe !important;
  color: #001d35 !important;
  border-radius: 16px !important;
}

/* ---------- Acento Google (botões) ---------- */
.btn-primary,
a.button.primary,
.button.primary {
  background-color: #1a73e8 !important;
  border-color: #1a73e8 !important;
  color: #ffffff !important;
}

/* ============================================================
   MODO NOTURNO — variantes escuras (o Elastic usa html.dark-mode)
   ============================================================ */

/* Lista de mensagens */
html.dark-mode #messagelist.listing.messagelist {
  background: #1e1e1e !important;
}

html.dark-mode #messagelist tbody tr td {
  border-bottom: 1px solid #2d2d2d !important;
}

html.dark-mode #messagelist tbody tr:hover td,
html.dark-mode #messagelist tbody tr:hover {
  background-color: #2a2a2a !important;
}

html.dark-mode #messagelist tbody tr.selected td,
html.dark-mode #messagelist tbody tr.selected {
  background-color: #2b4c6e !important;
}

html.dark-mode #messagelist tr.unread td.subject span.subject {
  color: #e8eaed !important;
}
html.dark-mode #messagelist tr.unread td.subject span.subject a {
  color: #e8eaed !important;
}

html.dark-mode #messagelist td.subject span.fromto,
html.dark-mode #messagelist td.subject span.date {
  color: #9aa0a6 !important;
}

/* Sidebar / pastas */
html.dark-mode .folderlist .mailbox a {
  color: #e8eaed !important;
}

html.dark-mode .folderlist .mailbox:hover {
  background-color: #333333 !important;
}

html.dark-mode .folderlist .mailbox.selected,
html.dark-mode .folderlist li.selected > a,
html.dark-mode .folderlist .mailbox.selected a {
  background-color: #2b4c6e !important;
  color: #ffffff !important;
}

/* Barra de ferramentas */
html.dark-mode .toolbar .toolbar-button:hover,
html.dark-mode .toolbar .button:hover {
  background-color: #333333 !important;
  color: #e8eaed !important;
}