/* ==========================================================================
   CRC Pax Vida — Tema empresarial (v1.7.0)

   Camada visual carregada DEPOIS de crc-style.css. Não muda o funcionamento:
   só reorganiza a aparência das telas internas (menu lateral, cabeçalhos,
   filas, atendimento, Kanban, dashboard e relatórios).

   Cores mantidas do padrão atual:
   azul #2E78B5 · azul-escuro #25608F · azul-marinho #262B45
   filas: verde, amarelo, vermelho e preto (mesmos tons de fundo/texto).
   Para voltar ao visual anterior, basta não carregar este arquivo.
   ========================================================================== */

:root {
	--crc-t-azul: #2E78B5;
	--crc-t-azul-escuro: #25608F;
	--crc-t-azul-suave: #EAF2FA;
	--crc-t-navy: #262B45;
	--crc-t-fundo: #F4F6F8;
	--crc-t-superficie: #FFFFFF;
	--crc-t-superficie-2: #F6F8FA;
	--crc-t-borda: #E3E6EB;
	--crc-t-borda-campo: #CDD3DC;
	--crc-t-texto: #262B45;
	--crc-t-texto-2: #5B6275;
	--crc-t-texto-3: #3C4257;
	--crc-t-sucesso: #3E8A34;
	--crc-t-perigo: #A3302F;
	--crc-t-fonte: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--crc-t-raio: 12px;
	--crc-t-raio-campo: 10px;
}

/* ---------- Estrutura: aplicação em tela cheia ---------- */

body:has(.crc-layout) {
	overflow-x: hidden;
	background: var(--crc-t-fundo);
}

.crc-layout {
	width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	min-height: 100vh;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	align-items: stretch;
	background: var(--crc-t-fundo);
	font-family: var(--crc-t-fonte);
	color: var(--crc-t-texto);
	-webkit-font-smoothing: antialiased;
}

.crc-layout .crc-conteudo {
	flex: 999 1 560px;
	min-width: 0;
}

.crc-layout .crc-conteudo .crc-painel {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	font-family: var(--crc-t-fonte);
	color: var(--crc-t-texto);
}

/* ---------- Menu lateral ---------- */

.crc-layout .crc-sidebar {
	flex: 1 1 248px;
	max-width: 100%;
	width: auto;
	box-sizing: border-box;
	background: var(--crc-t-navy);
	color: #C9CEDC;
	border: none;
	border-radius: 0;
	padding: 24px 16px;
	gap: 28px;
	position: sticky;
	top: 0;
	height: 100vh;
	overflow-y: auto;
}

@media (min-width: 761px) {
	.crc-layout .crc-sidebar {
		flex: 0 0 248px;
	}
}

.crc-layout .crc-sidebar-topo {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0 8px;
	border: none;
}

.crc-layout .crc-sidebar-selo {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.crc-layout .crc-sidebar-logo {
	width: 28px !important;
	height: 28px !important;
	max-width: 28px !important;
	max-height: 28px !important;
	object-fit: contain;
}

.crc-layout .crc-sidebar-marca {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
	font-size: 15px;
}

.crc-layout .crc-sidebar-marca strong {
	color: #FFFFFF;
	font-weight: 700;
}

.crc-layout .crc-sidebar-marca small {
	font-size: 12px;
	color: #A9B0C3;
	font-weight: 400;
}

.crc-layout .crc-sidebar-nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.crc-layout .crc-sidebar-secao {
	padding: 10px 12px 6px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #8F97AD;
}

.crc-layout .crc-sidebar-link {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 0 12px;
	border-radius: 8px;
	color: #C9CEDC;
	background: transparent;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	border: none;
}

.crc-layout .crc-sidebar-link:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #FFFFFF;
}

.crc-layout .crc-sidebar-link.crc-sidebar-ativo {
	background: rgba(46, 120, 181, 0.24);
	color: #FFFFFF;
	font-weight: 600;
}

.crc-layout .crc-sidebar-rodape {
	margin-top: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 14px 8px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.crc-layout .crc-sidebar-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--crc-t-azul);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	flex-shrink: 0;
}

.crc-layout .crc-sidebar-usuario {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	line-height: 1.3;
	padding: 0;
	font-size: 14px;
}

.crc-layout .crc-sidebar-usuario strong {
	color: #FFFFFF;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.crc-layout .crc-sidebar-usuario small {
	font-size: 12px;
	color: #A9B0C3;
}

.crc-layout .crc-sidebar-sair {
	width: 44px;
	height: 44px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #A9B0C3;
	flex-shrink: 0;
}

.crc-layout .crc-sidebar-sair:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #FFFFFF;
}

