.ucs-container {
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.ucs-container h3 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 1.2rem;
	color: #333;
	border-bottom: 2px solid #f0f0f0;
	padding-bottom: 10px;
}

.ucs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 15px;
}

.ucs-card {
	padding: 15px;
	border-radius: 6px;
	text-align: center;
	border: 1px solid #eee;
	transition: transform 0.2s ease;
}

.ucs-card:hover {
	transform: translateY(-2px);
}

.ucs-label {
	display: block;
	font-size: 0.85rem;
	color: #666;
	margin-bottom: 5px;
	font-weight: 600;
}

.ucs-value {
	display: block;
	font-size: 1rem;
	font-weight: 700;
}

/* Status Colors */
.ucs-card.success {
	background-color: #f0fdf4;
	border-color: #bbf7d0;
}
.ucs-card.success .ucs-value {
	color: #166534;
}

.ucs-card.warning {
	background-color: #fffbeb;
	border-color: #fde68a;
}
.ucs-card.warning .ucs-value {
	color: #92400e;
}

.ucs-card.error {
	background-color: #fef2f2;
	border-color: #fecaca;
}
.ucs-card.error .ucs-value {
	color: #991b1b;
}