/* ==================================================
   TABELAS – CONTROLE DE QUEBRA DE LINHA
   ================================================== */

/* Evita quebra de linha em colunas críticas */
.table th.nowrap,
.table td.nowrap {
  white-space: nowrap;
}

/* Coluna de ações (botões) */
.table td.actions {
  white-space: nowrap;
  display: flex;
  gap: 6px;
  align-items: center;
}

/* Botões nunca quebram */
.table td.actions .btn {
  white-space: nowrap;
}

/* Nome pode quebrar normalmente */
.table td.name {
  white-space: normal;
}

/* Scroll horizontal se faltar espaço */
.table-responsive {
  overflow-x: auto;
}

@media (max-width: 576px) {
  th.hide-mobile,
  td.hide-mobile {
    display: none !important;
  }
}

@media (max-width: 576px) {
  /* No mobile, permitir quebrar os botões em 2 linhas */
  .table td.actions {
    flex-wrap: wrap;
    white-space: normal;
  }

  /* Botões menores no mobile */
  .table td.actions .btn {
    padding: .25rem .4rem;
    font-size: .78rem;
  }
}