/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 04 2026 | 21:32:12 */
/* ════════════════════════════════════════════════════════════════════════
 * cp-pages-meu-trabalho-hoje.css — Fase 1.E do ERP Criminal V1
 *
 * Painel "Hoje" — 1ª aba do /meu-trabalho/. Overview agregado read-only.
 * Cores, spacing, botões vêm dos primitives cpds-* (cp-design-system.css).
 *
 * Doc: doc/planejamento/escritorio-virtual-fase-1e-painel-hoje.md §4.
 * ════════════════════════════════════════════════════════════════════════ */

/* ── Banner Beta (discreto) ────────────────────────────────────────────── */
.cp-hoy-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-4) !important;
}
.cp-hoy-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-hoy-banner-body span {
	color: var(--cp-text-secondary) !important;
	font-size: var(--cp-text-sm) !important;
}

/* ── Loading ───────────────────────────────────────────────────────────── */
.cp-hoy-loading {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--cp-space-3) !important;
}
.cp-hoy-skel-secao {
	height: 140px !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-lg) !important;
	animation: cp-hoy-skel 1.2s ease-in-out infinite !important;
}
@keyframes cp-hoy-skel {
	0%   { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

/* ── Tudo em dia ───────────────────────────────────────────────────────── */
.cp-hoy-tudo-em-dia {
	text-align: center !important;
	padding: var(--cp-space-6) var(--cp-space-4) !important;
	background: var(--cp-success-soft, #ecfdf5) !important;
	border-radius: var(--cp-radius-lg) !important;
	border: 1px solid #a7f3d0 !important;
}
.cp-hoy-tudo-em-dia-icon {
	font-size: 48px !important;
	color: var(--cp-success, #065f46) !important;
	margin-bottom: var(--cp-space-3) !important;
}
.cp-hoy-tudo-em-dia h2 {
	font-size: var(--cp-text-xl) !important;
	color: var(--cp-success, #065f46) !important;
	margin: 0 0 var(--cp-space-2) !important;
	font-weight: var(--cp-weight-bold) !important;
}
.cp-hoy-tudo-em-dia p {
	color: var(--cp-text-secondary) !important;
	font-size: var(--cp-text-sm) !important;
	margin: 0 0 var(--cp-space-4) !important;
}
.cp-hoy-tudo-em-dia-links {
	display: flex !important;
	justify-content: center !important;
	gap: var(--cp-space-2) !important;
	flex-wrap: wrap !important;
}

/* ── Seção ─────────────────────────────────────────────────────────────── */
.cp-hoy-secao {
	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;
	margin-bottom: var(--cp-space-3) !important;
}
.cp-hoy-secao-danger {
	background: var(--cp-danger-soft, #fee2e2) !important;
	border-color: #fca5a5 !important;
}
.cp-hoy-secao-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: var(--cp-space-3) !important;
	gap: var(--cp-space-3) !important;
}
.cp-hoy-secao-title {
	font-size: var(--cp-text-md) !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-hoy-secao-danger .cp-hoy-secao-title {
	color: var(--cp-danger, #991b1b) !important;
}
.cp-hoy-secao-title i {
	color: var(--cp-text-tertiary) !important;
}
.cp-hoy-secao-danger .cp-hoy-secao-title i {
	color: var(--cp-danger, #c44d4d) !important;
}
.cp-hoy-secao-count {
	background: var(--cp-bg-muted) !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-hoy-secao-danger .cp-hoy-secao-count {
	background: #fca5a5 !important;
	color: #7f1d1d !important;
}
.cp-hoy-secao-link {
	font-size: var(--cp-text-sm) !important;
	color: var(--cp-text-secondary) !important;
	text-decoration: none !important;
	font-weight: var(--cp-weight-medium) !important;
}
.cp-hoy-secao-link:hover {
	color: var(--cp-text-primary) !important;
	text-decoration: underline !important;
}

/* ── Items (linhas dentro da seção) ───────────────────────────────────── */
.cp-hoy-itens {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--cp-space-2) !important;
}
.cp-hoy-item {
	display: grid !important;
	grid-template-columns: auto 1fr auto !important;
	gap: var(--cp-space-3) !important;
	align-items: center !important;
	padding: var(--cp-space-2) var(--cp-space-3) !important;
	background: var(--cp-bg-muted) !important;
	border-radius: var(--cp-radius-md) !important;
	color: inherit !important;
	text-decoration: none !important;
}
.cp-hoy-secao-danger .cp-hoy-item {
	background: rgba(255,255,255,.6) !important;
}
.cp-hoy-item:hover {
	background: var(--cp-surface) !important;
	box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;
	color: inherit !important;
}
.cp-hoy-item-icon {
	width: 32px !important;
	height: 32px !important;
	border-radius: var(--cp-radius-md) !important;
	background: var(--cp-surface) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--cp-text-secondary) !important;
	font-size: var(--cp-text-sm) !important;
	flex-shrink: 0 !important;
}
.cp-hoy-item-body {
	min-width: 0 !important;
}
.cp-hoy-item-titulo {
	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-hoy-item-meta {
	font-size: var(--cp-text-xs) !important;
	color: var(--cp-text-tertiary) !important;
	display: flex !important;
	gap: var(--cp-space-2) !important;
	flex-wrap: wrap !important;
	margin-top: 2px !important;
}
.cp-hoy-item-aside {
	text-align: right !important;
	font-size: var(--cp-text-sm) !important;
	color: var(--cp-text-secondary) !important;
	font-variant-numeric: tabular-nums !important;
	white-space: nowrap !important;
}
.cp-hoy-item-aside-strong {
	font-weight: var(--cp-weight-bold) !important;
	color: var(--cp-text-primary) !important;
}
.cp-hoy-item-aside-danger {
	color: var(--cp-danger, #c44d4d) !important;
	font-weight: var(--cp-weight-semibold) !important;
}
.cp-hoy-item-aside-warning {
	color: #b45309 !important;
	font-weight: var(--cp-weight-semibold) !important;
}

/* Kind badge (mini) pra agenda */
.cp-hoy-kind-badge {
	display: inline-block !important;
	padding: 1px 6px !important;
	border-radius: var(--cp-radius-pill) !important;
	font-size: 10px !important;
	font-weight: var(--cp-weight-semibold) !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
}
.cp-hoy-kind-prazo     { background: #fee2e2 !important; color: #991b1b !important; }
.cp-hoy-kind-audiencia { background: #ddd6fe !important; color: #5b21b6 !important; }
.cp-hoy-kind-reuniao   { background: #d1fae5 !important; color: #065f46 !important; }
.cp-hoy-kind-lembrete  { background: #e5e7eb !important; color: #374151 !important; }

/* ── Responsivo ────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
	.cp-hoy-item {
		grid-template-columns: auto 1fr !important;
	}
	.cp-hoy-item-aside {
		grid-column: 1 / -1 !important;
		text-align: left !important;
		padding-left: 44px !important;
	}
	.cp-hoy-secao-head {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: var(--cp-space-1) !important;
	}
}