/*
 * GV Mail: base de ícones própria (traço de 1,7px, cantos arredondados, no estilo Lucide) no lugar dos ícones padrão do Roundcube.
 * Cada ícone é uma máscara SVG: herda a cor do texto, então muda sozinho no item selecionado e no passar do mouse.
 * Para trocar um ícone, edite só a variável --gv-i-... correspondente.
 */
:root {
  --gv-i-caixa: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M22 12h-6l-2 3h-4l-2-3H2'/><path d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/></svg>");
  --gv-i-estrela: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M11.5 2.8a.55.55 0 0 1 1 0l2.3 4.7 5.2.8a.55.55 0 0 1 .3.95l-3.8 3.7.9 5.2a.55.55 0 0 1-.8.6L12 16.3l-4.6 2.4a.55.55 0 0 1-.8-.6l.9-5.2-3.8-3.7a.55.55 0 0 1 .3-.95l5.2-.8z'/></svg>");
  --gv-i-rascunho: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><path d='M14 2v6h6'/><path d='M8 13h8M8 17h5'/></svg>");
  --gv-i-enviado: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M22 2 11 13'/><path d='M22 2 15 22l-4-9-9-4z'/></svg>");
  --gv-i-spam: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86z'/><path d='M12 8v4'/><path d='M12 16h.01'/></svg>");
  --gv-i-lixeira: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M4.5 6.5h15'/><path d='M9.5 6.5v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v2'/><path d='m6.5 6.5.8 12.2a1.5 1.5 0 0 0 1.5 1.4h6.4a1.5 1.5 0 0 0 1.5-1.4l.8-12.2'/></svg>");
  --gv-i-arquivo: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 7.2 5.4 4.6a1 1 0 0 1 .8-.4h11.6a1 1 0 0 1 .8.4l1.9 2.6V19a1.5 1.5 0 0 1-1.5 1.5h-14A1.5 1.5 0 0 1 3.5 19z'/><path d='M3.5 7.5h17'/><path d='M12 10.8v5.4'/><path d='m9.4 13.9 2.6 2.6 2.6-2.6'/></svg>");
  --gv-i-pasta: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2z'/></svg>");
  --gv-i-escrever: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/><path d='M18.4 2.6a2.1 2.1 0 0 1 3 3L12 15l-4 1 1-4z'/></svg>");
}

@media (min-width: 1024px) {
  /* ---------- pastas da barra lateral ---------- */
  body.gvm-nt #layout-sidebar .listing li.mailbox > a:before {
    content: "" !important; display: inline-block; flex: none; width: 18px !important; height: 18px !important; margin-right: 16px !important; font-size: 0 !important;
    background: currentColor !important; opacity: .9;
    -webkit-mask: var(--gv-i-pasta) center / contain no-repeat; mask: var(--gv-i-pasta) center / contain no-repeat;
  }
  body.gvm-nt #layout-sidebar .listing li.inbox > a:before { -webkit-mask-image: var(--gv-i-caixa); mask-image: var(--gv-i-caixa); }
  body.gvm-nt #layout-sidebar .listing li.drafts > a:before { -webkit-mask-image: var(--gv-i-rascunho); mask-image: var(--gv-i-rascunho); }
  body.gvm-nt #layout-sidebar .listing li.sent > a:before { -webkit-mask-image: var(--gv-i-enviado); mask-image: var(--gv-i-enviado); }
  body.gvm-nt #layout-sidebar .listing li.junk > a:before { -webkit-mask-image: var(--gv-i-spam); mask-image: var(--gv-i-spam); }
  body.gvm-nt #layout-sidebar .listing li.trash > a:before { -webkit-mask-image: var(--gv-i-lixeira); mask-image: var(--gv-i-lixeira); }
  body.gvm-nt #layout-sidebar .listing li.archive > a:before { -webkit-mask-image: var(--gv-i-arquivo); mask-image: var(--gv-i-arquivo); }
  /* "Com estrela" usa o mesmo ícone da base; fica preenchida quando selecionada */
  body.gvm-nt #layout-sidebar .listing li.gvm-estrela .gvm-ico svg { display: none; }
  body.gvm-nt #layout-sidebar .listing li.gvm-estrela .gvm-ico { width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--gv-i-estrela) center / contain no-repeat; mask: var(--gv-i-estrela) center / contain no-repeat; }
  body.gvm-nt #layout-sidebar .listing li.gvm-estrela.selected .gvm-ico { background: var(--gv-coral); }

  /* botão "Criar email" */
  body.gvm-nt .gvm-nav #taskmenu a.compose:before { content: "" !important; display: block; width: 20px !important; height: 20px !important; font-size: 0 !important; background: #fff !important; -webkit-mask: var(--gv-i-escrever) center / contain no-repeat; mask: var(--gv-i-escrever) center / contain no-repeat; }
}