.digibr-container {
	max-width: 800px;
	margin: 18px auto;
	padding: 20px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e6eef8;
	box-shadow: 0 8px 30px rgba(10,20,40,0.04);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial;
	color: #08263a;
	display: block;
}

.digibr-container h2 { 
	/*margin: 0 0 14px 0; */
	color: #0b3a66; 
	font-size: 20px; 
	margin-left: 32px;
}

/* Labels próximas dos inputs */
.digibr-container label {
	display: inline-block;
	margin: 0 8px 0 0;
	font-size: 13px;
	color: #334155;
	vertical-align: middle;
	min-width: 90px;
}

/* Inputs ajustados */
.digibr-container input,
.digibr-container select {
	display: inline-block;
	width: calc(100% - 100px);
	padding: 8px 12px;
	margin: 0 0 12px 0;
	border-radius: 8px;
	border: 1px solid #d1e3f7;
	box-sizing: border-box;
	font-size: 14px;
	background: #fff;
	vertical-align: middle;
}

/* Linha do CPF */
.campo.cpf-linha {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
}

.campo.cpf-linha label {
	min-width: auto;
	margin-right: 6px;
}

.campo.cpf-linha input#cpf {
	flex: 1;
	max-width: 220px;
	width: auto;
	margin: 0;
}

.campo.cpf-linha button {
	padding: 8px 12px;
	border-radius: 8px;
	border: none;
	background: linear-gradient(180deg, #0ea5a0, #0284c7);
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	box-shadow: 0 8px 20px rgba(2,132,199,0.12);
}

.campo.cpf-linha button:hover { 
	transform: translateY(-2px); 
}

/* Campos em linha (celulares, bairro/cidade/estado, etc) */
.digibr-container .campo {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}

.digibr-container .campo label {
	margin: 0 6px 0 0;
	min-width: 90px;
}

.digibr-container .campo input,
.digibr-container .campo select {
	width: auto;
	flex: 1;
	min-width: 120px;
	margin: 0;
}

/* Botões */
.botoes {
	display: flex !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 20px !important;
	width: 100% !important;
}

.botoes button {
	padding: 10px 22px !important;
	font-size: 14px !important;
	border-radius: 6px !important;
	border: 1px solid #d1dbe8 !important;
	cursor: pointer !important;
	background: #ffffff !important;
	color: #0056a6 !important;
}

.botoes button:first-child {
	background: #00c896 !important;
	color: #fff !important;
	border: none !important;
}

.botoes button:hover {
	opacity: .85 !important;
}

/* Oculto */
.oculto {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Message box */
#msgBox {
	display: block;
	padding: 12px;
	margin: 12px 0;
	border-radius: 8px;
	font-size: 15px;
	transition: opacity 0.25s ease;
}
.campo {
  display: flex;
  align-items: center;
  gap: 8px;
}

.campo label {
  white-space: nowrap;
}
label {
  display: block;
  text-align: right;
}
.label-esquerda {
  width: 100px;
  display: inline-block;
  /*text-align: left;*/
}
/* linhas que precisam alinhar sob o A */
.plano-info-topo,
.cpf-linha,
#formCampos > .campo {
  margin-left: -25px;
}
.label-canal {
  width: auto;          /* não ocupa largura desnecessária */
  min-width: unset;
  margin-right: 6px;    /* aproxima do input */
  flex-shrink: 0;       /* evita distorção */
}

.label-canal span {
  display: block;
}

.label-canal .canal {
  align-self: flex-start;
}
/* 🔹 Botões desabilitados */
#botoesNovo button:disabled,
#botoesExistente button:disabled {
  background: #e0e0e0 !important;
  color: #8a8a8a !important;
  border: 1px solid #cccccc !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
.campo-usuario-ativo {
    display: flex;
    justify-content: flex-end; /* cola à direita */
    width: 100%;
}
#idUsuarioAtivo
{
    font-weight: 700; /* negrito */
}

#idUsuarioAtivo.label-azul {
    color: #0056a6 !important;
    font-weight: 700;
}

#idUsuarioAtivo.label-vermelho {
    color: #d63638 !important;
    font-weight: 700;
}