/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2026 | 14:41:43 */
/*
 * cp-pages-painel-processos.css — Painel admin de saúde do monitoramento
 * de processos via DataJud. Prefixo cp-pnl-proc-*.
 *
 * Reusa tokens do cp-design-system + classes globais (cpds-*).
 * Estilos cp-pnl-* base (header, body) vêm de cp-pages-painel.css.
 */

/* ── KPIs row ─────────────────────────────────────────────────────────── */

.cp-pnl-proc-kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: var(--cp-space-3);
	margin-bottom: var(--cp-space-5);
}
.cp-pnl-kpi {
	background: var(--cp-surface);
	border-radius: var(--cp-radius-lg);
	padding: var(--cp-space-4) var(--cp-space-5);
	box-shadow: var(--cp-shadow-sm);
	display: flex;
	flex-direction: column;
	gap: var(--cp-space-1);
}
.cp-pnl-kpi-num {
	font-size: var(--cp-text-2xl) !important;
	font-weight: var(--cp-weight-bold) !important;
	color: var(--cp-text-primary) !important;
	line-height: var(--cp-leading-tight) !important;
	font-variant-numeric: tabular-nums;
}
.cp-pnl-kpi-lbl {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}


/* ── Saúde DataJud (3 colunas) ────────────────────────────────────────── */

.cp-pnl-proc-health {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--cp-space-3);
	margin-bottom: var(--cp-space-5);
}
.cp-pnl-proc-health-card {
	background: var(--cp-surface);
	border-radius: var(--cp-radius-lg);
	padding: var(--cp-space-4) var(--cp-space-5);
	box-shadow: var(--cp-shadow-sm);
}
.cp-pnl-proc-health-card h3 {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: var(--cp-weight-bold) !important;
	margin: 0 0 var(--cp-space-3) !important;
}

/* Status do updater */
.cp-pnl-proc-updater-row {
	display: flex;
	justify-content: space-between;
	padding: var(--cp-space-1) 0;
	font-size: var(--cp-text-sm) !important;
}
.cp-pnl-proc-updater-row strong {
	color: var(--cp-text-secondary) !important;
	font-weight: var(--cp-weight-medium) !important;
}
.cp-pnl-proc-updater-row span {
	color: var(--cp-text-primary) !important;
	font-variant-numeric: tabular-nums;
}

/* Distribuição por tribunal (bar inline) */
.cp-pnl-proc-tribunal-row {
	display: grid;
	grid-template-columns: 70px 1fr 50px;
	gap: var(--cp-space-2);
	align-items: center;
	padding: var(--cp-space-1) 0;
	font-size: var(--cp-text-sm) !important;
}
.cp-pnl-proc-tribunal-name {
	color: var(--cp-text-primary) !important;
	text-transform: uppercase;
	font-weight: var(--cp-weight-medium) !important;
}
.cp-pnl-proc-tribunal-bar {
	height: 6px;
	background: var(--cp-surface-muted);
	border-radius: var(--cp-radius-pill);
	overflow: hidden;
}
.cp-pnl-proc-tribunal-bar-fill {
	height: 100%;
	background: var(--cp-brand-yellow);
	border-radius: inherit;
}
.cp-pnl-proc-tribunal-count {
	text-align: right;
	color: var(--cp-text-tertiary) !important;
	font-variant-numeric: tabular-nums;
	font-size: var(--cp-text-xs) !important;
}

/* Erros recentes */
.cp-pnl-proc-erro-row {
	padding: var(--cp-space-2) 0;
	border-bottom: 1px solid var(--cp-border);
	font-size: var(--cp-text-sm) !important;
}
.cp-pnl-proc-erro-row:last-child { border-bottom: none; }
.cp-pnl-proc-erro-msg {
	color: var(--cp-danger-fg) !important;
	font-family: 'SF Mono', Consolas, monospace;
	font-size: var(--cp-text-xs) !important;
	display: block;
	margin-bottom: var(--cp-space-1) !important;
}
.cp-pnl-proc-erro-ts {
	color: var(--cp-text-tertiary) !important;
	font-size: var(--cp-text-xs) !important;
}
.cp-pnl-proc-erros-empty {
	color: var(--cp-success-fg) !important;
	font-size: var(--cp-text-sm) !important;
	font-style: italic;
}


/* ── Filtros (search + pills) ────────────────────────────────────────── */

.cp-pnl-proc-filtros {
	display: flex;
	gap: var(--cp-space-3);
	margin-bottom: var(--cp-space-3);
	flex-wrap: wrap;
	align-items: center;
}
.cp-pnl-proc-filtros .cpds-input {
	flex: 1;
	min-width: 220px;
}
.cp-pnl-proc-status-pills {
	display: flex;
	gap: var(--cp-space-1);
	flex-wrap: wrap;
}


/* ── Tabela ───────────────────────────────────────────────────────────── */

.cp-pnl-proc-tabela-scroll {
	background: var(--cp-surface);
	border-radius: var(--cp-radius-lg);
	box-shadow: var(--cp-shadow-sm);
	overflow-x: auto;
}
table.cp-pnl-proc-tabela {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--cp-text-sm) !important;
}
.cp-pnl-proc-tabela thead {
	background: var(--cp-surface-muted);
}
.cp-pnl-proc-tabela th {
	padding: var(--cp-space-3) var(--cp-space-3) !important;
	text-align: left;
	color: var(--cp-text-tertiary) !important;
	font-size: var(--cp-text-xs) !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: var(--cp-weight-bold) !important;
	border-bottom: 1px solid var(--cp-border);
}
.cp-pnl-proc-tabela td {
	padding: var(--cp-space-2) var(--cp-space-3) !important;
	border-bottom: 1px solid var(--cp-border);
	color: var(--cp-text-primary) !important;
	vertical-align: middle;
}
.cp-pnl-proc-tabela tr:hover td {
	background: var(--cp-surface-subtle);
}
.cp-pnl-proc-tabela tr.row-erro td {
	background: linear-gradient(to right, var(--cp-danger-bg), transparent 60%);
}
.cp-pnl-proc-tabela tr.row-pausado { opacity: 0.55; }
.cp-pnl-proc-tabela .col-numero {
	font-family: 'SF Mono', Consolas, monospace;
	font-size: var(--cp-text-xs) !important;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.cp-pnl-proc-tabela .col-status .cpds-badge {
	display: inline-block;
}
.cp-pnl-proc-tabela .col-num {
	text-align: right;
	font-variant-numeric: tabular-nums;
}
.cp-pnl-proc-tabela .col-ts {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.cp-pnl-proc-tabela .col-erro {
	color: var(--cp-danger-fg) !important;
	font-size: var(--cp-text-xs) !important;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cp-pnl-proc-tabela-empty {
	padding: var(--cp-space-7) var(--cp-space-5) !important;
	text-align: center;
	color: var(--cp-text-tertiary) !important;
	font-style: italic;
}

@media (max-width: 700px) {
	.cp-pnl-proc-tabela th:nth-child(n+5),
	.cp-pnl-proc-tabela td:nth-child(n+5) { display: none; }
}