/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 04 2026 | 19:15:57 */
/* ════════════════════════════════════════════════════════════════════════
 * cp-pages-meu-trabalho-prospeccoes.css — Fase 1.D do ERP Criminal V1
 *
 * Aba "Prospecções" do /meu-trabalho/. SÓ layout/composição específica.
 * Cores, spacing, botões, cards, modais, badges vêm dos primitives cpds-*
 * (cp-design-system.css).
 *
 * Doc: doc/planejamento/escritorio-virtual-fase-1d-prospeccoes.md §4.
 * ════════════════════════════════════════════════════════════════════════ */

/* ── Banner Beta ───────────────────────────────────────────────────────── */
.cp-pro-banner {
	background: var(--cp-brand-yellow-soft) !important;
	border: 1px solid var(--cp-brand-yellow) !important;
	border-radius: var(--cp-radius-lg) !important;
	padding: var(--cp-space-3) var(--cp-space-4) !important;
	margin-bottom: var(--cp-space-5) !important;
}
.cp-pro-banner-body strong {
	background: var(--cp-brand-yellow) !important;
	color: var(--cp-brand-black) !important;
	padding: 2px 8px !important;
	border-radius: var(--cp-radius-pill) !important;
	font-size: var(--cp-text-xs) !important;
	font-weight: var(--cp-weight-bold) !important;
	margin-right: var(--cp-space-2) !important;
}
.cp-pro-banner-body span {
	color: var(--cp-text-secondary) !important;
	font-size: var(--cp-text-sm) !important;
}

