/* =============================================================================
   Meu Painel (dashboard pessoal do usuário comum). Escopado em .cwd-root.
   Reaproveita os componentes base (.cwd-card, .cwd-badge, .cwd-progresso, .cwd-btn).
   ============================================================================= */

.cwd-root .cwd-md-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 14px;
	margin: 4px 0 26px;
}

.cwd-root .cwd-md-card {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px 20px;
	background: var(--cwd-card);
	border: 1px solid var(--cwd-border);
	border-radius: var(--cwd-r-item);
}

.cwd-root .cwd-md-num {
	font-size: 30px;
	font-weight: 800;
	color: var(--cwd-text-1);
	line-height: 1.1;
}

.cwd-root .cwd-md-rot {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--cwd-text-3);
}

.cwd-root .cwd-md-titulo {
	margin: 0 0 14px;
	font-size: 17px;
	color: var(--cwd-text-1);
}

.cwd-root .cwd-md-lista {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 14px;
}

.cwd-root .cwd-md-item {
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cwd-root .cwd-md-item-topo {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
}

.cwd-root .cwd-md-item-titulo {
	margin: 0 0 2px;
	font-size: 15px;
	color: var(--cwd-text-1);
}

.cwd-root .cwd-md-item-form {
	font-size: 12px;
	color: var(--cwd-text-3);
}

.cwd-root .cwd-md-item-rodape {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.cwd-root .cwd-md-prazo {
	font-size: 13px;
	color: var(--cwd-text-2);
}

.cwd-root .cwd-vazio {
	color: var(--cwd-text-3);
}