/* No modo embed (iframe sobreposto aberto pelo menu lateral do v1, ver view/solicitacoes.php) o body
   desta pagina precisa ser transparente -- senao o fundo cinza padrao do Body (#eee) tapa a tela do
   sistema atras do iframe. Mesma ideia do .ChatIaClienteEmbed, com nome proprio pra nao acoplar as duas
   features por uma classe CSS emprestada. */
.Body.SolicitacoesSastEmbed {
	background-color: transparent;
	background-image: none;
}

/* Tag de status da grade de solicitacoes estava pequena demais pra ler de relance (o Badge padrao usa
   font-size 75% do texto ao redor). Aumento discreto, so aqui -- nao mexe no Badge global do sistema. */
.SolicitacoesSastBadge {
	font-size: 85%;
	padding: 0.4em 0.7em;
}

/* O Bootstrap esconde qualquer Badge vazio com ".badge:empty { display: none; }". A bolinha
   principal precisa continuar aparecendo quando existe solicitacao em andamento, mesmo sem mensagem
   nova para contar, entao sobrescreve essa regra somente no marcador das solicitacoes. */
.SolicitacoesSastDot.badge:empty {
	display: inline-block;
	width: 12px;
	height: 12px;
	min-width: 12px;
	padding: 0;
	border-radius: 50%;
}

/* Icones da coluna Acoes (mensagens/contestar/arquivar) -- mesmo padrao visual do Zapware: preto e com
   ponteiro quando habilitado, cinza (o proprio Icon ja aplica text-muted) e sem ponteiro quando
   desabilitado. Espacamento pequeno entre os 3 pra nao grudar. */
.SolicitacoesSastAcaoBtn {
	cursor: pointer;
	margin: 0 5px;
	font-size: 105%;
}
.SolicitacoesSastAcaoBtn.SolicitacoesSastAcaoDesabilitada {
	cursor: not-allowed;
}

/* Contador das mensagens fica preso ao icone, sem alterar a largura da coluna de Acoes. */
.SolicitacoesSastMensagemAcao {
	display: inline-flex;
	position: relative;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	vertical-align: middle;
}
.SolicitacoesSastMensagemAcao .SolicitacoesSastAcaoBtn {
	margin: 0;
}
.SolicitacoesSastMensagemAcao .SolicitacoesSastMensagemIcone {
	font-size: 15px;
	line-height: 24px;
}
.SolicitacoesSastMensagemIcone.text-danger {
	color: #e53935 !important;
}
.SolicitacoesSastMensagemIcone.text-dark {
	color: #212529 !important;
}
.SolicitacoesSastMensagemContador {
	position: absolute;
	top: calc(44% - 1px);
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 9px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	color: #fff !important;
	pointer-events: none;
	z-index: 2;
}

/* Abas (Em andamento / Arquivadas) coladas no topo do corpo do modal, sem margem extra do TabGroup
   padrao -- so um respiro embaixo antes da tabela. */
#solicitacoessast-abas .nav-tabs {
	margin-bottom: 10px;
}