/* Workflow RH STTE v2.0.87 — refinamento visual isolado da subaba Usuários.
   Escopo visual apenas. Nenhuma regra, permissão, endpoint ou persistência é alterada. */

body #blocoUsuariosPerfisTopo.usuarios-ui-v2{
  margin:14px 16px 12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body #blocoUsuariosPerfisTopo.usuarios-ui-v2>.usuarios-perfis-header{
  display:block!important;
  margin:0!important;
  padding:17px 20px 16px!important;
  background:#fff!important;
  border:1px solid #d9e4ee!important;
  border-left:4px solid #1976d2!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(15,42,67,.05)!important;
}
body #blocoUsuariosPerfisTopo.usuarios-ui-v2>.usuarios-perfis-header h2{
  margin:0 0 4px!important;
  color:#0b3154!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
body #blocoUsuariosPerfisTopo.usuarios-ui-v2>.usuarios-perfis-header p{
  margin:0!important;
  color:#61758a!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body #blocoUsuariosPerfisTopo.usuarios-ui-v2>.usuarios-submenu{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body #blocoUsuariosPerfisTopo.usuarios-ui-v2 .usuarios-subtab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:auto!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  margin:0!important;
  border:1px solid #d9e4ee!important;
  border-radius:8px!important;
  background:#eef3f8!important;
  color:#29455f!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}
body #blocoUsuariosPerfisTopo.usuarios-ui-v2 .usuarios-subtab svg{
  width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body #blocoUsuariosPerfisTopo.usuarios-ui-v2 .usuarios-subtab.active{
  background:#1677d2!important;
  border-color:#1677d2!important;
  color:#fff!important;
}

body #blocoUsuariosSistema.usuarios-ui-v2{
  margin:0 16px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #d9e4ee!important;
  border-bottom:0!important;
  border-radius:14px 14px 0 0!important;
  box-shadow:0 4px 14px rgba(15,42,67,.045)!important;
  overflow:hidden!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2>.usuarios-ui-card-header{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
  min-height:76px!important;
  margin:0!important;
  padding:15px 16px!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #e4ebf2!important;
  border-left:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-heading{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  align-items:center!important;
  gap:12px!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-heading-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 40px!important;
  width:40px!important;height:40px!important;
  margin:0!important;
  border-radius:10px!important;
  border:1px solid #dbe8f5!important;
  background:#eef6ff!important;
  color:#126bc2!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-heading-icon svg{
  width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-heading h2{
  margin:0 0 3px!important;
  color:#102f4d!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-heading p{
  margin:0!important;
  color:#63788c!important;
  font-size:11px!important;
  line-height:1.4!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-perfis-actions{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-new{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #116bc5!important;
  border-radius:8px!important;
  background:#116bc5!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:800!important;
}

body #blocoUsuariosSistema.usuarios-ui-v2>.usuarios-ui-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:12px 16px 6px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-search-field{
  position:relative!important;
  min-width:0!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-search-icon{
  position:absolute!important;
  left:12px!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:16px!important;height:16px!important;
  fill:none!important;stroke:#60768b!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  pointer-events:none!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-search input{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 12px 0 36px!important;
  border:1px solid #cfdae6!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#263f58!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  text-transform:none!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-search input::placeholder{color:#74879a!important;opacity:1!important;text-transform:none!important;}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-clear{
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #d6e1eb!important;
  border-radius:8px!important;
  background:#f5f8fb!important;
  color:#405a73!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:750!important;
}
body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-filtro-info{
  display:block!important;
  grid-column:1/-1!important;
  margin:0!important;
  padding:0 0 4px 1px!important;
  color:#718397!important;
  font-size:9.5px!important;
  line-height:1.3!important;
}

body #tabelaUsuarios.usuarios-ui-v2{
  margin:0 16px 18px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #d9e4ee!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:0 4px 14px rgba(15,42,67,.045)!important;
  overflow:auto!important;
}
body #tabelaUsuarios.usuarios-ui-v2 table{
  width:100%!important;
  margin:0!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  background:#fff!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body #tabelaUsuarios.usuarios-ui-v2 thead th{
  height:35px!important;
  padding:0 10px!important;
  background:#f4f7fa!important;
  color:#52697f!important;
  border:0!important;
  border-bottom:1px solid #dfe7ef!important;
  font-size:9.8px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
body #tabelaUsuarios.usuarios-ui-v2 thead th:first-child,
body #tabelaUsuarios.usuarios-ui-v2 tbody td:first-child{padding-left:16px!important;}
body #tabelaUsuarios.usuarios-ui-v2 .usuarios-ui-actions-head{width:104px!important;min-width:104px!important;}
body #tabelaUsuarios.usuarios-ui-v2 tbody tr{
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body #tabelaUsuarios.usuarios-ui-v2 tbody tr:hover{background:#f9fbfd!important;}
body #tabelaUsuarios.usuarios-ui-v2 tbody td{
  height:38px!important;
  padding:5px 10px!important;
  background:transparent!important;
  color:#1f3a54!important;
  border:0!important;
  border-bottom:1px solid #e5ebf1!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
body #tabelaUsuarios.usuarios-ui-v2 tbody tr:last-child td{border-bottom:0!important;}
body #tabelaUsuarios.usuarios-ui-v2 tbody td:first-child b{color:#102d49!important;font-size:10.7px!important;font-weight:850!important;}
body #tabelaUsuarios.usuarios-ui-v2 tbody td:first-child br{display:none!important;}
body #tabelaUsuarios.usuarios-ui-v2 .badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:18px!important;
  margin:0 0 0 6px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:800!important;
}
body #tabelaUsuarios.usuarios-ui-v2 .badge.b-info{background:#e6f0ff!important;border:1px solid #d1e3fb!important;color:#075faf!important;}
body #tabelaUsuarios.usuarios-ui-v2 .badge.b-warn{background:#fff1c9!important;border:1px solid #f1dda2!important;color:#946309!important;margin:0!important;}
body #tabelaUsuarios.usuarios-ui-v2 .acao{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:92px!important;
}
body #tabelaUsuarios.usuarios-ui-v2 .acao button,
body #tabelaUsuarios.usuarios-ui-v2 .acao .action-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;
  margin:0!important;padding:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
}
body #tabelaUsuarios.usuarios-ui-v2 .acao .btn-action-dark{background:#e9f3ff!important;border:1px solid #d2e5f8!important;color:#0b65bd!important;}
body #tabelaUsuarios.usuarios-ui-v2 .acao .btn-action-warn{background:#fff2cc!important;border:1px solid #efd98d!important;color:#a66a00!important;}
body #tabelaUsuarios.usuarios-ui-v2 .acao .btn-action-danger{background:#feecec!important;border:1px solid #f4cccc!important;color:#c82d35!important;}

