/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 08 2026 | 18:48:20 */
/* ============================================================
 * Painel KB Admin — curadoria da Base de Conhecimento
 * Prefixo: cp-pkb-*  (reusa cp-pnl-* base; ver memoria
 * "Painel CSS — cp-pnl-st-* so funciona chained")
 * ============================================================ */


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

.cp-ds .cp-pkb-kpis {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 12px !important;
	margin: 0 0 24px 0 !important;
}

.cp-ds .cp-pkb-kpi {
	background: #fff !important;
	border: 1px solid #e8e8ec !important;
	border-radius: 6px !important;
	padding: 16px 14px !important;
	cursor: default !important;
	transition: border-color .12s !important;
}

.cp-ds .cp-pkb-kpi[data-filter] { cursor: pointer !important; }
.cp-ds .cp-pkb-kpi[data-filter]:hover { border-color: var(--cp-amarelo, #F7D44A) !important; }

.cp-ds .cp-pkb-kpi-value {
	font-size: 28px !important;
	line-height: 1.1 !important;
	font-weight: 600 !important;
	color: #1A1A1A !important;
	font-variant-numeric: tabular-nums !important;
}

.cp-ds .cp-pkb-kpi-label {
	font-size: 12px !important;
	color: #6b6b73 !important;
	margin-top: 6px !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
	font-weight: 500 !important;
}

.cp-ds .cp-pkb-tone-ok    .cp-pkb-kpi-value { color: #1f7a47 !important; }
.cp-ds .cp-pkb-tone-warn  .cp-pkb-kpi-value { color: #b8730e !important; }
.cp-ds .cp-pkb-tone-err   .cp-pkb-kpi-value { color: #b8302a !important; }
.cp-ds .cp-pkb-tone-total .cp-pkb-kpi-value { color: #1A1A1A !important; }

.cp-ds .cp-pkb-kpi.cp-pnl-active {
	border-color: var(--cp-amarelo, #F7D44A) !important;
	background: #fffbe8 !important;
}


/* ─── Filtros ──────────────────────────────────────────────── */

.cp-ds .cp-pkb-filters {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	align-items: center !important;
	margin: 0 0 16px 0 !important;
	padding: 12px 14px !important;
	background: #fafafc !important;
	border: 1px solid #ececf0 !important;
	border-radius: 6px !important;
}

.cp-ds .cp-pkb-search { flex: 1 1 280px !important; min-width: 200px !important; }

.cp-ds .cp-pkb-search input {
	width: 100% !important;
	padding: 8px 12px !important;
	border: 1px solid #d4d4d8 !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	color: #1A1A1A !important;
	background: #fff !important;
	font-family: inherit !important;
}

.cp-ds .cp-pkb-search input:focus {
	outline: none !important;
	border-color: var(--cp-amarelo, #F7D44A) !important;
	box-shadow: 0 0 0 2px rgba(247, 212, 74, .25) !important;
}

.cp-ds .cp-pkb-pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	align-items: center !important;
}

.cp-ds .cp-pkb-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 5px 10px !important;
	background: #fff !important;
	border: 1px solid #d4d4d8 !important;
	border-radius: 14px !important;
	font-size: 12px !important;
	color: #4a4a52 !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: all .12s !important;
	font-family: inherit !important;
}

.cp-ds .cp-pkb-pill:hover { border-color: #1A1A1A !important; color: #1A1A1A !important; }

.cp-ds .cp-pkb-pill.cp-pnl-active {
	background: #1A1A1A !important;
	border-color: #1A1A1A !important;
	color: #fff !important;
}

.cp-ds .cp-pkb-pill-cnt {
	font-size: 10px !important;
	font-weight: 600 !important;
	opacity: .7 !important;
	font-variant-numeric: tabular-nums !important;
}

.cp-ds .cp-pkb-actions { margin-left: auto !important; }

.cp-ds .cp-pkb-btn {
	padding: 6px 14px !important;
	background: #fff !important;
	border: 1px solid #d4d4d8 !important;
	border-radius: 4px !important;
	font-size: 12px !important;
	color: #4a4a52 !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	font-family: inherit !important;
}

.cp-ds .cp-pkb-btn:hover { border-color: #1A1A1A !important; color: #1A1A1A !important; }


/* ─── Resumo ───────────────────────────────────────────────── */

.cp-ds .cp-pkb-summary {
	font-size: 12px !important;
	color: #6b6b73 !important;
	margin: 0 0 8px 4px !important;
	font-variant-numeric: tabular-nums !important;
}


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

.cp-ds .cp-pkb-table-wrap { overflow-x: auto !important; }

.cp-ds .cp-pkb-table {
	width: 100% !important;
	font-size: 13px !important;
	border-collapse: collapse !important;
}

.cp-ds .cp-pkb-table thead th {
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
	color: #6b6b73 !important;
	padding: 10px 8px !important;
	border-bottom: 1px solid #d4d4d8 !important;
	background: #fafafc !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	text-align: left !important;
}

.cp-ds .cp-pkb-table thead th:hover { color: #1A1A1A !important; }

.cp-ds .cp-pkb-table thead th.cp-pkb-sort-asc::after  { content: " ▲" !important; opacity: .6 !important; }
.cp-ds .cp-pkb-table thead th.cp-pkb-sort-desc::after { content: " ▼" !important; opacity: .6 !important; }

.cp-ds .cp-pkb-table tbody tr { border-bottom: 1px solid #f0f0f3 !important; }
.cp-ds .cp-pkb-table tbody tr:hover { background: #fafafc !important; }

.cp-ds .cp-pkb-table tbody td {
	padding: 10px 8px !important;
	color: #1A1A1A !important;
	vertical-align: top !important;
}

.cp-ds .cp-pkb-table .cp-pkb-cell-title {
	font-weight: 500 !important;
	color: #1A1A1A !important;
	max-width: 360px !important;
}

.cp-ds .cp-pkb-table .cp-pkb-cell-code {
	font-size: 11px !important;
	color: #6b6b73 !important;
	margin-top: 2px !important;
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
	word-break: break-all !important;
}

.cp-ds .cp-pkb-table .cp-pkb-cell-path {
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
	font-size: 11px !important;
	color: #6b6b73 !important;
	word-break: break-all !important;
	max-width: 360px !important;
}


/* ─── Status pills (chained — ver memoria cp-pnl-st-*) ─────── */

.cp-ds .cp-pkb-st {
	display: inline-block !important;
	padding: 2px 8px !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	border-radius: 3px !important;
	white-space: nowrap !important;
}
.cp-ds .cp-pkb-st.cp-pkb-st-active     { background: #e6f4ec !important; color: #1f7a47 !important; }
.cp-ds .cp-pkb-st.cp-pkb-st-draft      { background: #fef3d7 !important; color: #8c5a04 !important; }
.cp-ds .cp-pkb-st.cp-pkb-st-review     { background: #e7eef9 !important; color: #1d4798 !important; }
.cp-ds .cp-pkb-st.cp-pkb-st-deprecated { background: #f3e9e8 !important; color: #8a4644 !important; }
.cp-ds .cp-pkb-st.cp-pkb-st-archived   { background: #ececf0 !important; color: #6b6b73 !important; }


/* Vencimento — colorindo a celula inteira via classe propria */

.cp-ds .cp-pkb-table td.cp-pkb-exp-expired  { color: #b8302a !important; font-weight: 500 !important; }
.cp-ds .cp-pkb-table td.cp-pkb-exp-expiring { color: #b8730e !important; font-weight: 500 !important; }
.cp-ds .cp-pkb-table td.cp-pkb-exp-ok       { color: #1A1A1A !important; }
.cp-ds .cp-pkb-table td.cp-pkb-exp-none     { color: #aaa !important; }


/* ─── Estado vazio ─────────────────────────────────────────── */

.cp-ds .cp-pkb-empty-state {
	background: #fff !important;
	border: 1px dashed #d4d4d8 !important;
	border-radius: 6px !important;
	padding: 32px !important;
	text-align: center !important;
	color: #4a4a52 !important;
}

.cp-ds .cp-pkb-empty-state h2 {
	font-size: 18px !important;
	margin: 0 0 8px 0 !important;
	color: #1A1A1A !important;
	font-weight: 600 !important;
}

.cp-ds .cp-pkb-empty-state p {
	margin: 8px 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.cp-ds .cp-pkb-empty-state code {
	background: #fafafc !important;
	border: 1px solid #ececf0 !important;
	padding: 1px 6px !important;
	border-radius: 3px !important;
	font-size: 12px !important;
	color: #1A1A1A !important;
}


/* ─── Mobile ───────────────────────────────────────────────── */

@media (max-width: 1024px) {
	.cp-ds .cp-pkb-kpis { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 768px) {
	.cp-ds .cp-pkb-kpis { grid-template-columns: repeat(2, 1fr) !important; }
	.cp-ds .cp-pkb-filters { flex-direction: column !important; align-items: stretch !important; }
	.cp-ds .cp-pkb-actions { margin-left: 0 !important; }
	.cp-ds .cp-pkb-table { font-size: 12px !important; }
	.cp-ds .cp-pkb-table .cp-pkb-cell-title { max-width: 200px !important; }
}