/* Sugestões da pesquisa, no estilo do Gmail: cartão suspenso que nasce da barra de pesquisa. */
.gvm-sug { position: fixed; z-index: 85; background: #fff; border-radius: 0 0 20px 20px; box-shadow: 0 18px 40px -14px rgba(60, 20, 20, .35), 0 1px 3px rgba(60, 20, 20, .12); padding-top: 42px; overflow: hidden; }
.gvm-sug[hidden] { display: none; }
body.gvm-nt .gvm-navtop .searchbar.gvm-aberta { border-radius: 21px 21px 0 0 !important; background: #fff !important; box-shadow: 0 1px 3px rgba(60, 20, 20, .12); z-index: 121; position: relative; }
.gvm-sug-chips { display: flex; gap: 8px; padding: 12px 18px; border-top: 1px solid var(--gv-linha); border-bottom: 1px solid var(--gv-linha); }
.gvm-sug-chips button { height: 30px; padding: 0 14px; border: 1px solid #e0cfd0; border-radius: 8px; background: #fff; color: var(--gv-tinta); font: inherit; font-size: 13px; cursor: pointer; transition: background .12s, border-color .12s; }
.gvm-sug-chips button:hover { background: #fbf3f3; }
.gvm-sug-chips button.on { background: var(--gv-coral-bg); border-color: var(--gv-coral); color: var(--gv-coral-esc); }
.gvm-sug-item { display: flex; align-items: center; gap: 16px; padding: 10px 20px; color: var(--gv-tinta) !important; text-decoration: none; }
.gvm-sug-item:hover { background: #fbf3f3; }
.gvm-sug-item .ico, .gvm-sug-todos .ico { flex: none; width: 20px; color: #8a6567; display: grid; place-items: center; }
.gvm-sug-item .meio { flex: 1; min-width: 0; display: grid; gap: 2px; }
.gvm-sug-item .ass { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gvm-sug-item.nova .ass { font-weight: 600; }
.gvm-sug-item .de { font-size: 12.5px; color: #8a6567; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gvm-sug-item b { font-weight: 700; color: var(--gv-tinta); }
.gvm-sug-item .clipe { flex: none; color: #8a6567; display: grid; place-items: center; }
.gvm-sug-item .dt { flex: none; width: 52px; text-align: right; font-size: 12.5px; color: #8a6567; }
.gvm-sug-vazio { padding: 18px 20px; font-size: 13.5px; color: #8a6567; }
.gvm-sug-todos { display: flex; align-items: center; gap: 16px; padding: 12px 20px; border-top: 1px solid var(--gv-linha); font-size: 14px; color: var(--gv-tinta) !important; text-decoration: none; }
.gvm-sug-todos:hover { background: #fbf3f3; }
.gvm-sug-todos .enter { margin-left: auto; font-size: 12px; color: #8a6567; }

/* logo: sem sublinhado azul no hover */
.gvm-nt-marca, .gvm-nt-marca:hover, .gvm-nt-marca:focus, .gvm-nt-marca:active { text-decoration: none !important; color: var(--gv-tinta) !important; outline: none; }
.gvm-nt-marca span, .gvm-nt-marca:hover span { text-decoration: none !important; border: 0 !important; }

/* barra de pesquisa limpa: sem o filtro de não lidas (envelope) e sem as opções (seta) */
@media (min-width: 1024px) {
  .gvm-navtop .searchbar a.unread, .gvm-navtop .searchbar a.options { display: none !important; }
}