/* ── KPI strip ─────────────────────────────────────────────────────────── */
.cp-pro-kpis {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
	gap: var(--cp-space-3) !important;
	margin-bottom: var(--cp-space-4) !important;
}
.cp-pro-kpi {
	background: var(--cp-surface) !important;
	border: 1px solid var(--cp-border) !important;
	border-radius: var(--cp-radius-lg) !important;
	padding: var(--cp-space-4) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: var(--cp-space-1) !important;
}
.cp-pro-kpi-lbl {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
	font-weight: var(--cp-weight-medium) !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
}
.cp-pro-kpi-val {
	font-size: var(--cp-text-2xl) !important;
	font-weight: var(--cp-weight-bold) !important;
	color: var(--cp-text-primary) !important;
	font-variant-numeric: tabular-nums !important;
}
.cp-pro-kpi-sub {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
}
.cp-pro-kpi-warning .cp-pro-kpi-val { color: var(--cp-warning, #b45309) !important; }
.cp-pro-kpi-success .cp-pro-kpi-val { color: var(--cp-success, #065f46) !important; }

/* ── Toolbar ───────────────────────────────────────────────────────────── */
.cp-pro-toolbar {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--cp-space-3) !important;
	align-items: center !important;
	margin-bottom: var(--cp-space-4) !important;
}
.cp-pro-filters {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--cp-space-2) !important;
}
.cp-pro-toolbar-actions {
	margin-left: auto !important;
	display: flex !important;
	gap: var(--cp-space-2) !important;
	align-items: center !important;
}
.cp-pro-view-toggle {
	display: inline-flex !important;
	gap: 2px !important;
	background: var(--cp-bg-muted) !important;
	border-radius: var(--cp-radius-md) !important;
	padding: 2px !important;
}
.cp-pro-view-toggle .cp-pro-view-active {
	background: var(--cp-surface) !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
}

/* ── Erro / Skeleton ───────────────────────────────────────────────────── */
.cp-pro-error {
	background: var(--cp-danger-soft) !important;
	color: var(--cp-danger) !important;
	border: 1px solid var(--cp-danger) !important;
	border-radius: var(--cp-radius-md) !important;
	padding: var(--cp-space-3) !important;
	margin-bottom: var(--cp-space-3) !important;
}
.cp-pro-skel-card {
	height: 80px !important;
	background: linear-gradient(90deg, var(--cp-border-soft) 0%, var(--cp-border) 50%, var(--cp-border-soft) 100%) !important;
	background-size: 200% 100% !important;
	border-radius: var(--cp-radius-md) !important;
	animation: cp-pro-skel 1.2s ease-in-out infinite !important;
	margin-bottom: var(--cp-space-2) !important;
}
@keyframes cp-pro-skel {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

/* ── Kanban (6 colunas) ───────────────────────────────────────────────── */
.cp-pro-kanban {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(220px, 1fr)) !important;
	gap: var(--cp-space-3) !important;
	overflow-x: auto !important;
	padding-bottom: var(--cp-space-2) !important;
}
.cp-pro-col {
	background: var(--cp-bg-muted) !important;
	border-radius: var(--cp-radius-lg) !important;
	padding: var(--cp-space-3) !important;
	min-height: 280px !important;
	display: flex !important;
	flex-direction: column !important;
}
.cp-pro-col-head {
	margin-bottom: var(--cp-space-2) !important;
	padding-bottom: var(--cp-space-2) !important;
	border-bottom: 1px solid var(--cp-border-soft) !important;
}
.cp-pro-col-title {
	font-size: var(--cp-text-sm) !important;
	font-weight: var(--cp-weight-semibold) !important;
	color: var(--cp-text-primary) !important;
	display: flex !important;
	align-items: center !important;
	gap: var(--cp-space-2) !important;
}
.cp-pro-col-count {
	background: var(--cp-surface) !important;
	color: var(--cp-text-secondary) !important;
	font-size: var(--cp-text-xs) !important;
	padding: 1px 8px !important;
	border-radius: var(--cp-radius-pill) !important;
	font-variant-numeric: tabular-nums !important;
}
.cp-pro-col-sub {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
	margin-top: 2px !important;
}
.cp-pro-col-body {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: var(--cp-space-2) !important;
	min-height: 60px !important;
}
.cp-pro-col-body.cp-pro-col-drop-target {
	background: var(--cp-brand-yellow-soft) !important;
	outline: 2px dashed var(--cp-brand-yellow) !important;
	outline-offset: -4px !important;
	border-radius: var(--cp-radius-md) !important;
}

/* Cores semânticas por etapa (border-left) */
.cp-pro-col[data-etapa="fechado_ganho"]   { background: var(--cp-success-soft, #ecfdf5) !important; }
.cp-pro-col[data-etapa="fechado_perdido"] { background: var(--cp-bg-muted) !important; opacity: .85 !important; }

/* ── Card de prospect ──────────────────────────────────────────────────── */
.cp-pro-card {
	background: var(--cp-surface) !important;
	border: 1px solid var(--cp-border) !important;
	border-radius: var(--cp-radius-md) !important;
	padding: var(--cp-space-3) !important;
	cursor: grab !important;
	user-select: none !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
}
.cp-pro-card:active        { cursor: grabbing !important; }
.cp-pro-card.cp-pro-dragging { opacity: .4 !important; }
.cp-pro-card:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
	border-color: var(--cp-brand-yellow) !important;
}
.cp-pro-card-nome {
	font-size: var(--cp-text-sm) !important;
	font-weight: var(--cp-weight-semibold) !important;
	color: var(--cp-text-primary) !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.cp-pro-card-meta {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--cp-space-2) !important;
}
.cp-pro-card-valor {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-secondary) !important;
	font-weight: var(--cp-weight-semibold) !important;
	font-variant-numeric: tabular-nums !important;
}
.cp-pro-card-followup {
	font-size: var(--cp-text-xs) !important;
	display: inline-block !important;
	padding: 1px 8px !important;
	border-radius: var(--cp-radius-pill) !important;
	background: var(--cp-bg-muted) !important;
	color: var(--cp-text-secondary) !important;
}
.cp-pro-card-followup.cp-pro-followup-due {
	background: var(--cp-warning-soft, #fef3c7) !important;
	color: var(--cp-warning, #92400e) !important;
}

/* Origem badge no card */
.cp-pro-origem {
	display: inline-block !important;
	padding: 1px 6px !important;
	border-radius: var(--cp-radius-pill) !important;
	font-size: var(--cp-text-xs) !important;
	font-weight: var(--cp-weight-semibold) !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
}
.cp-pro-origem-indicacao { background: #ddd6fe !important; color: #5b21b6 !important; }
.cp-pro-origem-telefone  { background: #fde68a !important; color: #92400e !important; }
.cp-pro-origem-site      { background: #bfdbfe !important; color: #1e3a8a !important; }
.cp-pro-origem-social    { background: #fbcfe8 !important; color: #831843 !important; }
.cp-pro-origem-outro     { background: #e5e7eb !important; color: #374151 !important; }

/* ── Vista lista ──────────────────────────────────────────────────────── */
.cp-pro-list-empty {
	text-align: center !important;
	padding: var(--cp-space-6) var(--cp-space-4) !important;
	color: var(--cp-text-tertiary) !important;
}
.cp-pro-list-empty h3 {
	color: var(--cp-text-primary) !important;
	font-size: var(--cp-text-lg) !important;
	margin: 0 0 var(--cp-space-2) !important;
}
.cp-pro-list-table {
	background: var(--cp-surface) !important;
	border: 1px solid var(--cp-border) !important;
	border-radius: var(--cp-radius-md) !important;
	overflow: hidden !important;
}
.cp-pro-list-row {
	display: grid !important;
	grid-template-columns: 1fr 120px 110px 110px 90px auto !important;
	gap: var(--cp-space-3) !important;
	align-items: center !important;
	padding: var(--cp-space-3) var(--cp-space-4) !important;
	border-bottom: 1px solid var(--cp-border-soft) !important;
	cursor: pointer !important;
}
.cp-pro-list-row:last-child { border-bottom: none !important; }
.cp-pro-list-row:hover { background: var(--cp-bg-muted) !important; }
.cp-pro-list-row-nome {
	font-weight: var(--cp-weight-semibold) !important;
	color: var(--cp-text-primary) !important;
}
.cp-pro-list-row-etapa,
.cp-pro-list-row-origem,
.cp-pro-list-row-data,
.cp-pro-list-row-valor {
	font-size: var(--cp-text-sm) !important;
	color: var(--cp-text-secondary) !important;
}
.cp-pro-list-row-valor {
	text-align: right !important;
	font-variant-numeric: tabular-nums !important;
}

/* ── LGPD note ─────────────────────────────────────────────────────────── */
.cp-pro-lgpd {
	margin-top: var(--cp-space-4) !important;
	padding: var(--cp-space-3) !important;
	background: var(--cp-bg-muted) !important;
	border-radius: var(--cp-radius-md) !important;
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
}

/* ── Form fields ───────────────────────────────────────────────────────── */
.cp-pro-field {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--cp-space-1) !important;
}
.cp-pro-field > span {
	font-size: var(--cp-text-sm) !important;
	color: var(--cp-text-secondary) !important;
	font-weight: var(--cp-weight-medium) !important;
}
.cp-pro-field-optional {
	color: var(--cp-text-tertiary) !important;
	font-weight: var(--cp-weight-normal) !important;
	font-size: var(--cp-text-xs) !important;
}
.cp-pro-grid-2 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: var(--cp-space-3) !important;
}
.cp-pro-convert-help {
	color: var(--cp-text-secondary) !important;
	font-size: var(--cp-text-sm) !important;
	margin: 0 0 var(--cp-space-2) !important;
}

/* ── Responsivo ────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.cp-pro-kanban {
		grid-template-columns: repeat(6, 240px) !important;
	}
}
@media (max-width: 768px) {
	.cp-pro-toolbar-actions {
		margin-left: 0 !important;
		width: 100% !important;
		justify-content: flex-end !important;
	}
	.cp-pro-grid-2 {
		grid-template-columns: 1fr !important;
	}
	.cp-pro-list-row {
		grid-template-columns: 1fr auto !important;
		gap: var(--cp-space-1) !important;
	}
	.cp-pro-list-row-etapa,
	.cp-pro-list-row-origem,
	.cp-pro-list-row-data {
		display: none !important;
	}
}