@media(max-width:900px){
  body #blocoUsuariosPerfisTopo.usuarios-ui-v2,body #blocoUsuariosSistema.usuarios-ui-v2,body #tabelaUsuarios.usuarios-ui-v2{margin-left:8px!important;margin-right:8px!important;}
  body #blocoUsuariosSistema.usuarios-ui-v2>.usuarios-ui-card-header{align-items:flex-start!important;flex-direction:column!important;}
  body #blocoUsuariosSistema.usuarios-ui-v2>.usuarios-ui-search{grid-template-columns:1fr!important;}
  body #blocoUsuariosSistema.usuarios-ui-v2 .usuarios-ui-clear{justify-self:start!important;}
}


/* V4 — acabamento final Usuários e Perfis com navegação global preservada.
   O deslocamento da sidebar é feito apenas pelo shell global consolidado. */
@supports selector(body:has(#tabUsuarios.active)) {
  body:has(#tabUsuarios.active) #blocoUsuariosPerfisTopo.usuarios-ui-v2,
  body:has(#tabUsuarios.active) #blocoUsuariosSistema.usuarios-ui-v2,
  body:has(#tabUsuarios.active) #blocoPerfisPermissoes.usuarios-ui-v2,
  body:has(#tabUsuarios.active) #tabelaUsuarios.usuarios-ui-v2,
  body:has(#tabUsuarios.active) #tabelaPerfis.usuarios-ui-v2{
    margin-left:0!important;
    margin-right:16px!important;
    width:auto!important;
    max-width:none!important;
  }

  body:has(#tabUsuarios.active) #blocoUsuariosPerfisTopo.usuarios-ui-v2{
    margin-top:14px!important;
    margin-bottom:10px!important;
  }

  body:has(#tabUsuarios.active) #blocoUsuariosSistema.usuarios-ui-v2,
  body:has(#tabUsuarios.active) #blocoPerfisPermissoes.usuarios-ui-v2{
    margin-top:0!important;
  }

  body:has(#tabUsuarios.active) #tabelaUsuarios.usuarios-ui-v2,
  body:has(#tabUsuarios.active) #tabelaPerfis.usuarios-ui-v2{
    overflow:hidden!important;
  }
}

/* Usuários: tabela sem rolagem horizontal, mantendo todas as ações visíveis. */
body #tabelaUsuarios.usuarios-ui-v2 table{
  table-layout:fixed!important;
  min-width:0!important;
}
body #tabelaUsuarios.usuarios-ui-v2 thead th:nth-child(1){width:22%!important;}
body #tabelaUsuarios.usuarios-ui-v2 thead th:nth-child(2){width:14%!important;}
body #tabelaUsuarios.usuarios-ui-v2 thead th:nth-child(3){width:9%!important;}
body #tabelaUsuarios.usuarios-ui-v2 thead th:nth-child(4){width:13%!important;}
body #tabelaUsuarios.usuarios-ui-v2 thead th:nth-child(5){width:15%!important;}
body #tabelaUsuarios.usuarios-ui-v2 thead th:nth-child(6){width:11%!important;}
body #tabelaUsuarios.usuarios-ui-v2 thead th:nth-child(7){width:7%!important;}
body #tabelaUsuarios.usuarios-ui-v2 thead th:nth-child(8){width:96px!important;min-width:96px!important;}
body #tabelaUsuarios.usuarios-ui-v2 tbody td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body #tabelaUsuarios.usuarios-ui-v2 tbody td:nth-child(8){
  overflow:visible!important;
  text-overflow:clip!important;
  padding-left:4px!important;
  padding-right:8px!important;
}
body #tabelaUsuarios.usuarios-ui-v2 .acao{
  min-width:0!important;
  width:100%!important;
  justify-content:flex-end!important;
  gap:4px!important;
}

/* Perfis: mesma linguagem visual, com resumo em vez de parágrafo de permissões. */
body #blocoPerfisPermissoes.perfis-ui-v2{
  padding:0!important;
  background:#fff!important;
  border:1px solid #d9e4ee!important;
  border-bottom:0!important;
  border-radius:14px 14px 0 0!important;
  box-shadow:0 4px 14px rgba(15,42,67,.045)!important;
  overflow:hidden!important;
}
body #blocoPerfisPermissoes.perfis-ui-v2>.perfis-ui-card-header{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:76px!important;
  margin:0!important;
  padding:15px 16px!important;
  border:0!important;
  border-bottom:1px solid #e4ebf2!important;
  background:#fff!important;
  box-shadow:none!important;
}
body #blocoPerfisPermissoes.perfis-ui-v2 .usuarios-ui-heading{
  display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;
}
body #blocoPerfisPermissoes.perfis-ui-v2 .usuarios-ui-heading-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:10px!important;
  border:1px solid #dbe8f5!important;background:#eef6ff!important;color:#126bc2!important;
}
body #blocoPerfisPermissoes.perfis-ui-v2 .usuarios-ui-heading-icon svg{
  width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body #blocoPerfisPermissoes.perfis-ui-v2 .usuarios-ui-heading h2{
  margin:0 0 3px!important;color:#102f4d!important;font-size:17px!important;line-height:1.25!important;font-weight:850!important;
}
body #blocoPerfisPermissoes.perfis-ui-v2 .usuarios-ui-heading p{
  margin:0!important;color:#63788c!important;font-size:11px!important;line-height:1.4!important;
}
body #tabelaPerfis.perfis-ui-v2{
  margin-top:0!important;padding:0!important;background:#fff!important;border:1px solid #d9e4ee!important;border-top:0!important;
  border-radius:0 0 14px 14px!important;box-shadow:0 4px 14px rgba(15,42,67,.045)!important;overflow:hidden!important;
}
body #tabelaPerfis.perfis-ui-v2 table{
  width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;background:#fff!important;
}
body #tabelaPerfis.perfis-ui-v2 thead th{
  height:36px!important;padding:0 10px!important;background:#f4f7fa!important;color:#52697f!important;border:0!important;border-bottom:1px solid #dfe7ef!important;
  font-size:9.8px!important;font-weight:800!important;text-transform:none!important;white-space:nowrap!important;
}
body #tabelaPerfis.perfis-ui-v2 thead th:nth-child(1){width:22%!important;}
body #tabelaPerfis.perfis-ui-v2 thead th:nth-child(2){width:8%!important;}
body #tabelaPerfis.perfis-ui-v2 thead th:nth-child(3){width:10%!important;}
body #tabelaPerfis.perfis-ui-v2 thead th:nth-child(4){width:11%!important;}
body #tabelaPerfis.perfis-ui-v2 thead th:nth-child(5){width:17%!important;}
body #tabelaPerfis.perfis-ui-v2 thead th:nth-child(6){width:20%!important;}
body #tabelaPerfis.perfis-ui-v2 thead th:nth-child(7){width:82px!important;min-width:82px!important;}
body #tabelaPerfis.perfis-ui-v2 tbody tr{background:#fff!important;border:0!important;box-shadow:none!important;}
body #tabelaPerfis.perfis-ui-v2 tbody tr:hover{background:#f9fbfd!important;}
body #tabelaPerfis.perfis-ui-v2 tbody td{
  height:42px!important;padding:6px 10px!important;background:transparent!important;color:#1f3a54!important;border:0!important;border-bottom:1px solid #e5ebf1!important;
  font-size:10.5px!important;line-height:1.18!important;vertical-align:middle!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body #tabelaPerfis.perfis-ui-v2 tbody tr:last-child td{border-bottom:0!important;}
