/* Novidades das versões no Suporte (assets/novidades-painel.js): bolinha azul no botão e o bloco "O que há de novo". */
#abrir-suporte { position: relative; }
.novidades-bolinha { position: absolute; top: -7px; right: -7px; display: inline-grid; place-items: center; min-width: 20px; height: 20px; box-sizing: border-box; padding: 0 6px;
  border-radius: 999px; background: #1f6feb; color: #fff; font: 700 11px/1 Poppins, Arial, sans-serif; box-shadow: 0 0 0 2px #fff; pointer-events: none; animation: novidades-entrar .16s ease-out; }
.novidades-bolinha[hidden], .novidades-suporte[hidden] { display: none; }
@keyframes novidades-entrar { from { opacity: 0; transform: scale(.6); } }
.novidades-suporte { margin: 14px 0 4px; padding: 0; border: 1px solid #e4ddf2; border-radius: 16px; background: #faf9fc; }
.novidades-suporte summary { display: flex; align-items: center; gap: 10px; padding: 12px 16px; cursor: pointer; list-style: none; color: #5b5672; font-size: 13px; }
.novidades-suporte summary::-webkit-details-marker { display: none; }
.novidades-suporte summary::after { content: ""; width: 8px; height: 8px; margin-left: auto; border-right: 2px solid #6b56d6; border-bottom: 2px solid #6b56d6; transform: rotate(45deg); transition: transform .16s; }
.novidades-suporte[open] summary::after { transform: rotate(-135deg); }
.novidades-suporte summary strong { color: #2b2541; font-size: 15px; }
.novidades-suporte summary em { padding: 1px 8px; border-radius: 999px; background: #1f6feb; color: #fff; font-style: normal; font-weight: 600; font-size: 11px; }
.novidades-lista { display: grid; gap: 10px; max-height: min(260px, 34vh); overflow: auto; padding: 0 16px 14px; }
.novidades-versao header { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; color: #5b5672; font-size: 12px; }
.novidades-versao header strong { color: #3d2a7a; font-size: 13px; }
.novidades-versao header em { padding: 1px 8px; border-radius: 999px; background: #1f6feb; color: #fff; font-style: normal; font-weight: 600; font-size: 11px; }
.novidades-versao ul { display: grid; gap: 4px; margin: 0; padding-left: 18px; color: #3f3a52; font-size: 13px; line-height: 1.45; }
.novidades-versao.nova { padding: 8px 10px; border-radius: 12px; background: #eef4ff; }
@media (prefers-reduced-motion: reduce) { .novidades-bolinha { animation: none; } }