/* Módulo de Gestão de Projetos e Chamados.
   Arquivo próprio do módulo: nada aqui sobrescreve estilos usados por outras
   telas do sistema. */

/* ===================== SINO DE ALERTAS NA BARRA SUPERIOR ===================== */

/* A posição vem do grupo .menu-acoes-topo (css/barra-acoes.css). */
.menugeral .menuAlertasChamados{display:block;width:40px;height:40px;border-radius:50%;color:#a4b5c3;background:#F2F2F2;text-align:center;padding-top:8px;font-size:22px;}
.menugeral .menuAlertasChamados:hover,.menugeral .menuAlertasChamados.ativo{background:#FFF;color:#2f6fa5;text-decoration:none;}
.menugeral .contador-alertas-chamados{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:2px 5px;border-radius:10px;background:#2f6fa5;color:#FFF;font:700 11px/16px Arial;}

.menugeral .boxAlertasChamados{display:none;position:absolute;z-index:20;top:60px;right:60px;width:410px;max-width:calc(100vw - 20px);background:#FFF;border-radius:6px;box-shadow:1px 1px 20px rgba(0,0,0,.3);overflow:hidden;}
.menugeral .boxAlertasChamados:after{content:"";position:absolute;top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FFF;}

.alertas-chamados-lista{max-height:430px;overflow-y:auto;}
.alerta-chamado-item{display:block;position:relative;padding:11px 16px;border-bottom:1px solid #EEE;color:#555;}
.alerta-chamado-item:hover{background:#F8F8F8;color:#333;}
.alerta-chamado-item.nao-lido{border-left:4px solid #2f6fa5;padding-left:12px;}
.alerta-chamado-item.concluido{background:#F3F3F3;color:#888;border-left:4px solid #AAA;padding-left:12px;}
.alerta-chamado-item .alerta-corpo{cursor:pointer;padding-right:80px;}
.alerta-chamado-item.concluido .alerta-corpo{padding-right:0;}
.alerta-chamado-item .alerta-status{font-size:10px;text-transform:uppercase;font-weight:bold;margin-bottom:5px;color:#2f6fa5;}
.alerta-chamado-item.visualizado .alerta-status{color:#d08b18;}
.alerta-chamado-item.concluido .alerta-status{color:#888;}
.alerta-chamado-item .marcador-alerta{background:#2f6fa5;}
.alerta-chamado-item.visualizado .marcador-alerta{background:#d08b18;}
.alerta-chamado-item.concluido .marcador-alerta{background:#999;}
.alerta-chamado-item strong,.alerta-chamado-item small{display:block;}
.alerta-chamado-item p{margin:5px 0;font-size:12px;line-height:17px;}
.alerta-chamado-item small{color:#999;}
.concluir-alerta-chamado{position:absolute;right:12px;top:36px;}

/* ===================== LISTAGENS ===================== */

.chamados-abas,.configuracao-abas,.chamado-abas-detalhe,.projeto-abas-detalhe{margin-bottom:15px;}

/* Os filtros usam o bloco .box-filtros do sistema: rótulo acima do campo e
   respiro entre as linhas quando as colunas quebram no celular. */
.box-filtros .form-group .control-label{display:block;font-weight:600;margin-bottom:3px;}
.box-filtros .form-group > div[class*="col-"]{margin-bottom:10px;}

/* ===================== DETALHE DO CHAMADO ===================== */

.chamado-resumo,.projeto-resumo{background:#F8F8F8;border:1px solid #EEE;border-radius:4px;padding:15px;margin-bottom:15px;}
.chamado-resumo .row,.projeto-resumo .row{margin-bottom:10px;}
.chamado-resumo .row:last-child,.projeto-resumo .row:last-child{margin-bottom:0;}
.chamado-resumo label,.projeto-resumo label{display:block;font-size:11px;text-transform:uppercase;color:#999;margin-bottom:2px;}
.projeto-descricao{margin-top:12px;padding-top:12px;border-top:1px solid #E5E5E5;color:#555;}

.chamado-mensagem{border:1px solid #E5E5E5;border-radius:4px;padding:12px 15px;margin-bottom:12px;background:#FFF;}
.chamado-mensagem-abertura{border-left:4px solid #2f6fa5;}
.chamado-mensagem-propria{background:#F6FAFD;}
.chamado-mensagem-interna{background:#FFF9E8;border-left:4px solid #d08b18;}
.chamado-mensagem-cabecalho{margin-bottom:8px;color:#666;}
.chamado-mensagem-cabecalho strong{margin-right:8px;}
.chamado-mensagem-cabecalho small{color:#999;margin-right:8px;}
.chamado-mensagem-corpo{color:#444;line-height:20px;}
.chamado-mensagem-anexos{margin-top:10px;padding-top:8px;border-top:1px dashed #E5E5E5;}
.chamado-mensagem-anexos a{display:inline-block;margin-right:12px;font-size:12px;}

.chamado-responder{border:1px solid #E5E5E5;border-radius:4px;padding:15px;background:#FAFAFA;margin-top:20px;}
.chamado-responder-acoes{margin-top:10px;text-align:right;}
.chamado-responder-acoes .checkbox-inline{float:left;margin-top:6px;}

.solicitar-autorizacao{border:1px solid #E5E5E5;border-radius:4px;padding:15px;background:#FAFAFA;margin-bottom:20px;}
.solicitar-autorizacao h4{margin-top:0;}

.chamado-acoes-rodape{margin-top:20px;padding-top:15px;border-top:1px solid #EEE;display:flex;flex-wrap:wrap;gap:20px;}
.chamado-acoes-rodape .acao-rodape{display:flex;flex-direction:column;min-width:240px;}
.chamado-acoes-rodape .acao-rodape label{font-size:11px;text-transform:uppercase;color:#999;}
.chamado-acoes-rodape .acao-rodape .btn{margin-top:8px;}

/* ===================== ANEXOS ===================== */

.box-anexos-chamado{margin-top:8px;}
.lista-anexos-chamado{margin-top:8px;}
.anexo-chamado{display:inline-block;background:#EEF4F9;border:1px solid #D6E3EE;border-radius:3px;padding:4px 8px;margin:0 6px 6px 0;font-size:12px;}
.anexo-chamado .remover-anexo-chamado{margin-left:6px;color:#E64457;font-weight:bold;text-decoration:none;}

/* ===================== QUADRO KANBAN ===================== */

.kanban-projeto{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:10px;}
.kanban-coluna{flex:1 1 0;min-width:230px;background:#F4F6F8;border-radius:4px;padding:10px;}
.kanban-coluna-titulo{font-weight:bold;color:#555;margin-bottom:10px;text-transform:uppercase;font-size:12px;}
.kanban-cartoes{min-height:120px;}
.kanban-cartao{background:#FFF;border:1px solid #E1E5E9;border-radius:4px;padding:10px;margin-bottom:8px;cursor:move;}
.kanban-cartao:hover{box-shadow:0 1px 6px rgba(0,0,0,.12);}
.kanban-cartao-titulo{font-weight:bold;color:#444;margin-bottom:8px;}
.kanban-cartao-info{margin-bottom:8px;font-size:11px;}
.kanban-cartao-info .kanban-prazo{margin-left:8px;color:#777;}
.kanban-cartao-rodape{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#777;}
.kanban-acoes a{margin-left:8px;color:#777;text-decoration:none;}
.kanban-acoes a:hover{color:#2f6fa5;}
.kanban-cartao-placeholder{border:2px dashed #C6D2DC;border-radius:4px;height:70px;margin-bottom:8px;background:#EDF1F5;}

.box-comentarios-tarefa{margin-top:20px;border:1px solid #E5E5E5;border-radius:4px;padding:15px;background:#FAFAFA;}
.box-comentarios-tarefa h4{margin-top:0;}
.lista-comentarios-tarefa{max-height:240px;overflow-y:auto;margin-bottom:12px;}
.comentario-tarefa{border-bottom:1px solid #EEE;padding:8px 0;}
.comentario-tarefa small{color:#999;margin-left:8px;}
.comentario-tarefa p{margin:4px 0 0;color:#555;}

.form-nova-tarefa{border:1px solid #E5E5E5;border-radius:4px;padding:15px;background:#FAFAFA;margin-bottom:15px;}
.form-nova-tarefa h4{margin-top:0;}

/* ===================== CONFIGURAÇÃO ===================== */

.nova-regra-direcionamento{border:1px solid #E5E5E5;border-radius:4px;padding:15px;background:#FAFAFA;margin-bottom:15px;}
.nova-regra-direcionamento small{display:block;margin-top:5px;color:#999;}

.lista-equipe-projeto,.lista-integrantes-setor{max-height:320px;overflow-y:auto;border:1px solid #E5E5E5;border-radius:4px;margin-top:8px;}
.item-equipe,.item-integrante{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid #F0F0F0;}
.item-equipe.selecionado,.item-integrante.selecionado{background:#F1F7FC;}
.item-equipe label,.item-integrante label{margin:0;font-weight:normal;cursor:pointer;}
.item-equipe .equipe-papel{width:170px;}
.item-integrante .rotulo-gestor{font-size:12px;color:#777;}

.btn.desabilitado{opacity:.6;pointer-events:none;}

@media (max-width:767px){

	/* As abas rolam na horizontal em vez de quebrar em várias linhas. */
	.chamados-abas,.configuracao-abas,.chamado-abas-detalhe,.projeto-abas-detalhe{
		display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
	}

	.chamados-abas > li,.configuracao-abas > li,.chamado-abas-detalhe > li,.projeto-abas-detalhe > li{
		float:none;flex:0 0 auto;
	}

	.chamados-abas > li > a,.configuracao-abas > li > a,.chamado-abas-detalhe > li > a,.projeto-abas-detalhe > li > a{
		white-space:nowrap;
	}

	.kanban-projeto{display:block;}
	.kanban-coluna{min-width:0;margin-bottom:12px;}
	.chamado-acoes-rodape{display:block;}
	.chamado-acoes-rodape .acao-rodape{margin-bottom:15px;}

}

@media print{

	.menugeral .menuAlertasChamados,
	.menugeral .boxAlertasChamados{
		display:none !important;
	}

}