.pg_progress_bar_item.pg_grid-x {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; /* Add spacing between elements */
}

.pg_progress_bar_item.pg_grid-x .pg_item_label {
    width: auto;
    flex: 1 1 auto;
    font-weight: bold;
    color: #333;
}

.pg_item_value {
    text-align: right;
    font-weight: bold;
    color: #046bd2; /* Matching progress bar color */
}

.pg_item_bar {
    position: relative;
    height: 8px;
    width: 100%;
    background-color: #edeeee;
    border-radius: 4px;
    overflow: hidden; /* Prevent overflow issues */
}

.pg_progress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background-color: #046bd2;
    border-radius: 4px;
    transition: width 300ms ease-in-out;
}

/* Ensuring labels and values appear inline properly */
.pg_goal_value, .pg_progress_hours {
    font-size: 14px;
    color: #046bd2;
    font-weight: bold;
    margin-left: 5px;
}