/* Estilos extras alem do Tailwind */

/* Scrollbar fina no JSON de resultado */
.job-json::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.job-json::-webkit-scrollbar-track {
  background: #1e293b;
}
.job-json::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}
.job-json::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/* Animacao do dropzone quando esta com arquivo */
#dropzone.has-file {
  border-color: #00B1B8;
  background-color: #ecfeff;
}

/* Foco accessibility */
*:focus-visible {
  outline: 2px solid #00B1B8;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Suavização de bordas e tipografia */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ============== Visibilidade por papel ==============
   Elementos marcados com [data-admin-only] recebem .role-hidden
   quando o usuario logado nao for admin. !important pra sobrepor
   utilitarios do Tailwind como .flex / .inline-flex. */
.role-hidden {
  display: none !important;
}