/* O Tailwind (CDN) cobre quase tudo; aqui ficam só os ajustes que faltam. */

/* Scrollbar discreta nas listas longas de posts e curtidores. */
#post-list,
#modal-body {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

#post-list::-webkit-scrollbar,
#modal-body::-webkit-scrollbar {
  width: 8px;
}

#post-list::-webkit-scrollbar-thumb,
#modal-body::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 9999px;
}

/* .hidden e .flex/.grid do Tailwind têm a mesma especificidade, então quem
   ganha depende da ordem em que o CDN gerou as regras. Isto garante que uma
   tela marcada como escondida fique escondida. */
.hidden {
  display: none !important;
}

/* Trava o scroll do fundo quando o modal está aberto. */
body:has(#modal:not(.hidden)) {
  overflow: hidden;
}