body #tabelaPerfis.perfis-ui-v2 tbody td:first-child b{color:#102d49!important;font-weight:850!important;}
body #tabelaPerfis.perfis-ui-v2 .perfil-resumo-numero{font-weight:850!important;color:#153b60!important;}
body #tabelaPerfis.perfis-ui-v2 .perfil-resumo-sub{display:block!important;margin-top:2px!important;color:#788a9b!important;font-size:9px!important;}
body #tabelaPerfis.perfis-ui-v2 .badge{display:inline-flex!important;align-items:center!important;padding:2px 7px!important;border-radius:999px!important;font-size:8.5px!important;font-weight:800!important;}
body #tabelaPerfis.perfis-ui-v2 .badge.b-info{background:#e6f0ff!important;border:1px solid #d1e3fb!important;color:#075faf!important;}
body #tabelaPerfis.perfis-ui-v2 .badge.b-ok{background:#e8f6e6!important;border:1px solid #d4ead0!important;color:#2f7b29!important;}
body #tabelaPerfis.perfis-ui-v2 .badge.b-gray{background:#eef2f5!important;border:1px solid #dde4ea!important;color:#647483!important;}
body #tabelaPerfis.perfis-ui-v2 .acao{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;overflow:visible!important;}
body #tabelaPerfis.perfis-ui-v2 .acao button,
body #tabelaPerfis.perfis-ui-v2 .acao .action-btn{
  min-height:28px!important;height:28px!important;margin:0!important;border-radius:7px!important;box-shadow:none!important;font-size:10px!important;font-weight:800!important;
}
body #tabelaPerfis.perfis-ui-v2 .acao .btn-action-dark{background:#e9f3ff!important;border:1px solid #d2e5f8!important;color:#0b65bd!important;width:28px!important;min-width:28px!important;padding:0!important;}
body #tabelaPerfis.perfis-ui-v2 .acao .btn-action-danger{background:#feecec!important;border:1px solid #f4cccc!important;color:#c82d35!important;width:28px!important;min-width:28px!important;padding:0!important;}
body #tabelaPerfis.perfis-ui-v2 .acao .btn-action-duplicate{background:#f5f8fb!important;border:1px solid #dae4ed!important;color:#536a80!important;width:28px!important;min-width:28px!important;padding:0!important;}

@media(max-width:1100px){
  @supports selector(body:has(#tabUsuarios.active)) {
    body:has(#tabUsuarios.active) #blocoUsuariosPerfisTopo.usuarios-ui-v2,
    body:has(#tabUsuarios.active) #blocoUsuariosSistema.usuarios-ui-v2,
    body:has(#tabUsuarios.active) #blocoPerfisPermissoes.usuarios-ui-v2,
    body:has(#tabUsuarios.active) #tabelaUsuarios.usuarios-ui-v2,
    body:has(#tabUsuarios.active) #tabelaPerfis.usuarios-ui-v2{
      margin-left:0!important;margin-right:8px!important;width:auto!important;
    }
  }
}

/* V5 - Perfis: ações compactas e consistentes com Usuários */
body #tabelaPerfis.perfis-ui-v2 tbody td:nth-child(7){overflow:visible!important;white-space:nowrap!important;padding-left:6px!important;padding-right:8px!important;}
body #tabelaPerfis.perfis-ui-v2 .acao{min-width:0!important;flex-direction:row!important;flex-wrap:nowrap!important;}