/* Celular / tablet: menu vira uma faixa no topo */
@media (max-width: 760px) {
	.crc-layout .crc-sidebar {
		position: static;
		height: auto;
		padding: 14px 16px;
		gap: 12px;
		border-radius: 0;
	}

	.crc-layout .crc-sidebar-nav {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.crc-layout .crc-sidebar-secao {
		display: none;
	}

	.crc-layout .crc-sidebar-link {
		flex: 1 1 auto;
		justify-content: center;
		font-size: 13px;
	}

	.crc-layout .crc-sidebar-topo,
	.crc-layout .crc-sidebar-rodape {
		border-color: rgba(255, 255, 255, 0.10);
	}
}

/* ---------- Cabeçalho de cada tela ---------- */

.crc-layout .crc-corpo-titulo {
	background: var(--crc-t-superficie);
	border-bottom: 1px solid var(--crc-t-borda);
	padding: 20px 32px;
}

.crc-layout .crc-titulo-acao {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.crc-layout .crc-titulo-texto {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.crc-layout .crc-corpo-titulo h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--crc-t-texto);
}

.crc-layout .crc-subtitulo {
	margin: 0;
	font-size: 14px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-corpo {
	background: transparent;
	padding: 28px 32px 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (max-width: 600px) {
	.crc-layout .crc-corpo-titulo {
		padding: 16px;
	}

	.crc-layout .crc-corpo {
		padding: 20px 16px 32px;
	}
}

/* Rótulos de seção (substituem os antigos títulos pequenos em caixa alta) */
.crc-layout .crc-rotulo,
.crc-layout .crc-secao-titulo {
	margin: 4px 0 0;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--crc-t-texto);
}

/* ---------- Botões ---------- */

.crc-layout .crc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 16px;
	border-radius: var(--crc-t-raio-campo);
	border: 1px solid var(--crc-t-borda-campo);
	background: var(--crc-t-superficie);
	color: var(--crc-t-texto);
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	text-transform: none;
	box-shadow: none;
	cursor: pointer;
	width: auto;
	margin: 0;
}

.crc-layout .crc-btn:hover:not(:disabled) {
	background: var(--crc-t-superficie-2);
	border-color: #B9C1CE;
	color: var(--crc-t-texto);
}

.crc-layout .crc-btn-primario {
	background: var(--crc-t-azul);
	border-color: var(--crc-t-azul);
	color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(38, 43, 69, 0.12);
}

.crc-layout .crc-btn-primario:hover:not(:disabled) {
	background: var(--crc-t-azul-escuro);
	border-color: var(--crc-t-azul-escuro);
	color: #FFFFFF;
}

.crc-layout .crc-btn-primario:disabled {
	background: #DCE3EC;
	border-color: #DCE3EC;
	color: #5B6275;
	box-shadow: none;
	cursor: not-allowed;
}

.crc-layout .crc-btn-sucesso {
	background: var(--crc-t-sucesso);
	border-color: var(--crc-t-sucesso);
	color: #FFFFFF;
}

.crc-layout .crc-btn-sucesso:hover:not(:disabled) {
	background: #33742B;
	border-color: #33742B;
	color: #FFFFFF;
}

.crc-layout .crc-btn-perigo {
	background: var(--crc-t-superficie);
	border-color: var(--crc-t-borda-campo);
	color: var(--crc-t-perigo);
}

.crc-layout .crc-btn-perigo:hover:not(:disabled) {
	background: #FCEBEB;
	border-color: #E8B4B3;
	color: var(--crc-t-perigo);
}

.crc-layout .crc-btn-atualizar {
	background: var(--crc-t-superficie);
}

/* ---------- Campos de formulário ---------- */

.crc-layout input[type="text"],
.crc-layout input[type="number"],
.crc-layout input[type="date"],
.crc-layout input[type="search"],
.crc-layout input[type="email"],
.crc-layout select,
.crc-layout textarea {
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid var(--crc-t-borda-campo);
	border-radius: var(--crc-t-raio-campo);
	background: #FFFFFF;
	color: var(--crc-t-texto);
	font-family: inherit;
	font-size: 14px;
	box-sizing: border-box;
	box-shadow: none;
}

.crc-layout textarea {
	padding: 10px 12px;
	min-height: 88px;
	resize: vertical;
}

.crc-layout input[type="file"] {
	font-family: inherit;
	font-size: 14px;
	padding: 10px;
	border: 1px dashed var(--crc-t-borda-campo);
	border-radius: var(--crc-t-raio-campo);
	background: var(--crc-t-superficie-2);
}

.crc-layout input:focus,
.crc-layout select:focus,
.crc-layout textarea:focus {
	outline: none;
	border-color: var(--crc-t-azul);
	box-shadow: 0 0 0 3px rgba(46, 120, 181, 0.18);
}

.crc-layout a:focus-visible,
.crc-layout button:focus-visible {
	outline: 2px solid var(--crc-t-azul);
	outline-offset: 2px;
}

/* ---------- Cartões de fila (operador e supervisor) ---------- */

.crc-layout .crc-grid-cores {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 14px;
	margin: 0;
}

.crc-layout .crc-card-cor,
.crc-layout .crc-card-cor.crc-cor-verde,
.crc-layout .crc-card-cor.crc-cor-amarelo,
.crc-layout .crc-card-cor.crc-cor-vermelho,
.crc-layout .crc-card-cor.crc-cor-preto {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
	padding: 16px 18px;
	border: 1px solid var(--crc-t-borda);
	border-radius: var(--crc-t-raio);
	background: var(--crc-t-superficie);
	color: var(--crc-t-texto);
	text-align: left;
	font-family: inherit;
	min-height: 44px;
	box-shadow: none;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.crc-layout button.crc-card-cor {
	cursor: pointer;
}

.crc-layout button.crc-card-cor:hover {
	border-color: #B9C1CE;
}

.crc-layout .crc-card-cor.crc-selecionada {
	border: 2px solid var(--crc-t-azul);
	box-shadow: 0 0 0 4px rgba(46, 120, 181, 0.12);
	padding: 15px 17px;
}

.crc-layout .crc-cor-linha {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.crc-layout .crc-card-cor .crc-cor-nome {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--crc-t-texto);
	opacity: 1;
	text-transform: none;
	letter-spacing: 0;
}

/* Bolinha com a cor da fila */
.crc-layout .crc-card-cor .crc-cor-nome::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #8A93A6;
	flex-shrink: 0;
}

.crc-layout .crc-card-cor.crc-cor-verde .crc-cor-nome::before { background: #4A8F2A; }
.crc-layout .crc-card-cor.crc-cor-amarelo .crc-cor-nome::before { background: #C99403; }
.crc-layout .crc-card-cor.crc-cor-vermelho .crc-cor-nome::before { background: #C53B3A; }
.crc-layout .crc-card-cor.crc-cor-preto .crc-cor-nome::before { background: #2C2C2A; }

.crc-layout .crc-cor-regra,
.crc-layout .crc-cor-legenda {
	font-size: 12px;
	color: var(--crc-t-texto-2);
	font-weight: 400;
}

.crc-layout .crc-card-cor .crc-cor-total {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--crc-t-texto);
	font-variant-numeric: tabular-nums;
}

.crc-layout .crc-btn-proximo {
	align-self: flex-start;
	min-height: 48px;
	padding: 0 22px;
	font-size: 15px;
}

/* ---------- Etiquetas de cor (badge) ---------- */

.crc-layout .crc-badge-cor,
.crc-layout .crc-kcard-cor {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 6px;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	border: none;
}

.crc-layout .crc-badge-cor:empty {
	display: none;
}

/* ---------- Cliente em atendimento ---------- */

.crc-layout .crc-cliente-card {
	background: var(--crc-t-superficie);
	border: 1px solid var(--crc-t-borda);
	border-radius: 14px;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(38, 43, 69, 0.04);
}

.crc-layout .crc-cliente-cabecalho {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	padding: 22px 24px;
	border-bottom: 1px solid #EEF0F3;
	margin: 0;
}

.crc-layout .crc-cliente-identificacao {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.crc-layout .crc-cliente-nome {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--crc-t-texto);
}

.crc-layout .crc-cliente-contrato {
	margin: 0;
	font-size: 14px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-cliente-acoes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.crc-layout .crc-btn-whatsapp {
	background: #EAF3DE;
	border-color: #EAF3DE;
	color: #173404;
}

.crc-layout .crc-btn-whatsapp:hover:not(:disabled) {
	background: #DCEBC9;
	border-color: #DCEBC9;
	color: #173404;
}

.crc-layout .crc-btn-icone {
	padding: 0 14px;
}

.crc-layout .crc-cliente-numeros {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 1px;
	background: #EEF0F3;
	border-bottom: 1px solid #EEF0F3;
}

.crc-layout .crc-cliente-numeros > div {
	background: var(--crc-t-superficie);
	padding: 16px 24px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.crc-layout .crc-cliente-numeros span {
	font-size: 12px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-cliente-numeros strong {
	font-size: 20px;
	font-weight: 700;
	color: var(--crc-t-texto);
	font-variant-numeric: tabular-nums;
}

.crc-layout .crc-cliente-numeros .crc-info-atraso {
	color: var(--crc-t-perigo);
}

.crc-layout .crc-cliente-registro {
	padding: 22px 24px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* Botões de resultado da ligação (pílulas) */
.crc-layout .crc-grid-status {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}

.crc-layout .crc-btn-status,
.crc-layout .crc-btn-status.crc-btn-perigo {
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	border: 1px solid var(--crc-t-borda-campo);
	background: var(--crc-t-superficie);
	color: var(--crc-t-texto-3);
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	width: auto;
	box-shadow: none;
}

.crc-layout .crc-btn-status:hover {
	border-color: #B9C1CE;
	background: var(--crc-t-superficie-2);
}

.crc-layout .crc-btn-status.crc-btn-perigo {
	color: var(--crc-t-perigo);
}

.crc-layout .crc-btn-status.crc-selecionado {
	background: var(--crc-t-azul);
	border-color: var(--crc-t-azul);
	color: #FFFFFF;
}

.crc-layout .crc-btn-status.crc-btn-perigo.crc-selecionado {
	background: var(--crc-t-perigo);
	border-color: var(--crc-t-perigo);
	color: #FFFFFF;
}

.crc-layout .crc-form-detalhe {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	margin: 6px 0 0;
	padding: 18px 0 0;
	border-top: 1px solid #EEF0F3;
	background: transparent;
}

.crc-layout .crc-form-detalhe label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--crc-t-texto);
}

.crc-layout .crc-form-detalhe .crc-campo-largo {
	grid-column: 1 / -1;
}

.crc-layout .crc-form-acoes {
	display: flex;
	justify-content: flex-end;
}

.crc-layout .crc-form-acoes .crc-btn-primario {
	min-height: 48px;
	padding: 0 22px;
	font-size: 15px;
}

.crc-layout .crc-aviso-info {
	margin: 0;
	padding: 12px 14px;
	border-radius: var(--crc-t-raio-campo);
	background: var(--crc-t-azul-suave);
	color: #1D4F7A;
	font-size: 13px;
	line-height: 1.5;
}

/* ---------- Mensagens ---------- */

.crc-layout .crc-mensagem {
	margin: 0;
	padding: 12px 14px;
	border-radius: var(--crc-t-raio-campo);
	background: #EAF3DE;
	color: #173404;
	border: none;
	font-size: 14px;
}

.crc-layout .crc-mensagem.crc-erro {
	background: #FCEBEB;
	color: #501313;
}

.crc-layout .crc-vazio {
	color: var(--crc-t-texto-2);
	font-size: 14px;
	padding: 20px 24px;
	margin: 0;
}

/* ---------- Cartões, métricas e gráficos ---------- */

.crc-layout .crc-grid-2,
.crc-layout .crc-grid-metricas,
.crc-layout .crc-dash-graficos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	margin: 0 !important;
}

.crc-layout .crc-grid-metricas {
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.crc-layout .crc-card-metrica,
.crc-layout .crc-card-upload,
.crc-layout .crc-dash-grafico-box,
.crc-layout .crc-bloco-relatorios,
.crc-layout .crc-filtro-dash,
.crc-layout .crc-filtro-kanban,
.crc-layout .crc-filtro-relatorio {
	background: var(--crc-t-superficie);
	border: 1px solid var(--crc-t-borda);
	border-radius: 14px;
	padding: 20px 22px;
	box-shadow: none;
	margin: 0;
}

.crc-layout .crc-card-metrica {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.crc-layout .crc-card-metrica .crc-rotulo,
.crc-layout .crc-dash-grafico-box .crc-rotulo,
.crc-layout .crc-card-upload .crc-rotulo,
.crc-layout .crc-bloco-relatorios .crc-rotulo {
	margin: 0 0 4px;
}

.crc-layout .crc-card-metrica .crc-rotulo {
	font-size: 13px;
	font-weight: 500;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-metrica-valor {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--crc-t-texto);
	font-variant-numeric: tabular-nums;
}

.crc-layout .crc-metrica-detalhe {
	margin: 0;
	font-size: 13px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-card-upload form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.crc-layout .crc-card-upload .crc-btn-primario {
	align-self: flex-start;
}

.crc-layout .crc-chart-wrap {
	background: transparent;
	border: none;
	padding: 0;
}

.crc-layout .crc-painel-graficos-op {
	margin: 0;
}

/* Filtros (dashboard, Kanban, relatório) */
.crc-layout .crc-filtro-dash,
.crc-layout .crc-filtro-linha,
.crc-layout .crc-filtro-relatorio {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.crc-layout .crc-filtro-kanban {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.crc-layout .crc-filtro-linha input,
.crc-layout .crc-filtro-linha select,
.crc-layout .crc-filtro-dash select,
.crc-layout .crc-filtro-relatorio input,
.crc-layout .crc-filtro-relatorio select {
	flex: 1 1 150px;
	width: auto;
	margin: 0;
}

.crc-layout .crc-filtro-dash .crc-btn,
.crc-layout .crc-filtro-linha .crc-btn,
.crc-layout .crc-filtro-relatorio .crc-btn {
	flex: 0 0 auto;
}

/* Relatórios do operador e exportação */
.crc-layout .crc-grid-relatorios,
.crc-layout .crc-acoes-exportar,
.crc-layout .crc-fechamento-mensal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0;
}

.crc-layout .crc-grid-relatorios .crc-btn,
.crc-layout .crc-acoes-exportar .crc-btn {
	width: auto;
	margin: 0;
}

.crc-layout .crc-fechamento-mensal select {
	width: auto;
	min-width: 150px;
}

/* ---------- Confirmação financeira ---------- */

.crc-layout .crc-lista-confirmacao {
	background: var(--crc-t-superficie);
	border: 1px solid var(--crc-t-borda);
	border-radius: 14px;
	overflow: hidden;
	margin: 0;
}

.crc-layout .crc-linha-confirmacao {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 14px 20px;
	border: none;
	border-bottom: 1px solid #EEF0F3;
	border-radius: 0;
	background: transparent;
	margin: 0;
}

.crc-layout .crc-linha-confirmacao:last-child {
	border-bottom: none;
}

.crc-layout .crc-linha-confirmacao:hover {
	background: var(--crc-t-superficie-2);
}

.crc-layout .crc-conf-nome {
	margin: 0;
	font-weight: 600;
	font-size: 15px;
	color: var(--crc-t-texto);
}

.crc-layout .crc-conf-detalhe {
	margin: 2px 0 0;
	font-size: 13px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-conf-acoes {
	display: flex;
	gap: 8px;
	flex-direction: row-reverse;
}

/* ---------- Tabelas ---------- */

.crc-layout .crc-tabela-dashboard-wrap {
	background: var(--crc-t-superficie);
	border: 1px solid var(--crc-t-borda);
	border-radius: 14px;
	overflow-x: auto;
	margin: 0;
}

.crc-layout .crc-tabela-dashboard {
	width: 100%;
	min-width: 760px;
	border-collapse: collapse;
	font-size: 14px;
	border: none;
	margin: 0;
}

.crc-layout .crc-tabela-dashboard th {
	background: var(--crc-t-superficie-2);
	color: var(--crc-t-texto-3);
	font-size: 12px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	padding: 12px 16px;
	text-align: left;
	border: none;
	border-bottom: 1px solid var(--crc-t-borda);
}

.crc-layout .crc-tabela-dashboard td {
	padding: 14px 16px;
	border: none;
	border-bottom: 1px solid #EEF0F3;
	color: var(--crc-t-texto);
	font-variant-numeric: tabular-nums;
	background: transparent;
}

.crc-layout .crc-tabela-dashboard tbody tr:hover td {
	background: var(--crc-t-superficie-2);
}

.crc-layout .crc-tabela-dashboard tfoot td {
	background: var(--crc-t-superficie-2);
	font-weight: 700;
	border-top: 2px solid var(--crc-t-borda);
	border-bottom: none;
}

.crc-layout .crc-tabela-dashboard th:first-child,
.crc-layout .crc-tabela-dashboard td:first-child {
	padding-left: 22px;
}

.crc-layout .crc-linha-destacada td {
	background: var(--crc-t-azul-suave);
}

.crc-layout .crc-barra-aproveitamento {
	display: flex;
	align-items: center;
	gap: 10px;
	background: transparent;
	height: auto;
	position: static;
}

.crc-layout .crc-barra-aproveitamento::before {
	content: none;
}

.crc-layout .crc-barra-progresso {
	position: static;
	height: 8px;
	border-radius: 999px;
	background: var(--crc-t-azul);
	box-shadow: 0 0 0 0 transparent;
	max-width: 160px;
}

.crc-layout .crc-barra-aproveitamento span {
	position: static;
	font-weight: 600;
	font-size: 13px;
	color: var(--crc-t-texto);
}

/* Etiquetas de status nas tabelas */
.crc-layout .crc-status-pill {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
}

/* ---------- Kanban ---------- */

.crc-layout .crc-kanban-board {
	display: grid;
	grid-template-columns: repeat(4, minmax(250px, 1fr));
	gap: 16px;
	overflow-x: auto;
	padding-bottom: 6px;
}

.crc-layout .crc-kanban-coluna {
	background: #EBEEF2;
	border: none;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.crc-layout .crc-kanban-col-cabecalho {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 14px 10px;
	background: transparent !important;
	color: var(--crc-t-texto);
	font-size: 14px;
	font-weight: 700;
	border-top: 4px solid var(--crc-col-cor, var(--crc-t-azul));
	border-radius: 0;
}

.crc-layout .crc-kanban-contagem {
	min-width: 28px;
	height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	background: #FFFFFF;
	color: var(--crc-t-texto-3);
	font-size: 12px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.crc-layout .crc-kanban-col-corpo {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 10px 12px;
	min-height: 120px;
	background: transparent;
}

.crc-layout .crc-kanban-col-corpo.crc-drop-ativo {
	background: rgba(46, 120, 181, 0.08);
	outline: 2px dashed var(--crc-t-azul);
	outline-offset: -6px;
	border-radius: 10px;
}

.crc-layout .crc-kanban-card {
	background: var(--crc-t-superficie);
	border: 1px solid #E1E5EB;
	border-radius: 10px;
	padding: 14px;
	box-shadow: 0 1px 2px rgba(38, 43, 69, 0.05);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.crc-layout .crc-card-arrastavel {
	cursor: grab;
}

.crc-layout .crc-card-arrastavel:hover {
	border-color: #B9C1CE;
	box-shadow: 0 4px 12px rgba(38, 43, 69, 0.08);
}

.crc-layout .crc-kcard-resumo {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.crc-layout .crc-kcard-nome {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--crc-t-texto);
}

.crc-layout .crc-kcard-retorno,
.crc-layout .crc-kcard-cadeado {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-kcard-info,
.crc-layout .crc-kcard-fone {
	margin: 0;
	font-size: 12px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-kcard-valor {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--crc-t-texto);
	font-variant-numeric: tabular-nums;
}

.crc-layout .crc-kcard-status-tag {
	display: inline-flex;
	align-self: flex-start;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--crc-t-superficie-2);
	border: 1px solid var(--crc-t-borda);
	color: var(--crc-t-texto-3);
	font-size: 12px;
	font-weight: 500;
}

.crc-layout .crc-kanban-vazio {
	padding: 18px 10px;
	text-align: center;
	font-size: 13px;
	color: var(--crc-t-texto-2);
	border: 1px dashed #CDD3DC;
	border-radius: 10px;
	background: transparent;
}

/* Janela de confirmação do Kanban (fica fora do .crc-layout) */
.crc-modal {
	font-family: var(--crc-t-fonte);
	background: rgba(26, 30, 50, 0.55);
}

.crc-modal .crc-modal-caixa {
	border-radius: 14px;
	padding: 24px;
	box-shadow: 0 20px 50px rgba(26, 30, 50, 0.25);
	color: var(--crc-t-texto);
}

.crc-modal .crc-modal-caixa h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 14px;
	color: var(--crc-t-texto);
}

.crc-modal .crc-modal-acoes {
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	margin-top: 18px;
}

.crc-modal .crc-btn {
	min-height: 44px;
	padding: 0 18px;
	border-radius: var(--crc-t-raio-campo);
	font-family: inherit;
	font-weight: 600;
	width: auto;
}

.crc-modal input,
.crc-modal select,
.crc-modal textarea {
	min-height: 44px;
	border: 1px solid var(--crc-t-borda-campo);
	border-radius: var(--crc-t-raio-campo);
	font-family: inherit;
	font-size: 14px;
	padding: 0 12px;
	box-sizing: border-box;
	width: 100%;
}

.crc-modal textarea {
	padding: 10px 12px;
}

/* ---------- Telas de acesso (login e recuperação de senha) ---------- */

.crc-auth-tela {
	font-family: var(--crc-t-fonte);
	grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
}

.crc-auth-tela .crc-auth-foto::after {
	background: linear-gradient(180deg, rgba(38, 43, 69, 0.10) 0%, rgba(38, 43, 69, 0.35) 45%, rgba(26, 30, 50, 0.92) 100%);
}

.crc-auth-tela .crc-auth-legenda {
	left: 56px;
	right: 56px;
	bottom: 48px;
	gap: 14px;
	max-width: 520px;
}

.crc-auth-tela .crc-auth-legenda-sub {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.12em;
	color: #C9D8EA;
	opacity: 1;
}

.crc-auth-tela .crc-auth-legenda strong {
	font-size: 32px;
	line-height: 1.18;
	font-weight: 700;
}

.crc-auth-tela .crc-auth-selos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}

.crc-auth-tela .crc-auth-selos span {
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 500;
}

.crc-auth-tela .crc-auth-lado {
	background: #FFFFFF;
	padding: 48px 24px;
}

.crc-auth-tela .crc-auth-coluna {
	width: 100%;
	max-width: 400px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.crc-auth-tela .crc-painel-auth {
	max-width: none;
	border: none;
	border-radius: 0;
	box-shadow: none !important;
	background: transparent;
	overflow: visible;
}

.crc-auth-tela .crc-painel-auth .crc-topo {
	background: transparent;
	border: none;
	justify-content: flex-start;
	padding: 0 0 22px;
}

.crc-auth-tela .crc-logo-auth {
	max-width: 84px;
}

.crc-auth-tela .crc-painel-auth .crc-corpo {
	padding: 0;
	background: transparent;
}

.crc-auth-tela .crc-auth-titulo {
	text-align: left;
	font-size: 26px;
	margin: 0 0 6px;
	color: var(--crc-t-texto);
}

.crc-auth-tela .crc-auth-texto {
	text-align: left;
	font-size: 15px;
	color: var(--crc-t-texto-2);
	margin: 0 0 14px;
}

.crc-auth-tela .crc-form-auth label,
.crc-auth-tela .crc-painel-auth #loginform label {
	font-size: 13px;
	font-weight: 600;
	color: var(--crc-t-texto);
}

.crc-auth-tela .crc-form-auth input[type="text"],
.crc-auth-tela .crc-form-auth input[type="password"],
.crc-auth-tela .crc-form-auth input[type="email"],
.crc-auth-tela .crc-painel-auth #loginform input[type="text"],
.crc-auth-tela .crc-painel-auth #loginform input[type="password"] {
	height: 48px;
	padding: 0 14px;
	border: 1px solid var(--crc-t-borda-campo);
	border-radius: var(--crc-t-raio-campo);
	font-family: inherit;
	font-size: 15px;
	color: var(--crc-t-texto);
}

.crc-auth-tela .crc-painel-auth #loginform .login-remember label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	font-size: 14px;
	color: var(--crc-t-texto-3);
	min-height: 44px;
}

.crc-auth-tela .crc-painel-auth #loginform .login-remember input {
	width: 18px;
	height: 18px;
	accent-color: var(--crc-t-azul);
	margin: 0;
}

.crc-auth-tela .crc-painel-auth #loginform input[type="submit"],
.crc-auth-tela .crc-form-auth button.crc-btn-primario,
.crc-auth-tela a.crc-btn-primario {
	height: 50px;
	border-radius: var(--crc-t-raio-campo);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	background: var(--crc-t-azul);
	border: 1px solid var(--crc-t-azul);
	color: #FFFFFF;
}

.crc-auth-tela .crc-painel-auth #loginform input[type="submit"]:hover {
	background: var(--crc-t-azul-escuro);
}

.crc-auth-tela .crc-auth-links {
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	margin-top: 14px;
}

.crc-auth-tela .crc-auth-rodape {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding-top: 20px;
	border-top: 1px solid #E6E9EE;
	font-size: 13px;
	color: var(--crc-t-texto-2);
}

@media (max-width: 860px) {
	.crc-auth-tela {
		grid-template-columns: 1fr;
	}

	.crc-auth-tela .crc-auth-lado {
		background: transparent;
		padding: 32px 16px;
	}

	.crc-auth-tela .crc-auth-coluna {
		background: #FFFFFF;
		border-radius: 14px;
		padding: 24px 20px;
		box-shadow: 0 10px 30px rgba(26, 30, 50, 0.25);
		gap: 18px;
	}
}

/* ---------- Acabamentos ---------- */

/* Menu lateral ocupa a altura toda da página no computador */
@media (min-width: 761px) {
	.crc-layout {
		background: linear-gradient(to right, var(--crc-t-navy) 248px, var(--crc-t-fundo) 248px);
	}
}

.crc-layout .crc-painel-graficos-op {
	margin: 0;
	padding: 0;
	border: none;
}

/* Filtros do Kanban em uma única faixa */
.crc-layout .crc-filtro-kanban {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.crc-layout .crc-filtro-kanban .crc-filtro-linha {
	display: contents;
}

/* Etiquetas de status que não tinham cor */
.crc-layout .crc-status-reenviar {
	background: #EAF2FA;
	color: #1D4F7A;
}

.crc-layout .crc-status-numero_errado {
	background: #F1F3F6;
	color: #3C4257;
}

/* Botão "Pegar próximo" quebra a linha em telas estreitas */
.crc-layout .crc-btn-proximo {
	white-space: normal;
	max-width: 100%;
	text-align: center;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.crc-layout .crc-grid-relatorios {
	justify-content: flex-start;
}

@media (max-width: 760px) {
	.crc-layout .crc-sidebar-nav {
		flex: none;
	}

	.crc-layout .crc-sidebar-rodape {
		margin-top: 0;
		padding-top: 12px;
	}

	.crc-layout .crc-btn-proximo {
		align-self: stretch;
	}

	.crc-layout .crc-cliente-acoes {
		width: 100%;
	}

	.crc-layout .crc-cliente-acoes .crc-btn {
		flex: 1 1 auto;
	}
}

/* Selecionado continua azul mesmo com o dedo/mouse em cima */
.crc-layout .crc-grid-status .crc-btn-status.crc-selecionado,
.crc-layout .crc-grid-status .crc-btn-status.crc-selecionado:hover {
	background: var(--crc-t-azul);
	border-color: var(--crc-t-azul);
	color: #FFFFFF;
}

.crc-layout .crc-grid-status .crc-btn-status.crc-btn-perigo.crc-selecionado,
.crc-layout .crc-grid-status .crc-btn-status.crc-btn-perigo.crc-selecionado:hover {
	background: var(--crc-t-perigo);
	border-color: var(--crc-t-perigo);
	color: #FFFFFF;
}

/* ---------- Botão de ver senha (v1.8.0) ---------- */

.crc-auth-tela .crc-senha-caixa {
	position: relative;
	display: block;
	width: 100%;
}

.crc-auth-tela .crc-senha-caixa input {
	width: 100%;
	padding-right: 52px !important;
	box-sizing: border-box;
}

.crc-auth-tela .crc-senha-olho {
	position: absolute;
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: var(--crc-t-texto-2);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: none;
}

.crc-auth-tela .crc-senha-olho:hover {
	background: var(--crc-t-superficie-2);
	color: var(--crc-t-texto);
}

.crc-auth-tela .crc-senha-olho:focus-visible {
	outline: 2px solid var(--crc-t-azul);
	outline-offset: 1px;
}

/* ---------- Envio de planilha com lista + Corrigir envio (v1.8.0) ---------- */

.crc-layout .crc-upload-campos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
}

.crc-layout .crc-upload-campos label,
.crc-modal-correcao .crc-upload-campos label,
.crc-modal-correcao .crc-correcao-painel > label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--crc-t-texto);
}

.crc-layout .crc-upload-ajuda {
	margin: 0;
	font-size: 12px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-upload-acoes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.crc-layout .crc-card-upload .crc-upload-acoes .crc-btn-primario {
	align-self: auto;
}

.crc-layout .crc-cor-listas {
	margin-top: 6px;
	padding-top: 8px;
	border-top: 1px solid #EEF0F3;
	font-size: 12px;
	font-weight: 600;
	color: var(--crc-t-texto-3);
	font-variant-numeric: tabular-nums;
}

.crc-modal .crc-modal-correcao {
	max-width: 560px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.crc-modal .crc-modal-correcao h3 {
	margin: 0;
}

.crc-modal-correcao .crc-correcao-intro,
.crc-modal-correcao .crc-correcao-aviso {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--crc-t-texto-2);
}

.crc-modal-correcao .crc-correcao-aviso {
	font-size: 13px;
	font-weight: 600;
	color: var(--crc-t-perigo);
}

.crc-modal-correcao .crc-correcao-opcoes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
}

.crc-modal-correcao .crc-correcao-opcao {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 14px;
	border: 1px solid var(--crc-t-borda-campo);
	border-radius: var(--crc-t-raio-campo);
	cursor: pointer;
	background: #FFFFFF;
}

.crc-modal-correcao .crc-correcao-opcao.crc-opcao-ativa {
	border: 2px solid var(--crc-t-azul);
	padding: 13px;
	background: var(--crc-t-azul-suave);
}

.crc-modal-correcao .crc-correcao-opcao input {
	width: 18px;
	min-height: 0;
	height: 18px;
	margin: 2px 0 0;
	accent-color: var(--crc-t-azul);
	flex-shrink: 0;
}

.crc-modal-correcao .crc-correcao-opcao span {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.crc-modal-correcao .crc-correcao-opcao strong {
	font-size: 14px;
	color: var(--crc-t-texto);
}

.crc-modal-correcao .crc-correcao-opcao small {
	font-size: 12px;
	line-height: 1.4;
	color: var(--crc-t-texto-2);
}

.crc-modal-correcao .crc-correcao-painel {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.crc-modal-correcao .crc-correcao-painel select {
	width: 100%;
	background: #FFFFFF;
	color: var(--crc-t-texto);
}

.crc-modal-correcao .crc-mensagem {
	margin: 0;
	padding: 12px 14px;
	border-radius: var(--crc-t-raio-campo);
	background: #EAF3DE;
	color: #173404;
	font-size: 14px;
	line-height: 1.5;
}

.crc-modal-correcao .crc-mensagem.crc-erro {
	background: #FCEBEB;
	color: #501313;
}

.crc-modal .crc-btn-excluir {
	background: var(--crc-t-perigo);
	border: 1px solid var(--crc-t-perigo);
	color: #FFFFFF;
}

.crc-modal .crc-btn-excluir:hover:not(:disabled) {
	background: #8A2827;
	border-color: #8A2827;
	color: #FFFFFF;
}

.crc-modal .crc-btn-excluir:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.crc-layout .crc-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.crc-layout .crc-badge-lista,
.crc-layout .crc-kcard-lista {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--crc-t-azul-suave);
	color: #1D4F7A;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
}

.crc-layout .crc-badge-lista:empty {
	display: none;
}

/* Botões das janelas (o tema Hello Elementor pinta <button> de rosa) */
.crc-modal button.crc-btn:not(.crc-btn-primario):not(.crc-btn-excluir) {
	background: #FFFFFF;
	border: 1px solid var(--crc-t-borda-campo);
	color: var(--crc-t-texto);
}

.crc-modal button.crc-btn:not(.crc-btn-primario):not(.crc-btn-excluir):hover {
	background: var(--crc-t-superficie-2);
	color: var(--crc-t-texto);
}

.crc-modal button.crc-btn-primario {
	background: var(--crc-t-azul);
	border: 1px solid var(--crc-t-azul);
	color: #FFFFFF;
}

/* ---------- Pagamento: asterisco e caixa "Marcar como pagou" (v1.10.0) ---------- */

.crc-layout .crc-obrigatorio {
	color: var(--crc-t-perigo);
	font-weight: 700;
}

.crc-modal .crc-check-pagou {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border-radius: var(--crc-t-raio-campo);
	background: var(--crc-t-azul-suave);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--crc-t-texto);
	cursor: pointer;
}

.crc-modal .crc-check-pagou input[type="checkbox"] {
	width: 18px;
	height: 18px;
	min-height: 0;
	padding: 0;
	margin: 1px 0 0;
	flex-shrink: 0;
	accent-color: var(--crc-t-azul);
}

.crc-modal .crc-form-detalhe {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.crc-modal .crc-form-detalhe label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--crc-t-texto);
}

.crc-modal #crc-modal-erro {
	margin: 0;
	padding: 10px 12px;
	border-radius: var(--crc-t-raio-campo);
	background: #FCEBEB;
	color: #501313;
	font-size: 14px;
}

/* ---------- Lista de espera e busca por contrato/CPF (v1.11.0) ---------- */

.crc-layout .crc-puxar-barra {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 16px;
}

.crc-layout .crc-puxar-barra .crc-btn-proximo {
	align-self: flex-end;
}

.crc-layout .crc-busca-contrato {
	flex: 1 1 320px;
	max-width: 520px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}

.crc-layout .crc-busca-rotulo {
	font-size: 13px;
	font-weight: 600;
	color: var(--crc-t-texto);
}

.crc-layout .crc-busca-linha {
	display: flex;
	gap: 8px;
}

.crc-layout .crc-busca-linha input {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 48px;
}

.crc-layout .crc-busca-linha .crc-btn {
	min-height: 48px;
	flex: 0 0 auto;
}

.crc-layout .crc-lista-espera {
	background: var(--crc-t-superficie);
	border: 1px solid var(--crc-t-borda);
	border-radius: 14px;
	padding: 18px 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.crc-layout .crc-espera-topo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.crc-layout .crc-espera-topo .crc-secao-titulo {
	margin: 0;
}

.crc-layout .crc-espera-contagem {
	min-width: 44px;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--crc-t-azul-suave);
	color: #1D4F7A;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

.crc-layout .crc-espera-contagem.crc-espera-cheia {
	background: #FCEBEB;
	color: #501313;
}

.crc-layout .crc-espera-vazia {
	margin: 0;
	font-size: 14px;
	color: var(--crc-t-texto-2);
}

.crc-layout .crc-espera-itens {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 10px;
}

.crc-layout .crc-espera-linha {
	display: flex;
	align-items: stretch;
	border: 1px solid var(--crc-t-borda);
	border-radius: var(--crc-t-raio-campo);
	background: #FFFFFF;
	overflow: hidden;
	margin: 0;
}

.crc-layout .crc-espera-linha.crc-espera-ativa {
	border: 2px solid var(--crc-t-azul);
	box-shadow: 0 0 0 3px rgba(46, 120, 181, 0.12);
}

.crc-layout .crc-espera-item {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	min-height: 56px;
	border: none;
	background: transparent;
	color: var(--crc-t-texto);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}

.crc-layout .crc-espera-item:hover {
	background: var(--crc-t-superficie-2);
}

.crc-layout .crc-espera-ativa .crc-espera-item {
	background: var(--crc-t-azul-suave);
}

.crc-layout .crc-espera-cor {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #8A93A6;
}

.crc-layout .crc-espera-cor-verde { background: #4A8F2A; }
.crc-layout .crc-espera-cor-amarelo { background: #C99403; }
.crc-layout .crc-espera-cor-vermelho { background: #C53B3A; }
.crc-layout .crc-espera-cor-preto { background: #2C2C2A; }

.crc-layout .crc-espera-texto {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.crc-layout .crc-espera-texto strong {
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.crc-layout .crc-espera-texto small {
	font-size: 12px;
	color: var(--crc-t-texto-2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.crc-layout .crc-espera-valor {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.crc-layout .crc-espera-devolver {
	flex: 0 0 44px;
	width: 44px;
	border: none;
	border-left: 1px solid var(--crc-t-borda);
	background: #FFFFFF;
	color: var(--crc-t-texto-2);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	margin: 0;
	min-height: 0;
	border-radius: 0;
	box-shadow: none;
}

.crc-layout .crc-espera-devolver:hover {
	background: #FCEBEB;
	color: var(--crc-t-perigo);
}

/* ---------- Botões em foco/clique: anula o rosa do tema Hello Elementor ---------- */

.crc-layout .crc-btn:focus,
.crc-layout .crc-btn:active,
.crc-layout .crc-btn-status:focus,
.crc-layout .crc-btn-status:active,
.crc-layout .crc-espera-devolver:focus,
.crc-layout .crc-espera-devolver:active,
.crc-layout button.crc-card-cor:focus,
.crc-layout button.crc-card-cor:active {
	background: #FFFFFF;
	border-color: var(--crc-t-borda-campo);
	color: var(--crc-t-texto);
}

.crc-layout .crc-espera-item:focus,
.crc-layout .crc-espera-item:active {
	background: var(--crc-t-superficie-2);
	color: var(--crc-t-texto);
}

.crc-layout .crc-espera-ativa .crc-espera-item:focus,
.crc-layout .crc-espera-ativa .crc-espera-item:active {
	background: var(--crc-t-azul-suave);
}

.crc-layout .crc-btn-primario:focus,
.crc-layout .crc-btn-primario:active {
	background: var(--crc-t-azul-escuro);
	border-color: var(--crc-t-azul-escuro);
	color: #FFFFFF;
}

.crc-layout .crc-btn-sucesso:focus,
.crc-layout .crc-btn-sucesso:active {
	background: #33742B;
	border-color: #33742B;
	color: #FFFFFF;
}

.crc-layout .crc-btn-whatsapp:focus,
.crc-layout .crc-btn-whatsapp:active {
	background: #DCEBC9;
	border-color: #DCEBC9;
	color: #173404;
}

.crc-layout .crc-btn-perigo:focus,
.crc-layout .crc-btn-perigo:active,
.crc-layout .crc-btn-status.crc-btn-perigo:focus {
	color: var(--crc-t-perigo);
}

.crc-layout .crc-grid-status .crc-btn-status.crc-selecionado:focus,
.crc-layout .crc-grid-status .crc-btn-status.crc-selecionado:active {
	background: var(--crc-t-azul);
	border-color: var(--crc-t-azul);
	color: #FFFFFF;
}

.crc-layout .crc-grid-status .crc-btn-status.crc-btn-perigo.crc-selecionado:focus,
.crc-layout .crc-grid-status .crc-btn-status.crc-btn-perigo.crc-selecionado:active {
	background: var(--crc-t-perigo);
	border-color: var(--crc-t-perigo);
	color: #FFFFFF;
}

.crc-layout button.crc-card-cor.crc-selecionada:focus {
	border-color: var(--crc-t-azul);
}

/* ---------- Confirmação financeira: janela, parcelas e avisos (v1.12.0) ---------- */

.crc-modal .crc-modal-confirmar {
	max-width: 620px;
	max-height: calc(100vh - 32px);
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 14px;
	box-sizing: border-box;
}

.crc-modal .crc-modal-confirmar h3 {
	margin: 0;
}

.crc-modal-confirmar .crc-confirmar-quem {
	margin: -6px 0 0;
	font-size: 14px;
	color: var(--crc-t-texto-2);
}

.crc-modal-confirmar .crc-confirmar-grade {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	align-items: end;
}

.crc-modal-confirmar label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--crc-t-texto);
}

.crc-modal-confirmar select,
.crc-modal-confirmar textarea,
.crc-modal-confirmar input {
	background: #FFFFFF;
	color: var(--crc-t-texto);
}

.crc-modal-confirmar .crc-confirmar-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 10px 12px;
	border-radius: var(--crc-t-raio-campo);
	background: var(--crc-t-superficie-2);
	min-height: 44px;
	box-sizing: border-box;
	justify-content: center;
}

.crc-modal-confirmar .crc-confirmar-info span {
	font-size: 12px;
	color: var(--crc-t-texto-2);
}

.crc-modal-confirmar .crc-confirmar-info strong {
	font-size: 18px;
	font-variant-numeric: tabular-nums;
}

.crc-modal-confirmar .crc-confirmar-diferenca,
.crc-modal-confirmar .crc-confirmar-comissao {
	margin: 0;
	padding: 10px 12px;
	border-radius: var(--crc-t-raio-campo);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
	background: var(--crc-t-superficie-2);
	color: var(--crc-t-texto-3);
}

.crc-modal-confirmar .crc-dif-desconto { background: #FAEEDA; color: #412402; }
.crc-modal-confirmar .crc-dif-acrescimo { background: var(--crc-t-azul-suave); color: #1D4F7A; }
.crc-modal-confirmar .crc-com-sim { background: #EAF3DE; color: #173404; }
.crc-modal-confirmar .crc-com-nao { background: #FCEBEB; color: #501313; }

.crc-modal-confirmar .crc-confirmar-parcelas {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--crc-t-borda);
	border-radius: var(--crc-t-raio-campo);
	max-height: 200px;
	overflow-y: auto;
}

.crc-modal-confirmar .crc-confirmar-parcelas li {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 10px;
	align-items: center;
	padding: 8px 12px;
	font-size: 13px;
	border-bottom: 1px solid #EEF0F3;
}

.crc-modal-confirmar .crc-confirmar-parcelas li:last-child {
	border-bottom: none;
}

.crc-modal-confirmar .crc-confirmar-parcelas strong {
	font-variant-numeric: tabular-nums;
}

.crc-modal-confirmar .crc-confirmar-parcelas small {
	text-align: right;
	color: var(--crc-t-texto-2);
}

.crc-modal-confirmar .crc-mensagem {
	margin: 0;
	padding: 10px 12px;
	border-radius: var(--crc-t-raio-campo);
	background: #EAF3DE;
	color: #173404;
	font-size: 14px;
	line-height: 1.45;
}

.crc-modal-confirmar .crc-mensagem.crc-erro {
	background: #FCEBEB;
	color: #501313;
}

.crc-modal .crc-modal-confirmar button.crc-btn-confirmar-modal,
.crc-modal .crc-modal-confirmar button.crc-btn-confirmar-modal:hover,
.crc-modal .crc-modal-confirmar button.crc-btn-confirmar-modal:focus {
	background: var(--crc-t-sucesso);
	border: 1px solid var(--crc-t-sucesso);
	color: #FFFFFF;
}

.crc-modal .crc-modal-confirmar button.crc-btn-recusar-modal,
.crc-modal .crc-modal-confirmar button.crc-btn-recusar-modal:focus {
	background: #FFFFFF;
	border: 1px solid var(--crc-t-borda-campo);
	color: var(--crc-t-perigo);
}

.crc-modal .crc-modal-confirmar button.crc-btn-recusar-modal:hover {
	background: #FCEBEB;
	color: var(--crc-t-perigo);
}

.crc-modal .crc-modal-confirmar .crc-modal-acoes {
	flex-wrap: wrap;
}

.crc-modal .crc-modal-confirmar button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Detalhes pequenos dentro das células do relatório */
.crc-layout .crc-celula-detalhe {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.35;
	color: var(--crc-t-texto-2);
	max-width: 220px;
}

.crc-layout .crc-valor-antigo {
	text-decoration: line-through;
}

.crc-layout .crc-justificativa {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.crc-layout .crc-comissao-direcionada {
	color: #6B4A00;
	font-weight: 600;
}

.crc-layout .crc-btn.crc-btn-mini {
	min-height: 32px;
	padding: 0 10px;
	font-size: 12px;
	margin-left: 6px;
	vertical-align: middle;
}

.crc-layout .crc-status-parcial {
	background: var(--crc-t-azul-suave);
	color: #1D4F7A;
}

.crc-layout .crc-status-recusado,
.crc-layout .crc-status-vencida {
	background: #FCEBEB;
	color: #501313;
}

.crc-layout .crc-status-vencida {
	margin-left: 6px;
}

.crc-layout .crc-parcela-vencida td {
	background: #FFF8F8;
}

/* Aviso de ajuste no painel do operador */
.crc-layout .crc-avisos-ajuste {
	background: #FFFBF2;
	border: 1px solid #F0D9A8;
	border-radius: 14px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.crc-layout .crc-avisos-ajuste .crc-secao-titulo {
	margin: 0;
	color: #412402;
}

.crc-layout .crc-aviso-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: #FFFFFF;
	border: 1px solid #F0E3C6;
	border-radius: var(--crc-t-raio-campo);
}

.crc-layout .crc-aviso-texto {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--crc-t-texto);
	flex: 1 1 360px;
	min-width: 0;
}

.crc-layout .crc-aviso-justificativa {
	font-weight: 600;
}

.crc-layout .crc-aviso-texto small {
	font-size: 12px;
	color: var(--crc-t-texto-2);
}

/* Botões da janela de confirmação (vencem a regra geral de botões da janela) */
.crc-modal .crc-modal-confirmar button.crc-btn.crc-btn-confirmar-modal {
	background: var(--crc-t-sucesso) !important;
	border: 1px solid var(--crc-t-sucesso) !important;
	color: #FFFFFF !important;
}

.crc-modal .crc-modal-confirmar button.crc-btn.crc-btn-confirmar-modal:hover {
	background: #33742B !important;
	border-color: #33742B !important;
}

.crc-modal .crc-modal-confirmar button.crc-btn.crc-btn-recusar-modal {
	background: #FFFFFF !important;
	border: 1px solid var(--crc-t-borda-campo) !important;
	color: var(--crc-t-perigo) !important;
}

.crc-modal .crc-modal-confirmar button.crc-btn.crc-btn-recusar-modal:hover {
	background: #FCEBEB !important;
}

/* Relatório individual: tabela mais larga (rola de lado em telas menores) */
.crc-layout .crc-painel-relatorio .crc-tabela-dashboard {
	min-width: 1040px;
}

.crc-layout .crc-painel-relatorio .crc-celula-detalhe {
	max-width: 180px;
}

.crc-layout .crc-painel-relatorio .crc-tabela-dashboard td:nth-child(1),
.crc-layout .crc-painel-relatorio .crc-tabela-dashboard tfoot td {
	white-space: nowrap;
}

.crc-layout .crc-tabela-parcelas td:nth-child(3),
.crc-layout .crc-tabela-parcelas td:nth-child(4),
.crc-layout .crc-tabela-parcelas td:nth-child(7) {
	white-space: nowrap;
}